Formación en React - 4 días de clases en línea
2.650,00 EUR
- 4 days
Crea aplicaciones web modernas y responsivas con React y desarrolla las habilidades prácticas de front-end que utilizan hoy en día los equipos de desarrollo líderes. Este curso práctico de formación en React introduce a los estudiantes en el desarrollo de aplicaciones basadas en componentes usando React, JavaScript, JSX, hooks, enrutamiento, formularios, APIs y gestión de estado.
Características clave
Idioma
Material del curso en inglés
Nivel
Nivel principiante - intermedio
4 días de formación en vivo con instructor
Formación virtual (8 horas al día)
Desafíos prácticos de programación
Acceso a un laboratorio de live coding totalmente equipado
Más de 60 horas de estudio recomendadas
Certificación de finalización del programa incluida
Resultados de aprendizaje
Al final de este programa, podrás:
Crea aplicaciones modernas con React
Aprende a crear aplicaciones de una sola página rápidas y fáciles de mantener usando React, JSX, componentes funcionales, hooks y las características modernas de JavaScript. También explorarás el DOM virtual y la arquitectura basada en componentes para construir interfaces de usuario escalables.
Formularios y manejo de eventos
Desarrolla habilidades prácticas para manejar formularios, entrada de usuario, validación y eventos utilizando componentes controlados y no controlados, refs y bibliotecas de formularios de terceros.
Enrutamiento y navegación
Usa React Router para crear una navegación fluida en aplicaciones de una sola página con rutas dinámicas, rutas anidadas, redirecciones, rutas protegidas y navegación programática.
Gestión de estado con Redux
Aprende a gestionar el estado de la aplicación usando Redux, incluyendo acciones, reductores, stores y middleware como Thunk y Saga para manejar operaciones asíncronas y depuración.
Cronograma del curso
Día 1
Sesión 1: Introducción a React
- Fundamentos de React
- Babel y Create React App
- Configuración y estructura del proyecto
Sesión 2: JavaScript moderno
- Aplicaciones de una sola página y características de ES6
- Variables, funciones, clases y módulos
- Literales de plantilla y desestructuración
- Promesas, generadores, conjuntos y mapas
- Conceptos básicos de JavaScript y TypeScript funcionales
Sesión 3: JSX y renderizado de elementos
- DOM virtual y JSX
- Renderizado de elementos
- Trabajar con listas y claves
Sesión 4: Componentes y Props
- Componentes funcionales y de clase
- Props y estado del componente
- Comprobación de tipos
- Composición y herencia
Día 2
Sesión 5: Estado y ciclo de vida
- Gestión de estado y propiedades
- Añadir y elevar el estado
- Métodos del ciclo de vida de los componentes
- Conceptos de inmutabilidad
Sesión 6: Manejo de eventos
- Asignación y vinculación de controladores de eventos
- Pasar argumentos a los manejadores
- Eventos personalizados y eventos sintéticos
Sesión 7: Formularios
- Componentes controlados y no controlados
- Uso de refs en formularios
- Validación de formularios y bibliotecas
- Formularios con JSX
Sesión 8: React Router
- Fundamentos de React Router
- Componentes centrales de enrutamiento
Día 3
Sesión 9: Hooks
- Reutilizar lógica con estado mediante hooks
- Componentes funcionales vs componentes de clase
- Gestión del estado local con hooks
- Hooks estándar y personalizados
- Reglas de los hooks
Sesión 10: React avanzado
- Pruebas y optimización del rendimiento en React
- Compilación de producción y despliegue
- Refs y acceso al DOM
- Patrones de React y autenticación
- JSON Web Tokens (JWT)
- Trabajar con componentes de terceros
Día 4
Sesión 11: Flujo
- Arquitectura y conceptos de Flux
- Componentes de Flux y flujo de datos
- Utilidades e implementaciones de Flux
Sesión 12: Introducción a Redux
- Fundamentos y arquitectura de Redux
- Acciones, reductores y almacenes
- Flujo de datos de Redux
Sesión 13: Redux y React
- Configuración de React Redux
- Componentes de React Redux y flujo de datos
- Recetas de Redux y herramientas de desarrollo
Sesión 14: Más sobre Redux
- Middleware de Redux
- Redux Thunk y Redux Saga
¿Quién debería inscribirse en este programa?
Desarrolladores web front-end
Desarrolladores de JavaScript que pasan a React
Desarrolladores full-stack que amplían sus habilidades de front-end
Desarrolladores de software que crean aplicaciones web modernas
Desarrolladores de interfaz de usuario que trabajan con aplicaciones de una sola página
Profesionales técnicos interesados en los frameworks modernos de JavaScript
Requisitos previos
- Conocimientos básicos a intermedios de JavaScript
- Comprensión de los fundamentos de HTML y CSS
- Familiaridad con conceptos de programación como variables, funciones y bucles
- Es beneficioso tener conocimientos básicos de las características de JavaScript ES6
- Se recomienda tener experiencia previa en desarrollo web, pero no es obligatoria.
Declaraciones
Licencias y acreditación
El curso se ofrece de acuerdo con el Acuerdo del Programa de Socios y cumple con los requisitos del Acuerdo de Licencia.
Política de equidad
Se anima a los candidatos a ponerse en contacto con AVC para recibir orientación y apoyo durante todo el proceso de adaptación.
Preguntas frecuentes
¿Necesita soluciones corporativas o integración LMS?
¿No encontraste el curso o programa que encajaría para tu empresa? ¿Necesitas integración con un LMS? ¡Escríbenos! ¡Resolveremos todo!