Ruta de aprendizaje para desarrollar aplicaciones web
Clases en esta Ruta
Ecosistema web, instalación de herramientas y creación de la primera página con estructura HTML correcta.
Crear navegación con enlaces, añadir imágenes optimizadas y maquetar usando etiquetas semánticas HTML5.
Formularios y Tablas Accesibles
RequeridaCreación de formularios con validación nativa, tablas accesibles y uso de multimedia embebida.
Fundamentos de CSS3
RequeridaSintaxis, selectores, especificidad, box model y estilos básicos de color y tipografía.
Flexbox y Layouts con CSS
RequeridaDisplay, posicionamiento y maquetación moderna con Flexbox (navbars, grids de cards, footers).
Responsive Design y Media Queries
RequeridaMobile-first, unidades relativas, media queries y navbar hamburguesa para navegación adaptable.
Fundamentos de JavaScript
RequeridaSintaxis básica, variables, tipos, operadores, condicionales y funciones.
Arrays, Objetos y Loops
RequeridaArrays y objetos, métodos de iteración y ciclos para recorrer datos.
Manipulación del DOM
RequeridaSelección de elementos, cambios en contenido, estilos, creación de nodos y manejo de eventos.
Git y Deploy para tu Proyecto
RequeridaEl día que arranca tu proyecto arranca tu repositorio. Flujo mínimo de Git, commits que puedes defender, y tu proyecto en línea desde hoy.
Destructuring, spread/rest, template literals avanzados y parámetros por defecto para escribir código más expresivo.
Encadenamiento de métodos, funciones de orden superior y pipelines funcionales.
Callbacks y el Event Loop
RequeridaComprender el modelo de ejecución asíncrona y el uso de callbacks en JavaScript.
Promesas (Promises)
RequeridaCrear, encadenar y manejar promesas con combinadores modernos.
Async/Await y Fetch API
RequeridaUso de async/await para código limpio y consumo de APIs con fetch.
Ya escribes fetch. Ahora entiende qué se manda realmente, por qué falla CORS, y la diferencia entre un 401 y un 403.
React Fundamentals y Setup
RequeridaConceptos base de React, Virtual DOM, configuración con Vite y JSX.
Props y Composición de Componentes
RequeridaPasar datos con props, validar con PropTypes y componer UI con children.
useState Hook
RequeridaManejo de estado local con `useState` y actualización correcta.
useEffect Básico y Ciclo de Vida
RequeridaEntender efectos secundarios, dependencias y limpieza correcta en React.
useEffect Avanzado y Patrones
RequeridaRace conditions, debouncing, polling y organización de efectos.
React Router - Navegación y Rutas
RequeridaConfigurar React Router, crear rutas y navegar con Link y NavLink.
Rutas Dinámicas, Protegidas y 404
RequeridaParametros, rutas anidadas, protección y redirecciones.
Autenticación y Seguridad Web
RequeridaCómo un servidor sin memoria sabe quién eres, dónde se guarda un token y por qué el frontend nunca es la frontera de seguridad.
Context API y Estado Global
RequeridaCrear contextos, providers y combinar con useReducer.
El Mapa del Ecosistema
RequeridaREST, GraphQL, WebSockets, SOAP, microservicios, serverless. No para usarlos hoy, sino para saber que existen, qué cuestan y cuándo preguntar por ellos.
Proyecto Final
RequeridaPlanificación, desarrollo, despliegue y presentación de un proyecto full-stack completo.
Clases y Objetos en JavaScript
ConsultaCrear clases, entender `this`, usar getters/setters y encapsular datos.
Herencia y Polimorfismo
ConsultaExtender clases, sobrescribir métodos y aplicar polimorfismo.
Composición y Patrones de Diseño
ConsultaComparar composición vs herencia y aplicar patrones Singleton, Factory y Observer.
Uso práctico de Set, Map, WeakSet, WeakMap y Symbol.
Construir un dashboard con API externa, debounce y almacenamiento local.
Introducción a los conceptos fundamentales de arquitectura de software web, patrones arquitectónicos y principios de diseño.