proyecto-x-frontend.md

Proyecto X (Frontend)

Proyecto X es una tienda tipo mercado libre donde los usuarios pueden subir sus productos y venderlos.

Introduccion a ReactJS (4h)

• ¿Por que debemos usar un Framework?
• Uso de react en tag script (Aplicacion simple).

http://blog.pucp.edu.pe/blog/pamelars/2018/10/05/front-end-mundo-javascript-en-2018/ https://www.thebalancecareers.com/what-is-a-front-end-framework-and-why-use-one-2071948

https://medium.com/@leonardellifernando/reactjs-primeros-pasos-e0176b1ce5b5

Uso de Create React App (1.5h)

• Explorando la estructura del proyecto. (estilos, archivos estaticos, js)

Visualizando Proyecto X (2h)

• Empezando la maquetacion.
• Descubriendo los componentes.

Codeando Proyecto X

Identificando y creando componentes (3h)

• React Components https://www.youtube.com/watch?v=R9o9js_HKwc

Estableciendo rutas en nuestro proyecto (2h)

• React Router

Centralizando datos para mejorar la arquitectura (3h)

• Redux

Integracion con Backend (3h)

• Integraremos el Backend de Proyecto a nuestro frontend.

Duracion: 18.5h