Desarrollo de Aplicaciones Web con ReactJS Fundamental e Intermedio

Duración: 25 horas

Código: REACT-001

Descripción:

Durante este curso aprenderá a desarrollar aplicaciones web en Javascript utilizando ReactJS, la librería de código abierto con mayor crecimiento en la web, creada por Facebook.

Aprenderá desde cero a trabajar con ReactJS, haciendo foco en la creación de interfaces de usuario utilizando el patrón de software modelo-vista-controlador (MVC). Además, conocerá cómo complementar y utilizar conjuntamente ReactJS con otras librerías de Javascript más grandes como por ejemplo, AngularJS.

Al finalizar el curso, estarás en condiciones de poder desarrollar complejas aplicaciones web de una sola página (Single Page Application o SPA) con el propósito de brindarles una experiencia más fluida a los usuarios.

ReactJS ofrece grandes beneficios en performance, modularidad y promueve un flujo muy claro de datos y eventos, facilitando la planeación y detección de errores en aplicaciones complejas, en las que el flujo de información puede llegar a ser muy alto.

Objetivos:
  • Trabajar con la librería React
  • Renderizar desde el lado del cliente
  • Implementar Babel desde Node.
  • Instalar y configurar Webpack.
  • Trabajar Redux.
  • Desarrollar con React.
  • Utilizar Componentes.
  • Usar Props, states y routers
Audiencia:

Este curso está orientado a aquellos desarrolladores web que necesiten ampliar su formación en Javascript, aprovechando las prestaciones y facilidades que otorga ReactJS para el desarrollo de complejas Aplicaciones Web.

Prerrequisitos:

Se requieren conocimientos sólidos en programación con Javascript Desarrollador Avanzado Front-End.

Contenido:
  1. Introducción y repaso.
    1. Introducción al curso de React.
    2. Ecmascript 6.
    3. NodeJS y NPM.
    4. Bootstrap 4.0.
    5. MongoDB.
    6. Babel.
  2. React fundamental.
    1. Instalación y configuración
    2. Hola mundo en React.
    3. Crear una app con create-react-app.
    4. Explorando el proyecto creado.
    5. Formato JSX.
    6. JSX restricciones
    7. Captura de eventos
    8. Componentes y States.
    9. Creación de componente.
    10. Componentes y propiedades
    11. Componentes y eventos
    12. Ciclo de Vida de un Componente.
  3. React Router.
    1. Agregando react-router en un proyecto.
    2. Consumiendo datos remotos
    3. Introducción a redux.
  4. Stack MERN .
    1. (M)ongodb persistencia de datos.
    2. (E)xpress, api rest.
    3. (R)eact, Frond-end.
    4. (N)odejs Back-end
  5. Crear un proyecto CRUD completo.
Costos:

Este costo incluye: Material de estudio, el uso de una computadora por persona, certificados, refrigerios e impuestos de ley.