Desarrollo web
Volver a rutas
Ruta de AprendizajePrincipiante

Desarrollo web

27 clases
~96 min total

Ruta de aprendizaje para desarrollar aplicaciones web

Clases en esta Ruta

1
Introducción al Desarrollo Web y HTML Básico

Ecosistema web, instalación de herramientas y creación de la primera página con estructura HTML correcta.

Fundamentos de ProgramaciónPrincipiante120 min
2
Enlaces, Imágenes y Estructura Semántica

Crear navegación con enlaces, añadir imágenes optimizadas y maquetar usando etiquetas semánticas HTML5.

Fundamentos de ProgramaciónPrincipiante120 min
3
Formularios y Tablas Accesibles

Creación de formularios con validación nativa, tablas accesibles y uso de multimedia embebida.

Fundamentos de ProgramaciónIntermedio120 min
4
Fundamentos de CSS3

Sintaxis, selectores, especificidad, box model y estilos básicos de color y tipografía.

UI/UX DesignPrincipiante120 min
5
Flexbox y Layouts con CSS

Display, posicionamiento y maquetación moderna con Flexbox (navbars, grids de cards, footers).

UI/UX DesignPrincipiante120 min
6
Responsive Design y Media Queries

Mobile-first, unidades relativas, media queries y navbar hamburguesa para navegación adaptable.

UI/UX DesignIntermedio120 min
7
Fundamentos de JavaScript

Sintaxis básica, variables, tipos, operadores, condicionales y funciones.

Fundamentos de ProgramaciónPrincipiante120 min
8
Arrays, Objetos y Loops

Arrays y objetos, métodos de iteración y ciclos para recorrer datos.

Fundamentos de ProgramaciónIntermedio120 min
9
Manipulación del DOM

Selección de elementos, cambios en contenido, estilos, creación de nodos y manejo de eventos.

Fundamentos de ProgramaciónIntermedio120 min
10
ES6+ Features (Destructuring, Spread, Rest)

Destructuring, spread/rest, template literals avanzados y parámetros por defecto para escribir código más expresivo.

Fundamentos de ProgramaciónPrincipiante120 min
11
Array Methods Avanzados y Higher Order Functions

Encadenamiento de métodos, funciones de orden superior y pipelines funcionales.

Fundamentos de ProgramaciónIntermedio120 min
12
Set, Map y Nuevas Estructuras de Datos

Uso práctico de Set, Map, WeakSet, WeakMap y Symbol.

Fundamentos de ProgramaciónIntermedio120 min
13
Callbacks y el Event Loop

Comprender el modelo de ejecución asíncrona y el uso de callbacks en JavaScript.

Fundamentos de ProgramaciónIntermedio120 min
14
Promesas (Promises)

Crear, encadenar y manejar promesas con combinadores modernos.

Frontend DevelopmentIntermedio120 min
15
Async/Await y Fetch API

Uso de async/await para código limpio y consumo de APIs con fetch.

Fundamentos de ProgramaciónIntermedio120 min
16
Clases y Objetos en JavaScript

Crear clases, entender `this`, usar getters/setters y encapsular datos.

Fundamentos de ProgramaciónIntermedio120 min
17
Herencia y Polimorfismo

Extender clases, sobrescribir métodos y aplicar polimorfismo.

Fundamentos de ProgramaciónIntermedio120 min
18
Composición y Patrones de Diseño

Comparar composición vs herencia y aplicar patrones Singleton, Factory y Observer.

Fundamentos de ProgramaciónIntermedio120 min
19
React Fundamentals y Setup

Conceptos base de React, Virtual DOM, configuración con Vite y JSX.

Frontend DevelopmentPrincipiante120 min
20
Props y Composición de Componentes

Pasar datos con props, validar con PropTypes y componer UI con children.

Principiante120 min
21
useState Hook

useState Hook

Requerida

Manejo de estado local con `useState` y actualización correcta.

Fundamentos de ProgramaciónFrontend DevelopmentPrincipiante120 min
22
useEffect Básico y Ciclo de Vida

Entender efectos secundarios, dependencias y limpieza correcta en React.

Frontend DevelopmentPrincipiante120 min
23
useEffect Avanzado y Patrones

Race conditions, debouncing, polling y organización de efectos.

Intermedio120 min
24
Proyecto Integrador - Dashboard de Clima

Construir un dashboard con API externa, debounce y almacenamiento local.

Frontend DevelopmentIntermedio120 min
25
React Router - Navegación y Rutas

Configurar React Router, crear rutas y navegar con Link y NavLink.

Frontend DevelopmentPrincipiante120 min
26
Rutas Dinámicas, Protegidas y 404

Parametros, rutas anidadas, protección y redirecciones.

Frontend DevelopmentIntermedio120 min
27
Context API y Estado Global

Crear contextos, providers y combinar con useReducer.

Frontend DevelopmentIntermedio120 min