Universidad React ★: De Cero a Master + 5 Cursos de Regalo
El mas completo y actualizado +180 Ejemplos +5 Cursos de Regalo (Animaciones, React Router, Redux, Test Jest y mas...)
Certificado oficial emitido por la SEPA través del Gobierno del Estado de México
12 meses de acceso
En línea · 60 h
20 unidades
Qué aprenderás
Lo que serás capaz de hacer
El curso mas completo y actualizado de React ✪ Aprenderás desde nivel cero hasta conocer y dominar en nucleo de React en profundidad con todas las características que no se tocan en cursos convencionales, al finalizar el curso podrás crear componentes de calidad de producción ademas se incluyen 5 cursos de Regalo relacionados con el stack de React (Animaciones y transiciones, Redux, React Router, Styled Components y Testing con Jest y Enzyme): " Nuestro compromiso es mantener el curso mas completo y actualizado de React en Español" En este curso aplicamos nuestra propia metodología de enseñanza LEAP, que nos permite crear lecciones efectivas, concretas y modulares. En este curso dominaras El API de React Todo sobre React API Context Todo sobre Hooks y componentes Funcionales Crear componentes de alta calidad Desarrollar aplicaciones basados en Componentes Aprender a crear composición de componentes y comunicarlos usando diferentes arquitecturas Aprenderás todo sobre gestionar formularios con React Inputs controlados y no controlados Realizar solicitudes HTTP y usar la información en componentes de React Animaciones y transiciones ✦Curso de Regalo Gestionar estilos CSS avanzados con styled components ✦ Curso Regalo Agregar un sistema de enrutado a tus aplicaciones con React Router ✦ Curso Regalo Gestionar el estado usando Redux ✦ Curso Regalo Aprenderás a realizar test unitarios usando Jest y Enzyme ✦ Curso Regalo
- Conocimiento profundo de React Core con el curso mas completo y actualizado de React ✪ en español
- + 5 Cursos de Regalo (Redux, React Router, Animaciones, Styled Components, Test con Jest y Enzyme)
- Todo sobre React Hooks
- Todo sobre React API Context
- Animaciones y transiciones aplicadas a componentes
- Ciclo de vida de Componentes estatales y hooks
Temario
UNIDAD 1 - Introduccion · 2 leccionesUNIDAD 1 - Introduccion
UNIDAD 1 - Introduccion · 2 lecciones
UNIDAD 1 - Introduccion
- Que es React.js
- Metodología y fundamentos de Universidad React
UNIDAD 2 - Fundamentos de Herramientas del desarrollo · 4 leccionesUNIDAD 2 - Fundamentos de Herramientas del desarrollo
UNIDAD 2 - Fundamentos de Herramientas del desarrollo · 4 lecciones
UNIDAD 2 - Fundamentos de Herramientas del desarrollo
- Introducción a Herramientas de Desarrollo
- Entornos de desarrollo para React.js
- Explicacion express de NPM, Webpack y Babel
- Fundamentos de Chrome DevTools
UNIDAD 3 - Creando Stack con create-react-app · 4 leccionesUNIDAD 3 - Creando Stack con create-react-app
UNIDAD 3 - Creando Stack con create-react-app · 4 lecciones
UNIDAD 3 - Creando Stack con create-react-app
- Introducción a crear aplicación con React
- Crear una aplicacion con create-react-app
- Librerias React, React-dom y prop-types
- Estructura de proyecto generado con create-react-app
UNIDAD 4 - React Core ( Guia ) · 34 leccionesUNIDAD 4 - React Core ( Guia )
UNIDAD 4 - React Core ( Guia ) · 34 lecciones
UNIDAD 4 - React Core ( Guia )
- Introducción a React Core
- Introduccion a JSX (Javascript + HTML)
- Crear un Elemento y montarlo en el DOM
- Expresiones en JSX
- Crear componente funcional con React
- Que son las props en un componente de React
- Aclaración de Estructura de Curso
- Crear un componente con Estado usando Clases
- Usando métodos de clase para manejar Eventos
- InIcializadores de propiedad (property Initializers)
- Ejemplo de refactorizacion de componentes
- Aprendiendo JSX en mas profundidad
- Aplicar estilos CSS en Linea a componente de React
- Aplicar estilos con clases CSS en componente de React
- Sistema de Modulos CSS
- Modularizacion de componentes en folders con ayuda de ES6
- Entendiendo el Object.assign (ES6)
- Entendiendo el operador Spread (ES6)
- Manejando operador Spread con Arrays
- Mutando el estado de componente con una funcion
- Usando operador spread para pasar props
- Manejando Eventos de Mouse
- Ejemplo de Eventos de Input
- Diferencia de Evento nativo DOM y Evento Sintético de React
- Conservar Eventos con React
- Crear Eventos personalizados con React
- Renderizados condicionales con React
- Inyectando HTML en marcado de componente con React
- Introducción a la prop especial children
- Destructuracion avanzada aplicada a componentes
- Elementos sin etiquetas con fragments
- Entendiendo los portals de React
- Controlar los datos de entrada con prop-types
- Datos de entrada por defecto con defaultProps
UNIDAD 5 - Iterando listas en React · 7 leccionesUNIDAD 5 - Iterando listas en React
UNIDAD 5 - Iterando listas en React · 7 lecciones
UNIDAD 5 - Iterando listas en React
- Introducción a iteraciones con React
- Iterando listas con React
- Iterando listas de Objetos
- Iterando propiedades de Objetos
- Prop Key al iterar listas con React
- Iteracion de Componentes
- Pasar datos al iterar listas con React
UNIDAD 6 - Entendiendo las Refs en React · 4 leccionesUNIDAD 6 - Entendiendo las Refs en React
UNIDAD 6 - Entendiendo las Refs en React · 4 lecciones
UNIDAD 6 - Entendiendo las Refs en React
- Introducción a modulo Refs
- Que son las refs en React
- Integrar librerías de terceros usando las refs de React
- Reenvió de la prop especial ref con forwardref
UNIDAD 7 - Manejo de formularios en React · 9 leccionesUNIDAD 7 - Manejo de formularios en React
UNIDAD 7 - Manejo de formularios en React · 9 lecciones
UNIDAD 7 - Manejo de formularios en React
- Manejando ( Inputs No controlados ) con Refs
- Manejando ( Inputs No controlados ) con formularios
- Ventajas y desventajas de tener inputs no controlados
- Manejando Inputs controlados con React
- Propagacion de datos con inputs controlados
- Usando el atributo "for" en formularios
- Ejemplo de formulario con opciones de Selección
- Ejemplo de formulario con opciones de Seleccion Múltiple
- Ejemplo de Input Checkbox
UNIDAD 8 - Debuggin y control de Errores · 2 leccionesUNIDAD 8 - Debuggin y control de Errores
UNIDAD 8 - Debuggin y control de Errores · 2 lecciones
UNIDAD 8 - Debuggin y control de Errores
- Usando las Chrome Dev Tools
- Manejo y limite de errores dentro de componentes
UNIDAD 9 - Solicitudes HTTP en React · 5 leccionesUNIDAD 9 - Solicitudes HTTP en React
UNIDAD 9 - Solicitudes HTTP en React · 5 lecciones
UNIDAD 9 - Solicitudes HTTP en React
- Haciendo una llamada a un API Rest con React
- Ejemplo buscador de peliculas
- Solución a Tarea (buscador de películas)
- integrar libreria Axios para hacer solicitudes HTTP
- Usando Async Await para solicitudes HTTP
UNIDAD 10 - Master en Ciclo de vida de componente en React · 11 leccionesUNIDAD 10 - Master en Ciclo de vida de componente en React
UNIDAD 10 - Master en Ciclo de vida de componente en React · 11 lecciones
UNIDAD 10 - Master en Ciclo de vida de componente en React
- Introducción a métodos de ciclo de vida
- El metodo Constructor
- El método render
- El metodo componentDidMount
- El metodo componentDidUpdate
- El método getSnapshotBeforeUpdate
- El metodo getDeliveryStateFromProps
- El método shouldComponentUpdate
- Usar PureComponent para aplicar shouldComponentUpdate automáticamente
- El método componentWillUnmount
- Métodos de Ciclo de Vida Obsoletos
UNIDAD 11 - Composición y comunicación entre componentes · 13 leccionesUNIDAD 11 - Composición y comunicación entre componentes
UNIDAD 11 - Composición y comunicación entre componentes · 13 lecciones
UNIDAD 11 - Composición y comunicación entre componentes
- Introducción a Composición y comunicación
- Comunicación con Métodos de Instancia (Padre a Hijo)
- Comunicación Event Bubbling (Hijo a Padre)
- Comunicación Parent Component (Hermanos)
- Observer Pattern (Cualquiera)
- Variables globales (Cualquiera)
- Comunicacion con API Context
- Patrón Render Prop (Hijo a Padre)
- Ejemplo de patrón (Render Prop)
- Patrón HOC "High Order Component" (Hijo ←→ Padre)
- Ejemplo HOC con opciones de configuración
- Ejempo HOC (withSizes)
- Que hay sobre Librerías gestión de estado (Redux)
UNIDAD 12 - Master en React Hooks (componentes funcionales) · 27 leccionesUNIDAD 12 - Master en React Hooks (componentes funcionales)
UNIDAD 12 - Master en React Hooks (componentes funcionales) · 27 lecciones
UNIDAD 12 - Master en React Hooks (componentes funcionales)
- Introduccion a hooks
- Hook useState
- Ejemplo de Hook useState con booleans
- Ejemplo de Hook useState con objetos
- Solución a useState con múltiples estados
- Introducción al hook useEffect()
- Ejemplo de uso useEffect()
- Controlar la ejecución de useEffect()
- Ejemplo de solicitud HTTP con hook useEffect()
- Reglas de Hooks
- Entendiendo el Hook useLayoutEffect()
- Entendiendo el Hook useContext()
- Entendiendo el hook useRef()
- Ejemplo practico de useState() useEffect y useRef()
- Ejemplo aplicando hooks de terceros de NPM
- Entendiendo hook useReducer()
- Entendiendo el Hook useImperativeHandle()
- Entendiendo React.memo() para rendimiento
- Usar React.memo() con diferenciación manual
- Hook useCallback() Para mejorar el rendimiento
- Hook useCallback() con dependencias
- Hook useMemo() Para mejorando el rendimiento
- Introduccion a Hooks personalizados
- Hook useDebugValue()
- Hook personalizado para hacer solicitudes HTTP
- Hook personalizado para hacer solicitudes HTTP 2
- Extension para hooks eslint
UNIDAD 13 - Prop Children y utilidades en React.Children · 4 leccionesUNIDAD 13 - Prop Children y utilidades en React.Children
UNIDAD 13 - Prop Children y utilidades en React.Children · 4 lecciones
UNIDAD 13 - Prop Children y utilidades en React.Children
- Entendiendo la prop children en profundidad
- Tratamiento de children con las utilidades de React.Children
- Ejemplo de Patron de Composición implícita
- Workshop de composición implícita con React Children
UNIDAD 14 - División de código con React.lazy y React.Suspense · 2 leccionesUNIDAD 14 - División de código con React.lazy y React.Suspense
UNIDAD 14 - División de código con React.lazy y React.Suspense · 2 lecciones
UNIDAD 14 - División de código con React.lazy y React.Suspense
- Fundamentos de la división de código y carga perezosa
- Ejemplo React.lazy y React.Suspense
UNIDAD 15 - (Curso Regalo) Animaciones y transiciones en React · 12 leccionesUNIDAD 15 - (Curso Regalo) Animaciones y transiciones en React
UNIDAD 15 - (Curso Regalo) Animaciones y transiciones en React · 12 lecciones
UNIDAD 15 - (Curso Regalo) Animaciones y transiciones en React
- Introducción a curso animaciones y transiciones
- Que son las transiciones CSS?
- Funciones de Animaciones
- Prefijos para transiciones
- Transiciones con estilos en linea CSS
- Que son las animaciones CSS y como usarlas
- Transiciones y Animaciones con clases CSS
- Workshop de Componente Acordion
- Workshop Animación de Componente Slides
- Introduccion a React-transition-group
- Workshop Utilizando React Transition Group
- Animaciones con libreria reveal
UNIDAD 16 - (Curso Regalo) Gestión de Estilos CSS Avanzados con styled-components · 21 leccionesUNIDAD 16 - (Curso Regalo) Gestión de Estilos CSS Avanzados con styled-components
UNIDAD 16 - (Curso Regalo) Gestión de Estilos CSS Avanzados con styled-components · 21 lecciones
UNIDAD 16 - (Curso Regalo) Gestión de Estilos CSS Avanzados con styled-components
- Introducción a Curso Styled Components
- Que es y porque usar styled-components ?
- Ventajas y características de styled components
- Instalacion de styled-component y sintaxis
- Extensión VS Code
- Constantes básicas
- Constantes Completas
- Variables Dinámicas con funciones
- Estilizando Elementos Anidados en styled-components
- Estilizando con clases CSS en elementos anidados
- Pseudo Clases CSS
- Componentes dinámicos con props
- props con un operador ternario
- extendiendo estilos con styled-components
- Estilos Globales con styled-components
- Metodo de atributos attrs con styled-components
- componentes reponsivos (Media Queries) con styled-components
- Media Queries Dinamicas con función
- funcion de utilidad CSS en styled-components
- Animaciones con styled-components
- Animaciones Ejemplo #2
UNIDAD 17 - (Curso Regalo) React Router V5 · 12 leccionesUNIDAD 17 - (Curso Regalo) React Router V5
UNIDAD 17 - (Curso Regalo) React Router V5 · 12 lecciones
UNIDAD 17 - (Curso Regalo) React Router V5
- Introducción al Curso React Router
- Instalación de react router y montando primeras rutas
- Props disponibles en componente Route
- Diferentes formas de renderizar con Route
- Como usar el componente Link
- Como usar el componente NavLink
- Props en Componente de Ruta
- Rutas dinámicas con params
- Pasar información con parámetros de consulta
- Usando el componente Switch
- Usando el componente Redirect
- Navegación imperativa con métodos de history
UNIDAD 18 - (Curso Regalo) Redux · 14 leccionesUNIDAD 18 - (Curso Regalo) Redux
UNIDAD 18 - (Curso Regalo) Redux · 14 lecciones
UNIDAD 18 - (Curso Regalo) Redux
- Introduccion a curso Redux
- Fundamentos de Redux
- Ejemplo de Store, Reducer, Acciones con Redux
- Conectar componentes con Redux usando react-redux
- Usando múltiples reducers en el store
- Organizar y refactorizar archivos con Redux
- Gestión de estado usando objetos
- Gestión de estado usando Arrays
- Gestión usando Arrays de Objetos ( Workshop Todo-List )
- Introducción a los Midlewares en Redux
- Ejemplo integrando Midlewares de terceros redux-logger
- Introduccion a Midlewate redux-thunk manejo de acciones asyncronas
- Ejemplo de solicitud HTTP con redux usando CRUD
- Depurando aplicación con Redux DevTools
UNIDAD 19 - (Curso Regalo) Introducción al Testing (Test Unitarios) · 20 leccionesUNIDAD 19 - (Curso Regalo) Introducción al Testing (Test Unitarios)
UNIDAD 19 - (Curso Regalo) Introducción al Testing (Test Unitarios) · 20 lecciones
UNIDAD 19 - (Curso Regalo) Introducción al Testing (Test Unitarios)
- Introduccion a Curso Testing con Jest
- Correr pruebas con Jest
- Pruebas de Strings
- Pruebas de Numeros
- Pruebas a Arrays
- Pruebas a objetos
- Pruebas con valores undefined null y booleanos
- Función de Covertura (coverage) de Jest
- Pruebas Asyncronas con Callbacks
- Pruebas Asincronas con Promesas
- Pruebas Asincronas con Async Await
- Ejemplo de prueba Asincrona con solicitud HTTP
- Instalando y configurando Enzyme
- Formas de Renderizar Componente con Enzyme
- Diferentes formas para seleccionar elementos o componentes
- Realizando pruebas a nodos de componente
- Realizando pruebas a Componente con props
- Creando y probando usando Snapshots
- Refactorizacion de tests usando beforeEach
- Testing a componente con estado hook y simulacion de eventos
UNIDAD 20 - Proximos contenidos · 1 leccionesUNIDAD 20 - Proximos contenidos
UNIDAD 20 - Proximos contenidos · 1 lecciones
UNIDAD 20 - Proximos contenidos
- Proximos Contenidos
Certificado oficial
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Cómo funciona
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
20 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
Cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Lo que obtienes
Un certificado oficial de la SEP
Muestra · verificable por folio y QR
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Gerardo Gallegos.
- Folio y QR verificables para compartirlo con quien te contrate.
Medios que necesitas
Equipo de cómputo
Conexión estable a internet
Pago único
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 20 unidades · 208 lecciones · 60 h
- 12 meses de acceso
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Preguntas frecuentes
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Gerardo Gallegos; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.
