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)
The details amout, way of explaning and the calm and confidence the trainer is inspiring.
Cosmin Ghergheles - Ness
Curso - React, Redux and TypeScript
It covered the basic components
Valentin
Curso - React, Redux and TypeScript
Lukasz's enthusiasm.
Eloise Phelps - Dunelm
Curso - React, Redux and TypeScript
How Luke made a good effort to helping people individually when they were having problems running the code. Luke was extremely friendly and got a long well with the course participants.
Jonathan Grout - Dunelm
Curso - React, Redux and TypeScript
The engagement from the trainer with all the participants was great, everyone got help at some stage of the course. It was a great experience overall, specially for people not familiar with the subject.
Tayyab Ejaz Mushtaq - Dunelm
Curso - React, Redux and TypeScript
I liked the fact it felt like a safe environment and I didn't feel intimidated sharing my screen and my struggles with the trainer or the group.
Wanda Hawkins-Kavanagh - Dunelm
Curso - React, Redux and TypeScript
I liked the fact that the course had exercises. I liked the way Lukasz tried to help each of us and the way he handle the anxiety of some of the other participants. I liked that he was knowledgeable of the subject.