Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's

React JS Desde Cero [30 hrs]

Aprende a usar una biblioteca de JavaScript para construir interfaces de usuario, React te ayuda a crear interfaces de usuario interactivas de forma sencilla.

Aprende Redux que permite hacer predecibles los cambios de estado, imponiendo ciertas restricciones sobre como y cuando pueden producirse las actualizaciones. Redux consigue que tu gestión de estado sea transparente y determinista.

Aprende a usar Hooks son una nueva forma de usar características propias de React como el estado o el ciclo de vida sin la necesidad de escribir una clase que es como se hacia hasta ahora.

La industria tecnológica demanda profesionales capacitados para innovar en el campo de la programación, por lo que cada uno de nuestros cursos y/o diplomados te dan la solución inmediata para cubrir tus necesidades de formación profesional, dándote las herramientas necesarias para desarrollarte rápidamente en la industria del desarrollo de software.

https://www.youtube.com/embed/rcme6SkyoMs <center><a href="https://www.youtube.com/embed/rcme6SkyoMs"><button class="btn btn-lg btn-primary">Ver video</button></a></center>

Objetivos Principales

  • Aprenderás a desarrollar una aplicación web de una sola página con React JS y Redux de manera potente, rápida, fácil de usar y reactiva.
  • Aprenderás React Hooks y componentes basados en clases
  • Domina los conceptos fundamentales detrás de la estructuración de aplicaciones Redux
  • Al finalizar el curso egresarás con un perfil de Desarrollador Front-End con solidos conocimientos en React, basado en la constante práctica de las funcionalidades enseñadas a lo largo del curso.

Objetivos Secundarios

  • Conocerás la arquitectura y patrón MVC usando React.
  • Mejora la experiencia de usuario aprovechando las ventajas de JavaScript.

¡Certificate!

Contrata nuestros planes de masters y durante 6 meses de capacitación obtendrás los siguientes beneficios:

Guru Certified
  • Un asesor elabora un plan de capacitación a la medida y sin compromiso.
  • Identificamos tu perfil actual y fijamos un objetivo especifico a cumplir.
  • Monitoreamos y evaluamos tu desempeño durante todo tu plan de master.
  • Elaboras tu proyecto final.
  • Si tu proyecto cumple con el objetivo inicial fijado, obtienes tu certificación oficial.
¡Consulta los Masters!

Condiciones del Servicio

  • Las fechas de inicio del curso o diplomado de tu elección, son confirmadas con mínimo 3 alumnos.
  • No podrás cancelar tu curso o diplomado, deberás esperar a que la fecha se confirme.
  • Puedes cambiar tu modalidad (Sabatina o Lun-Jue) previa disponibilidad de fecha confirmada.
  • Para hacer valida la garantía de aprendizaje debes contar con el 100% de asistencia y esperar una nueva fecha de inicio confirmada.
  • Entre cada módulo de un diplomado existe una pausa acorde a nuestro calendario de cursos confirmados por ciudad.
  • Al dar a conocer estos términos y condiciones, se dan por aceptados.

Temario

1.1 ¿Qué es React? Arquitectura general
1.2 SPAs vs Web Aps reactivas
1.3 Alternativas de React
1.4 ¿Por que usar React?
1.5 Repaso general de Javascript

2.1 El flujo de trabajo de construcción
2.2 Usando la aplicación Create React
2.3 Comprensión de la estructura de carpetas
2.4 Conceptos básicos de los componentes
2.5 Entendiendo JSX
2.6 Restricciones JSX
2.7 Crear un componente funcional
2.8 Componentes y hoja de referencia JSX
2.9 Trabajar con componentes y reutilizarlos
2.10 Salida de contenido dinámico
2.11 Trabajar con props
2.12 Entender Prop children
2.13 Comprensión y uso de State
2.14 Props y state
2.15 Manejo de eventos con métodos
2.16 Manipulando el State
2.17 Nomenclatura de componentes de función
2.18 useState () para la manipulación de state
2.19 Componentes sin estado frente a componentes con state
2.20 Pasar referencias de métodos entre componentes
2.21 Adición de encuadernación bidireccional
2.22 Agregar estilo con hojas de estilo
2.23 Trabajar con estilos en línea

3.1 Representar contenido condicionalmente
3.2 Manejo de contenido dinámico "a la manera de JavaScript"
3.3 Salida de listas
3.4 Lists & State
3.5 Lists & Keys
3.6 Listas flexibles

