REACT.

JS:
CURSO BÁSICO, PRÁCTICO Y DESDE CERO

1. Presentación.

React es una de las librerías más utilizadas hoy para crear aplicaciones web, es la librería frontend
con la que están construidas las dos redes sociales más grandes: Facebook e Instagram.

2. Lo que aprenderás.

Con este curso aprenderás lo siguiente:

 Instalar React
 Trabajo básico con las plantillas de React
 Javascript Moderno aplicado a ReactJS
 Maquetación web profesional (HTML y CSS)
 Responsive web design
 Docker para desplegar nuestra app
 Diseñar componentes eficientes y experiencias de navegabilidad escalables, aprovechando
los últimos patrones y sintaxis de ES6 y JSX.

3. Metodología.

El desarrollo de este curso se hará de forma remota, clases sincrónicas en vivo en

modalidad teórico-prácticas haciendo uso de la plataforma Microsoft Teams. En este curso
se tratarán los aspectos más básicos y fundamentales paso a paso y desde cero, por tanto,
no es necesario que sepas nada de ReactJS, ni de otros frameworks para aprender a
usarlo, aunque sí que necesitarás saber JavaScript y HTML para aprovechar al 100% este
curso. Durante el curso verás varios ejemplos prácticos y haremos varios ejercicios
complementarios. La duración del curso es de 27 horas.
4. Contenido.

Día # 1: El curso estará orientado a una pequeña introducción sobre React y como
configurar el ambiente de trabajo.

Temas:

 Introducción al curso.
 Instalar React.
 Estructura de un proyecto de React.js
 Hola Mundo con React.js
 Ejercicio práctico.

Día # 2: El curso estará orientado a entender cómo funcionan los componentes y como se
utilizan las variables.

Temas:

 ¿Qué es un componente y como funciona en React?

 Crear componentes en React.
 Uso de variables.
 Uso de listas.
 Ejercicio práctico.

Día # 3: Este día estará orientado a poner en práctica y profundizar lo aprendido sobre
componentes básicos.

Temas:

 Ejercicio práctico.

Día # 4: El curso estará orientado a entender cómo funcionan las rutas y el envío de
parámetros a través de ellas.

Temas:

 Single App y ReactRouter.

 Uso de parámetros.
 Ejercicio práctico.

Día # 5: El curso estará orientado a entender cómo funcionan los componentes de forma
avanzada. Aquí logrará pasar parámetros de un componente padre a un componente hijo.
Temas:

 Uso de componentes avanzados.

 Ejercicio práctico.

Día # 6: Este día estará orientado a poner en práctica y profundizar lo aprendido sobre
rutas y componentes avanzados.

Temas:

 Ejercicio práctico.

Día # 7: El curso estará orientado a entender cómo utilizar Material UI en React.js

Temas:

 Uso de Material UI.

 Ejercicio práctico.

Día # 8: El curso estará orientado a entender cómo consumir APIs

Temas:

 Consumo de api y uso de Axios.

 Ejercicio práctico.

Día # 9: Proyecto funcional

Temas:

 Ejercicio práctico.