Ecosistema de Desarrollo FrontEnd

Apuntes técnicos, herramientas y fundamentos esenciales

Stack Tecnológico Recomendado

Como desarrollador/a Frontend, estas son las tecnologías clave que manejarás en el lado del cliente:

Categoría Tecnología Documentación
Front End HTML DevDocs HTML
CSS DevDocs CSS
JavaScript DevDocs JS
Frameworks de CSS para Frontend
UI Frameworks Bootstrap Sitio Oficial
Foundation CSS Sitio Oficial
Materialize CSS Sitio Oficial
Frameworks de JavaScript para Frontend
JS Ecosystem React JS React
Angular JS Angular
Vue JS Vue.js
Preprocesadores de CSS
Styling Tools Stylus Stylus
SASS SASS
Compiladores / Empaquetadores de JS
Build Tools Babel Babel
Webpack Webpack

📘 ¿Qué es un Framework?

Es una herramienta que proporciona un conjunto de bibliotecas, módulos y funciones predefinidos para facilitar el desarrollo de aplicaciones web. Un framework proporciona una estructura y una serie de directrices que ayudan al/la desarrollador/a a diseñar una aplicación de manera más eficiente y eficaz.

Al utilizar un framework, no tienes que escribir todo el código desde cero, lo que acelera el proceso de desarrollo y reduce los errores. También suelen proporcionar una mayor seguridad, escalabilidad y estandarización del código.