React JS

CE RT I F I CAT I O N FRONT END

Domina React JS desde cero y crea

increíbles apps web con React /
Redux.

Duración Total del Curso: 10 semanas

Clases en vivo: 12 clases / 30 hrs. / 6 semanas

Proyecto de Certificación: 4 semanas

Fechas y Horarios: Martes y jueves / 19:00 a 21:30 hrs. Chile

Modalidad: Online / Clases en vivo / Todas las clases quedan grabadas

Mentoría: Durante todo el proceso y la experiencia del alumno

Egreso: Certificación Digital Vinculada a Linkedin

 CE RT I F I CAT I O N FRONT END

React JS
Certifícate como React JS Developer y domina la librería frontend más demandada por
el mercado laboral. Aprende a crear apps web con React JS.

REQUISITOS I NSTA L AC I O N E S
Conocimientos en JavaScript Visual Studio Code: /visualstudio.com/
Node JS (LTS): /nodejs.org/
React JS Install: npm install -g create-react-app

Perfil del Instructor

PROFESIÓN ACTUAL EMPLEO

Miguel Chamorro F. Ing. de Software Jefe de Proyectos
Full Stack Developer Full Stack en Solutions
[email protected] SÚPER SKILL S E R I E FAVO R I TA
Java/Javascript Breaking Bad

Módulos del Curso TO D O LO Q U E A P R E N D E R ÁS

1 Class Components y manejo de States

Clase 1
Configuraciones y conocimiento de estructura de trabajo

Integración de dependencias

Creación de componentes con extensión de JSX

Integración de react-router-dom

Clase 2
Definición de rutas para componentes de orden superior

Utilización de operadores de js

Aprendizaje de estructuras limpias de trabajo

Destructuring de objetos

escalab.academy/react.html
 Spread operators

Integración de proveedores de autenticación

Async y await

Métodos del ciclo de vida de componentes

State y setState

2 Comunicación de Componentes y paso de Props

Clase 3
Comunicación de componentes con props

Aprendizaje para trabajar con varias props con other props

Aprendizaje para la navegación de rutas

Aprendizaje para validaciones de jsx

Clase 4
Aprendizaje para trabajar con operadores ternarios

Aprendizaje para integrar trabajar con estilos Sass

Aprendizaje para la navegación hacia rutas internas con with router

desde componentes de orden inferior

3 Functionals Components

Clase 5 y 6
Aprendizaje para crear collections en firebase y perfiles de documentos

Aprendizaje para trabajar con formularios

Aprendizaje para la integración de material-ui

Aprendizaje para trabajar de manera correcta con componentes

funcionales
Aprendizaje para trabajar con flujos asíncronos con async y await

4 Consumo de Apis con Componentes Funcionales

Clase 7 y 8
Definición de constantes

Aprendizaje de como leer la documentación de apis

Aplicación del uso de componentes funcionales

Aprendizaje para consumir apis con fetch

Introducción del uso de hooks

Consumo de servicios rest

escalab.academy/react.html
5 Manejo de Estados Globales con API Context y Hooks

Clase 9
Aprendizaje de como trabajar con manejadores de estados globales

Aprendizaje de como trabajar con Api Context

Aprendizaje para la creación de proveedores de contextos

Aprendizaje para manejar paso de props óptimos con Api Context

Aprendizaje de como trabajar con Api Context para el consumo de Apis

Clase 10
Aprendizaje para trabajar con query selectors

Aprendizaje de como gestionar las propiedades con Api Context

Aprendizaje de como trabajar hooks con Api Context

6 Manejo de Estados Globales con Redux

Clase 11
Aprendizaje para comprender las bases del patrón Redux

Aprendizaje para la estructura limpia de un proyecto en Redux

Aprendizaje de buenas prácticas con Redux

Aprendizaje de prácticas avanzadas con Redux

Aprendizaje para manejar contextos globales de tu aplicación con Redux

Aprendizaje para la creación de tu store global

Aprendizaje para trabajar con middlewares asociados a tu store

Aprendizaje para trabajar con seguimiento de estados

Clase 12
Aprendizaje para trabajar con actions, types y reducers

Optimizaciones de memorización con createStructuredSelectors

Aprendizaje para trabajar con mapStateToProps y mapDispatchToProps

Aprendizaje para trabajar con combineReducers

No perder tus estados del componente gracias a persistencia

Personalizar la persistencia y como trabajar con localStorage

Aprendizaje de integración de apis para simulación de pagos

Despliegue a producción en Heroku de manera óptima

escalab.academy/react.html
 7 Proyecto Final del Aprobación 1 MES

El proyecto final del curso se desarrollará un proyecto de libre

conocimiento, donde los alumnos podrán llevar a cabo una idea
de interés, basada en los conocimientos adquiridos a lo largo de
todo el curso.

El proyecto será evaluado en base a una pauta definida

inicialmente por el instructor y comunicada con anticipación para
los alumnos.

El alumno tendrá un mes máximo para el desarrollo y entrega del

proyecto final.

El proyecto se entrega en un repositorio Github o similar para ser

evaluado y posteriormente certificado.

Asitencia del instructor durante la ejecución y desarrollo del

proyecto por Slack y Correo Electrónico.

¡Éxito y nunca dejes de crecer!

Cronograma de Estudio

CLASE 1 CLASE 2 CLASE 3 CLASE 4

SE MAN A Ciclos de Vida de

Class Component Manejo de States Manejo de Props
1 - 2 Componentes

Módulo 1 Módulo 1 Módulo 2 Módulo 2

CLASE 5 CLASE 6 CLASE 7 CLASE 8

SE MAN A Functionals UseState and

Manejo de Rutas Hooks
3 - 4 Components useEffect

Módulo 3 Módulo 3 Módulo 4 Módulo 4

CLASE 9 CLASE 10 CLASE 11 CLASE 11

SE MAN A Consumo de Apis Api Context Redux Avanzado

Despliegue en
5 - 6 Producción

Módulo 5 Módulo 5 Módulo 6 Módulo 6

Proyecto Final de Aprobación

SE MAN A
7 - 8 - 9 - 10

escalab.academy/react.html
 Siempre Conectados
H E R R A M I E N TAS D E G E ST I Ó N

CLASSROOM S L A C K
Para la gestión y publicación Para la comunicación
de contenidos, clases y videos interna entre alumnos e
de todos los cursos. instructores.

GOOGLE MEETING
GITHUB Para transmisión en
Para alojar todos los vivo de todas las clases
proyectos realizados y charlas.
en los cursos.

Certíficate en React JS en Escalab

[email protected] [email protected]

+56 9 4184 2607 +56 9 9789 7897 +52 2 3263 2408

escalab.academy

PA R T N E R S H I P

ALIANZAS SOMOS OTEC TEST CENTER AUTORIZADO