Curso React.js - Formación combinada (Aula virtual en directo + eLearning)
450,00 EUR
- 30 hours
El Curso de Capacitación en React.js de AVC te ayudará a dominar los fundamentos de React, un marco de trabajo esencial para el desarrollo de interfaces de usuario, incluyendo JSX, props, estado y eventos. Este curso de capacitación profundiza en Redux, abarcando reductores, acciones y el árbol de estado.
Currículo de Clase Virtual en Directo
ES6
Lección 01
- Introducción
- Métodos Auxiliares de Arreglo
- Let y Const
- Plantillas literales
- Funciones Flecha
- Parámetros de Función por Defecto
- Rest y Spread
- Desestructuración
- Clases
- Promesas
- Fetch
Fundamentos de React
Lección 02
- ¿Por qué React?
- Renderizando la interfaz de usuario
- Componentes
- Eventos del Ciclo de Vida de un Componente
- Formularios
- Interacción de Componentes
- React Router
Introducción a Redux
Lección 03
- ¿Por qué Redux?
- Conceptos fundamentales de Redux
React & Redux
Lección 04
- El paquete React Redux Node
- Componente Proveedor
- Conectando Componentes de React con el Almacén Redux
- Composición de Reductores
- Normalización: Aspectos a tener en cuenta al diseñar un almacén Redux
- Middleware de Redux
Currículo de eLearning
Introducción al curso
Lección 01
- Bienvenido al curso
- Esquema del Curso y Proyectos
Empezando
Lección 02
- Qué es React
- Configuración del entorno
- ES6 Refresher - Parte 1
- ES6 Refresher - Parte 2
- ES6 Refresher - Parte 3
- Configuración manual vs Crear aplicación con React
- Instalación y uso de la CLI
- Un vistazo a los archivos iniciales de React y cómo funcionan
Componentes, JSX y Propiedades
Lección 03
- Pensando en Componentes
- Qué es JSX
- Expresiones JSX
- Creando tu primer componente
- Componentes Funcionales
- Trabajando con Props
- Comprobación de tipos con PropTypes
- CSS en React
- Añadiendo Bootstrap
Estado y la API de Contexto
Lección 04
- Cambiando el estado desde otro componente
- Uso de la API de Contexto y el Estado del Proveedor
- Añadiendo un Reductor de Contexto para Acciones
- Creando Estado
- Eventos en React
- Cambiando de estado
Trabajando con formularios
Lección 05
- Creando un formulario con estado
- Componentes Controlados y Evento onChange
- Componente TextInputGroup para código DRY
- Componentes no controlados y referencias
- Acción de envío de formulario al contexto
- Comprobación y visualización de errores
React Router v4
Lección 06
- Configuración de React Router
- Enlaces, Parámetros y Redirección
- Página 404 No Encontrada
Ciclo de vida, HTTP y Despliegue
Lección 07
- Métodos del Ciclo de Vida
- Solicitudes GET
- Solicitudes POST y DELETE
- Usando AsyncAwait
- Componente Editar Contacto y Obtener Contacto
- Solicitud PUT y acción de actualización
- Desplegar en Github Pages
Aprendiendo Redux
Lección 08
- Una nota sobre Redux
- Punto de Inicio de la Aplicación para Redux
- Configuración del Almacén Redux y Reductor de Contacto
- Conectando Componentes y Despachando Acciones
- Creando un archivo de acciones separado
- Acción de Eliminar y Añadir Contacto
Redux Thunk y HTTP
Lección 09
- Envío de Solicitud GET
- Envío de Solicitudes POST y DELETE
- Obtener Contacto Único Para Editar
- Solicitud PUT y Despacho
- Desplegar en Apache
Proyecto Firebase de Panel de Cliente - Parte 1
Lección 10
- Introducción y demostración de la aplicación F
- Configuración de Firebase Firestore
- Configuración y Componente AppNavbar
- Panel de control, Barra lateral y Componente de clientes
- Configuración de React-Redux-Firebase
- Conectar el Componente de Clientes a Firestore
- Añadir cliente a Firestore
- Componente de Detalles del Cliente
- Actualización y eliminación de saldo
- Editar Cliente en Firestore
Proyecto Firebase de Panel de Cliente - Parte 2
Lección 11
- Funcionalidad de inicio de sesión
- Cerrar sesión y actualizar la barra de navegación
- Protección de Ruta
- Componente de Estado de Notificación y Alerta
- Configuración de Reductor y Acciones
- Componente de Configuración
- Persistir configuraciones en LocalStorage
- Implementando Configuraciones
- Funcionalidad de Registro
- Desplegar en Firebase
Crear una aplicación de búsqueda de eventos en React
Proyecto Final del Curso
Construye una aplicación en React donde los usuarios puedan ver y promocionar eventos próximos, configura un servidor JSON para pruebas hasta que las API de backend estén listas y, finalmente, gestiona el estado utilizando Redux.
Resultados del aprendizaje
Al finalizar este Curso de Aprendizaje Electrónico de React.js, serás capaz de:
React y Redux
Aprende a construir aplicaciones de una sola página increíbles con React y Redux
Estructurando Redux
Aprende y aplica conceptos fundamentales detrás de la estructuración de aplicaciones Redux
Componentes modificables
Darse cuenta y apreciar el poder de construir componentes modificables
NPM, Babel y ES6
Comprender y utilizar NPM, Babel y la sintaxis de JavaScript ES6.
Características clave
52 horas de Aprendizaje Combinado
30 horas de formación dirigida por un instructor
Un proyecto final de curso de la vida real
Flexibilidad para elegir clases
Certificado de finalización de curso reconocido por la industria
¿Quién debería inscribirse en este programa?
Para este curso, debes tener experiencia construyendo aplicaciones web front-end con HTML, CSS y JavaScript. Este curso de certificación de React.js está diseñado para desarrolladores web que diseñan y construyen soluciones de UI/UX para aplicaciones móviles y web y desean diseñar con React de la manera más eficiente posible utilizando una biblioteca de JavaScript.
Desarrolladores Web
Diseñadores Web
Desarrollador Full-stack
Desarrollador móvil
¿Necesitas una solución corporativa o integración de LMS?
¿No encontraste el curso o programa que encajaría para tu empresa? ¿Necesitas integración con un LMS? ¡Escríbenos! ¡Resolveremos todo!