4.1 Establecer nombres de clases dinámicamente
4.2 Agregar y usar radium
4.3 Uso de Radium para consultas de medios
4.4 Presentación de componentes con estilo
4.5 Componentes con estilo y estilos dinámicos
4.6 Trabajar con módulos CSS y consultas de medios

5.1 Comprensión de los mensajes de error
5.2 Encontrar errores lógicos mediante el uso de herramientas de desarrollo y mapas de origen
5.3 Trabajar con las herramientas de desarrollo de React
5.4 Uso de límites de error

6.1 Manejo de una mejor estructura de proyecto
6.2 Dividir una aplicación en componentes
6.3 Descripción general del ciclo de vida de los componentes de clase
6.4 Ciclo de vida de creación y actualización de componentes en acción
6.5 Usar useEffect () en componentes funcionales
6.6 Controlar el comportamiento useEffect ()
6.7 Limpieza con Lifecycle Hooks y useEffect ()
6.8 Uso de shouldComponentUpdate para optimización
6.9 Optimización de componentes funcionales con React.memo ()
6.10 ¿Cuándo debería optimizar?
6.11 PureComponents en lugar de shouldComponentUpdate
6.12 Cómo React actualiza el DOM
6.13 Representación de elementos JSX adyacentes
6.14 Usando React.Fragment
6.15 Componentes de orden superior (HOC)
6.16 Usando PropTypes
6.17 Usando Refs
6.18 Refs con React Hooks
6.19 Usando la API de contexto
6.20 contextType y useContext ()

7.1 Comprender las solicitudes Http en React
7.2 Introducción a Axios
7.3 Creación de una solicitud Http para obtener datos
7.4 Mostrar los datos obtenidos en la pantalla
7.5 Transformando datos
7.6 Insertando información POST
7.7 Actualizando información PUT
7.8 Eliminando información DELETE
7.9 Manejo de errores localmente
7.10 Agregar interceptores para ejecutar código globalmente
7.11 Eliminación de interceptores
7.12 Establecer una configuración global predeterminada para Axios
7.13 Creación y uso de instancias de Axios

8.1 Routing y SPAs
8.2 Configurando Links
8.3 Preparando el proyecto
8.4 Navegando entre páginas
8.5 Paths absolutos vs relativos
8.6 Pasando parámetros entre rutas

9.1 Comprender el flujo de Redux
9.2 Dispatching Actions
9.3 Integrando React con Redux
9.4 Conectando el Store a React

10.1 Autenticación basada en OAuth
10.2 OAuth para servidores frente a aplicaciones de navegador
10.3 Creación de credenciales OAuth
10.4 Envío de un usuario al flujo de OAuth
10.5 Diseño de Arquitectura Redux
10.6 Configuración de Redux
10.7 Conectando Auth con Action Creators
10.8 Construyendo el Auth Reducer
10.9 Manejo del estado de autenticación a través de Redux
10.10 Uso de las herramientas de desarrollo de Redux
10.11 Depurar sesiones con las herramientas de desarrollo de Redux

11.1 React Hooks
11.2 Usando useState()
11.3 Múltiples estados
11.4 Reglas en Hooks
11.5 Pasando datos entre componentes
11.6 Implementando useEffect() y useCallback()
11.7 Integrando useContext()

12.1 Integrando React JS + Redux + Hooks + Routing
12.2 Mejores prácticas

Horarios

País Lunes-Jueves Sabatino

México, Guatemala, El Salvador, Honduras

Colombia, Perú, Ecuador

Bolivia, Venezuela

Chile, Argentina, Paraguay, Uruguay

19:00 a 21:00 hrs

20:00 a 22:00 hrs

21:00 a 23:00 hrs

22:00 a 24:00 hrs

09:00 a 14:00 hrs

10:00 a 15:00 hrs

11:00 a 16:00 hrs

12:00 a 17:00 hrs

Proximas Fechas

  • @CDMX
  • Fecha Modalidad Cupo
    08/01/2022 sabatino Cupo
    25/04/2022 lunes - jueves Cupo
  • En Línea (en vivo)
  • Fecha Modalidad Cupo
    30/04/2022 sabatino Cupo
    02/05/2022 lunes - jueves Cupo

¡Promociones Activas!

No nos gustan los bots
Background call

Contáctanos

Estamos para ayudarte ...
No nos gustan los bots
Notificación