Frontend Starter

Aprender frontend es una de las cosas, para mí, más satisfactorias que existen. Programamos y creamos contenido. Es adictivo. Y una vez controlas un poco como funciona el ecosistema no puedes querer parar de aprender y aprender.

HTML

---

• Code Guide - Standards for developing consistent, flexible, and sustainable HTML and CSS.
• HTML Reference

CSS

---

• Code Guide - Standards for developing consistent, flexible, and sustainable HTML and CSS.
• CSS Guide Line - High-level advice and guidelines for writing sane, manageable, scalable CSS.
• ITCSS
• CSS Reference
• Can I Use
• CSS Tricks
• Flexbox
• Grid
• Flexbox Scrimba
• Sass
  • Sass
  • Guía
• PostCSS
  • PostCSS
  • Autoprefixer
  • Introduction to PostCSS
  • Introduction to Autoprefixer
  • Autoprefixer Online
• CSS Frameworks
  • Bootstrap
  • Materialize CSS
  • Material Design Lite
  • Bulma
  • UI kit
  • Animate.css
  • Tailwind
    • TailwindCSS
    • Herramientas
      • CSS to Tailwind CSS Converter.
      • IntelliSense for VSCode IntelliSense extension for Visual Studio Code.
    • Componentes
      • Tailwind UI Component library made with Tailwind CSS.
      • Tailwind Forms Adds better default styles to form elements.
      • Wicked Blocks
      • Tailwind Components Community-driven Tailwind CSS component repository.
      • Creative Tim Components
    • Colors
      • Tailwind Color Shades Color shades generator for Tailwind CSS.
      • Palette generator Color palette generator that outputs Tailwind CSS configuration files.
      • Hypercolor Collection of pre-configured Tailwind CSS gradients with directional options.
    • Animaciones
      • tail-animista Configurable custom animation utilities generator for Tailwind CSS.

JavaScript

---

• Javascript
• Javascript Array
• Spread Tricks
• Los array methods más utilizados
• Reduce
• Fetch API
• Usar async await con jQuery y ajax
• WEB API Features
• Gestores de paquetes
  • Guía sobre gestores de paquetes
  • npm
    • npm
    • ¿Qué es npm?
    • ¿Qué son los paquetes y los módulos?
    Esto al inicio es una buena movida, así que te recomiendo leerte la docu referente a crear un pquete, descargar e instalar paquetes y desinstalar paquetes y dependencias.
  • yarn
    • yarn
    • Empezar con yarn
• Testing
  • Jest
  • Mocha
  • Cypress
• Libros y guías
  • Eloquent Javascript
  • You Don’t Know JS
  • The Modern Javascript Tutorial
  • The Definitive Guide: Javascript
  • Airbnb JavaScript Style Guide
  • Master of JavaScript Basic to Advanced
  • JS the Right Way
  • Clean Code Javascript
  • Mini Projects
• Patrones de diseño
  • Patrones de diseño en JavaScript
  • Refactoring.Guru
• Regex
  • RegExr
  • Regex Tester
• Sandbox
  • CodeSandBox
  • Repl
  • Codepen

TypeScript