Temario del curso
Desarrollo de aplicaciones front-end modernas
- visión general y similitudes entre React, Angular y Vue.js
- renderizado declarativo
- componentes: definición de etiquetas HTML personalizadas
- uso de create-react-app para inicializar un proyecto en React
JavaScript moderno
- desarrollo utilizando node.js y npm
- versiones de JavaScript
- trabajo con módulos
- funciones y funciones flecha
- clases
- programación funcional en JavaScript (map, filter, ...)
TypeScript
- tipado estático vs. dinámico
- declaración de tipos para variables, funciones y clases
- tipos de datos básicos
- tuplas, objetos
- interfaces
- genéricos
Lenguaje de plantillas de React
- lenguaje de plantillas basado en JavaScript: JSX
- establecimiento de propiedades de elementos
- repeticiones de elementos
- if / else
- eventos
- clases CSS y estilos
Gestión del estado en React
- establecimiento y cambio del estado de la aplicación
- uso del hook de estado y setState
- captura del contenido de elementos de entrada en el estado
Componentes: los bloques de construcción de las aplicaciones web modernas
- definición de etiquetas HTML personalizadas en React
- estado, props y eventos
- flujo de datos entre componentes
- componentes funcionales y componentes de clase
- uso de hooks en componentes funcionales
- eventos del ciclo de vida del componente (montaje, actualización, desmontaje)
- inclución de componentes predefinidos de una biblioteca
Gestión del estado con Redux
- Fundamentos de Redux: gestión del estado con funciones puras, reducers y datos inmutables
- uso del hook reducer en React
- integración de Redux en una aplicación React
- componentes presentacionales y componentes contenedores
- el ecosistema de Redux
- manejo de eventos asíncronos con Thunk
- obtención de datos desde una API REST
Herramientas de desarrollo y pruebas
- React Developer Tools
- Redux Developer Tools
- Pruebas de JavaScript con Jest
- Pruebas de reducers
- Pruebas de componentes de React
React Router
- enrutamiento del lado del cliente
- visualización de vistas diferentes según la ruta actual del navegador
Desarrollo de aplicaciones con React
- breve introducción a React Native
- creación de una aplicación móvil y de escritorio instalable mediante Progressive Web Apps
- comparación entre Progressive Web Apps y aplicaciones nativas
Requerimientos
- Fundamentos de HTML
- Experiencia en JavaScript
Reseñas (7)
Los detalles, la forma de explicar y la calma y confianza que inspira el formador.
Cosmin Ghergheles - Ness
Curso - React, Redux and TypeScript
Traducción Automática
Cubrió los componentes básicos
Valentin
Curso - React, Redux and TypeScript
Traducción Automática
El entusiasmo de Lukasz.
Eloise Phelps - Dunelm
Curso - React, Redux and TypeScript
Traducción Automática
Cómo Luke hizo un buen esfuerzo ayudando a las personas individualmente cuando tenían problemas ejecutando el código. Luke fue extremadamente amable y se llevó muy bien con los participantes del curso.
Jonathan Grout - Dunelm
Curso - React, Redux and TypeScript
Traducción Automática
La participación del formador con todos los asistentes fue excelente; todos recibieron ayuda en algún momento del curso. En general, fue una gran experiencia, especialmente para las personas que no estaban familiarizadas con el tema.
Tayyab Ejaz Mushtaq - Dunelm
Curso - React, Redux and TypeScript
Traducción Automática
Me gustó el hecho de que se sintiera como un entorno seguro y no me sentí intimidado al compartir mi pantalla y mis dificultades con el instructor o el grupo.
Wanda Hawkins-Kavanagh - Dunelm
Curso - React, Redux and TypeScript
Traducción Automática
Me gustó que el curso tuviera ejercicios. Me gustó la forma en que Lukasz intentaba ayudar a cada uno de nosotros y cómo manejaba la ansiedad de algunos de los demás participantes. Me gustó que fuera conocedor del tema.
Samuel Irsai - Dunelm
Curso - React, Redux and TypeScript
Traducción Automática
