Desarrollo web en entorno cliente
Unidad 1
- Arquitectura cliente-servidor
Unidad introductoria de la arquitectura cliente-servidor, el navegador, las tecnologías que afectan a la web y la integración de JavaScript
- JavaScript
Introducción a JavaScript mediante el estudio de los conceptos fundamentales del lenguaje, estableciendo la base necesaria para el desarrollo de aplicaciones web en el entorno cliente.
Unidad 2
- JavaScript en el navegador: DOM, eventos, formularios y comunicación asíncrona
Unidad didáctica de Desarrollo web en entorno cliente para crear páginas interactivas con DOM, eventos, formularios, validación, promesas, fetch, JSON y consumo básico de APIs.
Unidad 4
- Librerías y frameworks de cliente: de JavaScript puro a React
Unidad puente de Desarrollo web en entorno cliente para comprender por qué se usan librerías y frameworks, qué problemas resuelven, cómo cambia el modelo de trabajo y cómo preparar el salto a React.
- React: fundamentos para aplicaciones cliente
Unidad didáctica de React para Desarrollo web en entorno cliente: entorno con Vite, JSX, componentes, props, estado, eventos, condicionales, listas, formularios y proyecto guiado.
Unidad 5
- React avanzado y arquitectura de componentes
Unidad didáctica avanzada de React para Desarrollo web en entorno cliente: arquitectura de componentes, estado compartido, useReducer, useEffect, hooks personalizados, contexto, refs, datos remotos, accesibilidad, rendimiento y proyecto guiado.
Complementarios
- Chrome DevTools
DevTools en el navegador de Google Chrome. Herramienta para desarrolladores que sirve para inspeccionar HTML, CSS, JavaScript, red, rendimiento, almacenamiento, seguridad y accesibilidad en desarrollo web.
- Node.js
Tutorial complementario de Node.js para Desarrollo web en entorno cliente: qué es, para qué sirve, instalación, npm, package.json, ejecución de scripts, módulos, sistema de archivos, servidor HTTP, fetch, variables de entorno, depuración y usos habituales.
- Bun
Tutorial complementario de Bun para Desarrollo web en entorno cliente: qué es, cómo se instala, cómo se usa como alternativa a Node.js, ejecución de JavaScript y TypeScript, gestor de paquetes, scripts, bundler, test runner, servidor HTTP y diferencias prácticas con Node.js.
- TypeScript: fundamentos
Tutorial introductorio de TypeScript para desarrollo web en entorno cliente: tipos estáticos, inferencia, funciones tipadas, arrays, objetos, interfaces, uniones, literales, estrechamiento de tipos, módulos y configuración básica del compilador.
- TypeScript: tipos avanzados
Tutorial de continuación sobre TypeScript para desarrollo web en entorno cliente: uniones discriminadas, intersecciones, genéricos, keyof, typeof, tipos utilitarios, aserciones, satisfies, clases, enums, tipado de APIs y buenas prácticas para modelar datos complejos.
- Angular: fundamentos del framework
Tutorial complementario de Angular para Desarrollo web en entorno cliente: entorno de trabajo, componentes standalone, TypeScript, plantillas, binding, control flow, señales, formularios, servicios e inyección de dependencias.
- Angular avanzado: HTTP, rutas, guards y datos
Tutorial complementario avanzado de Angular para Desarrollo web en entorno cliente: servicios HTTP, rutas, parámetros, guards, interceptores, autenticación conceptual, formularios reactivos, manejo de errores y despliegue.