Temario del curso
Desarrollo de aplicaciones front-end modernas
- Visión general y similitudes entre React, Angular, Vue.js
- Renderizado declarativo
- Componentes - definición de etiquetas HTML personalizadas
- Uso de create-react-app para inicializar un proyecto de React
JavaScript moderno
- Desarrollo utilizando node.js y npm
- Versiónes de JavaScript
- Trabajo con módulos
- Funciones y funciones flecha
- Clases
- Programación funcional en JavaScript (map, filter, ...)
TypeScript
- Tipo estático vs dinámico
- Declaración de tipos de variables, funciones y clases
- Tuplas, objetos
- Interfaces
- Genéricos
Lenguaje de plantilla de React
- Lenguaje de plantilla basado en JavaScript: JSX
- Establecimiento de propiedades de elementos
- Repetición 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 state hook y setState
- Captura del contenido de elementos de entrada en el estado
Componentes: Bloques de construcción de 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)
- Inclusión de componentes predefinidos de una biblioteca
Gestión de estado con Redux
- Bases de Redux: gestión del estado con funciones puras, reducers y datos inmutables
- Uso del hook de reducer en React
- Integración de Redux en una aplicación de React
- Componentes presentacionales y contenedores
- Ecosistema de Redux
- Gestión de eventos asíncronos con Thunk
- Obtención de datos desde una API REST
Herramientas de desarrollo y pruebas
- Herramientas de desarrollador de React
- Herramientas de desarrollador de Redux
- Prueba de JavaScript con Jest
- Prueba de reducers
- Prueba de componentes de React
React Router
- Ruteo del lado del cliente
- Mostrar diferentes vistas basadas en la ruta actual del navegador
Desarrollo de aplicaciones con React
- Breve visión general de React Native
- Creación de una aplicación móvil e instalable para escritorio con Progressive Web Apps
- Comparación entre Progressive Web Apps y aplicaciones nativas
Requerimientos
- Básicos de HTML
- Experiencia con JavaScript
Testimonios (7)
Los detalles, la forma de explicar y la calma y confianza que inspira el entrenador.
Cosmin Ghergheles - Ness
Curso - React, Redux and TypeScript
Traducción Automática
Abarcaba los componentes básicos
Valentin
Curso - React, Redux and TypeScript
Traducción Automática
Entusiasmo de Lukasz.
Eloise Phelps - Dunelm
Curso - React, Redux and TypeScript
Traducción Automática
Cómo Luke hizo un gran esfuerzo para ayudar individualmente a las personas 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 entrenador con todos los participantes fue excelente, cada uno recibió ayuda en algún momento del curso. Fue una experiencia muy positiva en general, 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 sintió como un entorno seguro y no me sentí intimidado compartiendo mi pantalla y mis dificultades con el entrenador o el grupo.
Wanda Hawkins-Kavanagh - Dunelm
Curso - React, Redux and TypeScript
Traducción Automática
Me gustó el hecho de que el curso tuviera ejercicios. Me gustó la forma en que Lukasz intentó ayudar a cada uno de nosotros y la manera en que manejó la ansiedad de algunos otros participantes. Me gustó que fuera conocedor del tema.
Samuel Irsai - Dunelm
Curso - React, Redux and TypeScript
Traducción Automática