• No hay productos en el carrito.

Inicio / Cursos / React: De cero a experto
Impartido por Fernando HerreraPago único de $2,800 MXN · acceso por 12 meses

React: De cero a experto

Context API, MERN, Hooks, Firestore, JWT, Testing, Autenticaciones, Despliegues, AI, CRUD, Logs, MUI, Multiple Routers..

Certificado oficial emitido por la SEPA través del Gobierno del Estado de México
12 meses de acceso En línea · 60 h 30 unidades
Qué aprenderás

Lo que serás capaz de hacer

React 19+ con TypeScript ¿Quieres aprender React Actual o migrarte a trabajar con Hooks? Este curso tiene por objetivo llevarte de cero conocimiento de React hasta un nivel competitivo en el ambiente laboral de hoy en día. Este curso está construido 100% en Hooks y functional components. También cuenta con secciones sobre pruebas unitarias y de integración en cada aplicación que hacemos en el curso, esto incluye pruebas en componentes, hooks, customHooks, context, Redux, Fetch, mocks, spies, snapshots y mucho más relacionado al unit test. Sin olvidar que t odos empezamos de cero en un momento, el curso cuenta con una introducción a los conceptos que necesitaremos para entrar en React de la forma más cómoda posible. El curso fue renovado con la versión 19, la cual integró herramientas de generación de interfaces con AI, ShadCN, Tailwind, TypeScript, Vitest, TanStack y muchas más tecnologías comúnmente usadas en React, pero lo principal fue la mejora de cada ejercicio para evitar renders innecesarios sin memorización o compilación adicional. (React Compiler) Este es un listado de varios de los temas que tocamos en el curso: React a profundidad Hooks y Hooks personalizados (Incluye nuevos de React 19+) Functional Components HOC - higher-order components TypeScript Context API Zustand MERN - Mongo + Express + React + Node React Router v7+ Diseños diferentes en diferentes rutas Diseños con AI ShadCN TailwindCSS Poco de Docker Bootstrap Mongoose JWT y su re-validación Encriptación de contraseñas Google Sign-in Autenticación personalizada Unit Test, Vitests Pruebas especializadas al terminar ejercicios Despliegues a producción React Testing Library Mocks Animaciones en componentes History QueryStrings Git y Github Redux DevTools, Redux ToolKit React DevTools Y mucho más! Este curso es para todas las personas que quieran aprender React, quieran pasar de Class Base Componentes a Functional Components, quieran especializarse en pruebas, hacer UIs elegantes, aplicaciones eficientes, reactivas y todos los que quieran programar en React de forma moderna con TypeScript

  • Aprender React a profundidad
  • Realizar pruebas unitarias y de integración en todo tu código
  • MERN - Mongo Express React Node
  • Autenticación con Google y JWTs (JsonWebTokens)
  • Hooks a profundidad
  • Crear aplicaciones reales

Temario

UNIDAD 1 - Introducción · 4 lecciones

UNIDAD 1 - Introducción

  • IntroducciónVideo · 3 min
  • ¿Cómo funciona el curso?Video · 4 min
  • ¿Cómo hacer preguntas?Video · 3 min
  • Instalaciones recomendadasVideo · 8 min
UNIDAD 2 - Introducción a React y conceptos generales · 4 lecciones

UNIDAD 2 - Introducción a React y conceptos generales

  • IntroducciónVideo · 1 min
  • Temas puntualesLectura · 0 min
  • ¿Qué es React?Video · 9 min
  • Puntos importantes sobre ReactVideo · 9 min
UNIDAD 3 - Reforzamiento JavaScript / TypeScript · 24 lecciones

UNIDAD 3 - Reforzamiento JavaScript / TypeScript

  • IntroducciónVideo · 2 min
  • Temas puntualesLectura · 0 min
  • Inicio de proyecto - ReforzamientoVideo · 6 min
  • Explicación y estructura de directoriosVideo · 9 min
  • Variables y constantesVideo · 12 min
  • Template StringVideo · 6 min
  • Objetos literalesVideo · 10 min
  • Interfaces de TypeScriptVideo · 7 min
  • ArreglosVideo · 9 min
  • FuncionesVideo · 10 min
  • Funciones con múltiples retornosVideo · 11 min
  • Desestructuración de objetosVideo · 12 min
  • Desestructuración de arreglosVideo · 9 min
  • Tarea - DesestructuraciónVideo · 7 min
  • Interfaces y EnumeracionesVideo · 10 min
  • Importaciones y exportacionesVideo · 9 min
  • Tarea - Importación y exportaciónVideo · 6 min
  • PromesasVideo · 11 min
  • Giphy API - Obtener gifsVideo · 5 min
  • Fetch APIVideo · 9 min
  • Interfaces y optimizaciónVideo · 7 min
  • Async - AwaitVideo · 8 min
  • Código fuenteLectura · 0 min
  • Reforzamiento JavaScript/TypeScriptCuestionario · 0 min
UNIDAD 4 - Primeros pasos en React · 17 lecciones

UNIDAD 4 - Primeros pasos en React

  • IntroducciónVideo · 1 min
  • Temas puntualesLectura · 0 min
  • Primer proyecto en ReactVideo · 10 min
  • Estructura de directoriosVideo · 9 min
  • Estructura de directorios - Parte 2Video · 6 min
  • Mi primer componenteVideo · 7 min
  • Tarea - Segundo componenteVideo · 4 min
  • Impresión de variablesVideo · 9 min
  • Colocar estilos de CSSVideo · 6 min
  • Componente - ItemCounterVideo · 6 min
  • Propiedades del componente - PropsVideo · 8 min
  • Mostrar listados de elementosVideo · 7 min
  • Eventos de los elementosVideo · 6 min
  • Hook - useStateVideo · 11 min
  • Archivos de CSSVideo · 11 min
  • Código fuenteLectura · 0 min
  • Primeros pasos en ReactCuestionario · 0 min
UNIDAD 5 - Pruebas automáticas - Unit testing · 18 lecciones

UNIDAD 5 - Pruebas automáticas - Unit testing

  • IntroducciónVideo · 2 min
  • Temas puntualesLectura · 0 min
  • Introducción a las pruebas automáticasVideo · 11 min
  • Configuración VitestVideo · 6 min
  • Mis primeras pruebas automáticasVideo · 12 min
  • Agrupar pruebas similaresVideo · 8 min
  • Pruebas sobre componentes de ReactVideo · 11 min
  • Buscar elementos en el componente renderizadoVideo · 10 min
  • Evaluar "snapshots"Video · 9 min
  • Pruebas en el componente ItemCounterVideo · 8 min
  • Disparar eventosVideo · 10 min
  • Comprobar estilosVideo · 6 min
  • Pruebas en "FirstStepsApp"Video · 5 min
  • Componentes fictícios - Mock ComponentsVideo · 8 min
  • Esperar argumentos específicosVideo · 10 min
  • Índice de coberturaVideo · 6 min
  • Código fuenteLectura · 0 min
  • Pruebas automáticas - Unit testingCuestionario · 0 min
UNIDAD 6 - GifExpertApp - Aplicación · 17 lecciones

UNIDAD 6 - GifExpertApp - Aplicación

  • IntroducciónVideo · 2 min
  • Temas puntualesLectura · 0 min
  • Demostración de la secciónVideo · 1 min
  • Inicio de proyecto - GifsAppVideo · 3 min
  • Estructura inicial, estilos y fuenteVideo · 10 min
  • Pensemos en componentesVideo · 10 min
  • Solución a la tarea - GifListVideo · 5 min
  • Manejo de estado - Búsquedas previasVideo · 9 min
  • Manejo del componente de búsquedaVideo · 12 min
  • useEffect - DebounceVideo · 11 min
  • Tarea - Ver búsquedas previasVideo · 7 min
  • Developers Giphy - API KeyVideo · 8 min
  • Obtener gifs mediante petición httpVideo · 13 min
  • Variables de entornoVideo · 8 min
  • Solución a la tarea - Mostrar GifsVideo · 3 min
  • Código fuenteLectura · 0 min
  • GifExpertApp - AplicaciónCuestionario · 0 min
UNIDAD 7 - Optimización y despliegue · 13 lecciones

UNIDAD 7 - Optimización y despliegue

  • IntroducciónVideo · 2 min
  • Temas puntualesLectura · 0 min
  • DemostraciónVideo · 1 min
  • Continuación de aplicaciónVideo · 4 min
  • Problema que resuelve un "custom hook"Video · 6 min
  • Custom HooksVideo · 8 min
  • React DevToolsVideo · 6 min
  • Hook personalizado - useGifsVideo · 6 min
  • Manejo en cachéVideo · 9 min
  • useRef - Mantener el valor entre re-rendersVideo · 4 min
  • Generar versión de producciónVideo · 10 min
  • Código fuente de la secciónLectura · 0 min
  • Optimización y despliegueCuestionario · 0 min
UNIDAD 8 - Testing - Pruebas sobre GifsApp · 21 lecciones

UNIDAD 8 - Testing - Pruebas sobre GifsApp

  • IntroducciónVideo · 2 min
  • Temas puntualesLectura · 0 min
  • Configuración de pruebasVideo · 8 min
  • Pruebas sobre "CustomHeader"Video · 11 min
  • Pruebas sobre "Custom Hooks"Video · 9 min
  • Continuación - Pruebas sobre "Custom Hooks"Video · 8 min
  • Componentes con "custom hooks"Video · 6 min
  • Simular estado de un "Custom Hook"Video · 9 min
  • Prueba sobre instancias de AxiosVideo · 6 min
  • Pruebas sobre acción - getGifsByQueryVideo · 7 min
  • Axios mock adapter - Controlar resultados de AxiosVideo · 10 min
  • Excepciones en las peticionesVideo · 10 min
  • Espías y sobre escritura de métodosVideo · 7 min
  • Pruebas sobre useGifsVideo · 9 min
  • Pruebas sobre useGifs - CachéVideo · 10 min
  • Pruebas sobre efectos y debounceVideo · 10 min
  • Pruebas adicionales sobre efectosVideo · 6 min
  • Porcentaje de coberturaVideo · 3 min
  • Integrar pruebas con la versión de producciónVideo · 4 min
  • Código fuenteLectura · 0 min
  • Testing - Pruebas sobre GifsAppCuestionario · 0 min
UNIDAD 9 - Profundizando Hooks y React · 16 lecciones

UNIDAD 9 - Profundizando Hooks y React

  • IntroducciónVideo · 1 min
  • Temas puntualesLectura · 0 min
  • DemostraciónVideo · 1 min
  • Inicio de aplicación - HooksAppVideo · 5 min
  • TailwindCSS y EstilosVideo · 6 min
  • useState - Estado que re-dibujaVideo · 10 min
  • Tipado estricto en useStateVideo · 7 min
  • useEffect - Disparar efectos secundariosVideo · 10 min
  • Recomendaciones del useEffectVideo · 9 min
  • Tarea - CustomHookVideo · 2 min
  • Solución de tarea - CustomHookVideo · 7 min
  • Conectar varios "Custom Hooks" entre síVideo · 12 min
  • Parte 2 - Conectar varios "Custom Hooks"Video · 10 min
  • useRef - Valor que no dispara re-renderVideo · 9 min
  • Código fuenteLectura · 0 min
  • Profundizando Hooks y ReactCuestionario · 0 min
UNIDAD 10 - Profundizando Hooks - useReducer · 20 lecciones

UNIDAD 10 - Profundizando Hooks - useReducer

  • IntroducciónVideo · 4 min
  • Temas puntualesLectura · 0 min
  • DemostraciónVideo · 2 min
  • Continuación de proyecto - useReducerVideo · 10 min
  • ShadcnUI - ¿Qué acabamos de instalar?Video · 9 min
  • Lista de tareas con useStateVideo · 10 min
  • Patrón ReducerVideo · 10 min
  • Configuración de la función reducerVideo · 11 min
  • Solución a la tarea - ReducerVideo · 6 min
  • Controlar estados complejos - useReducerVideo · 9 min
  • Persistencia local - LocalStorageVideo · 11 min
  • Validadores de objetos - ZodVideo · 11 min
  • Tarea - Palabras revueltasVideo · 6 min
  • Solución a la tarea - Palabras revueltasVideo · 12 min
  • Scramble reducer - Controlar un estado complejoVideo · 12 min
  • Lógica del reducerVideo · 10 min
  • Parte 2 - Lógica del reducerVideo · 10 min
  • Efectos secundarios con un reducerVideo · 3 min
  • Código fuenteLectura · 0 min
  • Profundizando Hooks - useReducerCuestionario · 0 min
UNIDAD 11 - Memorización y optimizaciones · 14 lecciones

UNIDAD 11 - Memorización y optimizaciones

  • IntroducciónVideo · 4 min
  • Temas puntualesLectura · 0 min
  • Continuación de aplicaciónVideo · 9 min
  • React Memo - Función de memorizaciónVideo · 8 min
  • useCallback - Memorización de funcionesVideo · 11 min
  • useMemo - Memorización de valoresVideo · 9 min
  • useOptimistic - Preparación del ejercicioVideo · 10 min
  • useOptimisticVideo · 10 min
  • useTransitionVideo · 6 min
  • Simular fallo en useOptimistic + sonnerVideo · 7 min
  • Use API + Suspense - Preparación de ejercicioVideo · 8 min
  • Use API + Suspense en acciónVideo · 10 min
  • Código fuenteLectura · 0 min
  • Memorización y optimzacionesCuestionario · 0 min
UNIDAD 12 - Use Context · 13 lecciones

UNIDAD 12 - Use Context

  • IntroducciónVideo · 3 min
  • Temas puntualesLectura · 0 min
  • Continuación de proyecto - HooksAppVideo · 8 min
  • React Router - Manejo de rutasVideo · 10 min
  • Navegar entre pantallas - Diseño de páginasVideo · 9 min
  • Contextos y proveedores en ReactVideo · 10 min
  • Contexto de usuario - Información globalVideo · 11 min
  • Consumir el contextoVideo · 12 min
  • Persistencia del usuarioVideo · 6 min
  • Diseño condicional dependiendo de la sesiónVideo · 7 min
  • Rutas privadas y públicasVideo · 9 min
  • Código fuenteLectura · 0 min
  • Use ContextCuestionario · 0 min
UNIDAD 13 - Single Page Application - SPA · 17 lecciones

UNIDAD 13 - Single Page Application - SPA

  • IntroducciónVideo · 2 min
  • Temas puntualesLectura · 0 min
  • DemostraciónVideo · 2 min
  • Creación de proyecto - HeroesAppVideo · 8 min
  • Generadores visuales con AIVideo · 7 min
  • Creación de rutas y pantallasVideo · 9 min
  • Componente "Layout"Video · 8 min
  • Lazy Load - Carga perezosaVideo · 6 min
  • Pensemos en componentes reutilizablesVideo · 11 min
  • Parte 2 - Pensemos en componentesVideo · 10 min
  • Componentes de búsquedaVideo · 4 min
  • Grid de personajesVideo · 10 min
  • Shadcn TabsVideo · 6 min
  • Componente de paginaciónVideo · 9 min
  • Menú superior - Identificar ruta activaVideo · 10 min
  • Breadcrumb - Implementar componenteVideo · 10 min
  • Código fuenteLectura · 0 min
UNIDAD 14 - Funcionalidad, caché y optimizaciones · 18 lecciones

UNIDAD 14 - Funcionalidad, caché y optimizaciones

  • IntroducciónVideo · 3 min
  • Temas puntualesLectura · 0 min
  • Continuación de proyectoVideo · 7 min
  • Axios, variables de entorno y APIVideo · 9 min
  • TanStack Query - Gestor de estado asíncronoVideo · 11 min
  • Tipado estricto de la dataVideo · 7 min
  • Mostrar la data de los héroesVideo · 11 min
  • Navegación manual dentro de las tarjetasVideo · 9 min
  • QueryParameters sobre useStateVideo · 11 min
  • Paginar datosVideo · 10 min
  • Componente de paginaciónVideo · 12 min
  • Mostrar resumen estadísticoVideo · 10 min
  • CustomHook - useSummary + solución de tareaVideo · 10 min
  • Paginar por categoríaVideo · 9 min
  • Página de HéroeVideo · 4 min
  • Solución de tarea - HeroPageVideo · 7 min
  • Código fuenteLectura · 0 min
  • Funcionalidad, caché y optimizacionesCuestionario · 0 min
UNIDAD 15 - Context API - Búsquedas y favoritos · 13 lecciones

UNIDAD 15 - Context API - Búsquedas y favoritos

  • IntroducciónVideo · 3 min
  • Temas puntualesLectura · 0 min
  • Continuación de aplicaciónVideo · 4 min
  • Contexto para control de favoritosVideo · 10 min
  • Contexto de favoritos - Parte 2Video · 6 min
  • Consumir el contexto de favoritosVideo · 12 min
  • useRef - En valores de inputsVideo · 10 min
  • Buscar héroes por nombreVideo · 4 min
  • Solución de tarea - Buscar héroesVideo · 7 min
  • Componentes de búsqueda adicionalesVideo · 6 min
  • Filtros avanzadosVideo · 11 min
  • Código fuenteLectura · 0 min
  • Context API - Búsquedas y favoritosCuestionario · 0 min
UNIDAD 16 - Testing HeroesApp · 33 lecciones

UNIDAD 16 - Testing HeroesApp

  • IntroducciónVideo · 3 min
  • Temas puntualesLectura · 0 min
  • Continuación de la aplicación y configuracionesVideo · 7 min
  • Variables de entorno para testing .env.testVideo · 6 min
  • Test - getHeroActionVideo · 9 min
  • Test - getSummaryActionVideo · 6 min
  • Test - getHeroesByPageActionVideo · 11 min
  • Parte 2 - Test - getHeroesByPageActionVideo · 4 min
  • Test - useHeroSummaryVideo · 8 min
  • Parte 2 - Test - useHeroSummaryVideo · 11 min
  • Fallo - Test - useHeroSummaryVideo · 4 min
  • Test - usePaginatedHeroVideo · 10 min
  • Test - FavoriteHero ContextVideo · 9 min
  • Parte 2 - Test - FavoriteHero ContextVideo · 9 min
  • Parte 3 - Test - FavoriteHero ContextVideo · 8 min
  • Mock sobre objetos globalesVideo · 8 min
  • Test - HeroStatsVideo · 12 min
  • Parte 2 - Test - HeroStatsVideo · 6 min
  • Test - App RouterVideo · 11 min
  • Memory Router - Establecer rutas y argumentosVideo · 10 min
  • Probar redirecciónVideo · 3 min
  • Test - CustomPaginationVideo · 6 min
  • Parte 2 - Test - CustomPaginationVideo · 10 min
  • Parte 3 - Test - CustomPaginationVideo · 3 min
  • Test - HomePageVideo · 9 min
  • Parte 2 - Test - HomePageVideo · 9 min
  • Test - SearchPageVideo · 7 min
  • Parte 2 - Test - SearchPageVideo · 10 min
  • Test - SearchControlsVideo · 10 min
  • Parte 2 - Test - SearchControlsVideo · 8 min
  • Parte 3 - Test - SearchControlsVideo · 8 min
  • Código fuenteLectura · 0 min
  • Testing HeroesAppCuestionario · 0 min
UNIDAD 17 - Desplegar aplicación · 6 lecciones

UNIDAD 17 - Desplegar aplicación

  • IntroducciónVideo · 2 min
  • Temas puntualesLectura · 0 min
  • Continuación de proyectoVideo · 3 min
  • Desplegar backend en RenderVideo · 10 min
  • Desplegar aplicación de ReactVideo · 12 min
  • Código fuenteLectura · 0 min
UNIDAD 18 - Panel administrativo de productos · 20 lecciones

UNIDAD 18 - Panel administrativo de productos

  • IntroducciónVideo · 1 min
  • DemostraciónVideo · 1 min
  • Temas puntualesLectura · 0 min
  • Inicio de proyecto - TesloShopVideo · 7 min
  • Configuración del routerVideo · 9 min
  • Tailwind + ShadCN UI + Google FontsVideo · 7 min
  • Diseño del HomePageVideo · 10 min
  • HomePage - Paginación y productosVideo · 10 min
  • HomePage - Parámetros por URLVideo · 11 min
  • Sidebar - Filtro del precioVideo · 4 min
  • Lógica adicional de la búsquedaVideo · 9 min
  • Navegación entre pantallasVideo · 9 min
  • Logo personalizadoVideo · 4 min
  • Diseño del login y registroVideo · 10 min
  • Diseño - Panel administrativoVideo · 11 min
  • Navegación del AdminSidebarVideo · 4 min
  • Diseño - ProductsPageVideo · 10 min
  • Diseño - ProductPageVideo · 6 min
  • Código fuenteLectura · 0 min
  • Panel administrativo de productosCuestionario · 0 min
UNIDAD 19 - Productos y Backend · 15 lecciones

UNIDAD 19 - Productos y Backend

  • IntroducciónVideo · 2 min
  • Temas puntualesLectura · 0 min
  • Continuación de proyectoVideo · 2 min
  • Teslo Backend - Docker imagesVideo · 11 min
  • Levantar backend y ejecutar semillaVideo · 6 min
  • TanStack Query - DevTools y AxiosVideo · 3 min
  • Variables de entorno y Axios APIVideo · 5 min
  • Acción - getProductsActionVideo · 10 min
  • Mostrar productos en pantallaVideo · 9 min
  • Aplicar paginaciónVideo · 9 min
  • Filtros por género y tallasVideo · 6 min
  • Filtrar por rango de preciosVideo · 7 min
  • Filtrar por nombre de productoVideo · 4 min
  • Código fuenteLectura · 0 min
  • Productos y BackendCuestionario · 0 min
UNIDAD 20 - Auth · 17 lecciones

UNIDAD 20 - Auth

  • IntroducciónVideo · 3 min
  • Temas puntualesLectura · 0 min
  • Continuación de proyectoVideo · 5 min
  • Explicación - Inicio de sesión - JWTVideo · 11 min
  • Acción - Inicio de sesiónVideo · 11 min
  • Mensajes en pantalla sobre inicio de sesiónVideo · 10 min
  • Gestor de estado - ZustandVideo · 9 min
  • Auth StoreVideo · 12 min
  • Cerrar sesiónVideo · 9 min
  • Acción Verificación de Token con interceptoresVideo · 9 min
  • Verificar estado de la autenticaciónVideo · 10 min
  • Conectar TanStack con ZustandVideo · 8 min
  • Zustand getters - AutorizaciónVideo · 6 min
  • Protección de ruta por rolesVideo · 10 min
  • Tarea - Registro de usuariosVideo · 3 min
  • Código fuenteLectura · 0 min
  • AuthCuestionario · 0 min
UNIDAD 21 - Formularios y productos · 19 lecciones

UNIDAD 21 - Formularios y productos

  • IntroducciónVideo · 2 min
  • Temas puntualesLectura · 0 min
  • Continuación de proyectoVideo · 5 min
  • Tarea - Búsqueda, paginación y productosVideo · 10 min
  • Acción - getProductByIdVideo · 6 min
  • Validar y redireccionar productosVideo · 7 min
  • Simplificar ProductPageVideo · 10 min
  • Paquete de formularios - useFormVideo · 9 min
  • Validaciones y posteo del formularioVideo · 8 min
  • Validaciones de espacios y valores positivosVideo · 7 min
  • useForm - Observar cambios en el formularioVideo · 11 min
  • Tarea - Agregar y eliminar tallas y etiquetasVideo · 12 min
  • Funciones como PropsVideo · 7 min
  • Acción - Actualizar o crear productoVideo · 9 min
  • TanStack - useMutationVideo · 10 min
  • Bloquear botón de submit mientras se posteaVideo · 3 min
  • Crear productoVideo · 5 min
  • Código fuenteLectura · 0 min
  • Formularios y productosCuestionario · 0 min
UNIDAD 22 - Carga de archivos · 11 lecciones

UNIDAD 22 - Carga de archivos

  • IntroducciónVideo · 3 min
  • Temas puntualesLectura · 0 min
  • Continuación de proyectoVideo · 7 min
  • Mostrar archivos seleccionados en pantallaVideo · 9 min
  • Preparar tipos y archivos para la cargaVideo · 9 min
  • Cargar imágenesVideo · 10 min
  • Aprovisionar PostgreSQL en la nubeVideo · 5 min
  • Desplegar backendVideo · 7 min
  • Desplegar aplicación de ReactVideo · 11 min
  • Código fuenteLectura · 0 min
  • Carga de archivosCuestionario · 0 min
UNIDAD 23 - Punto de control · 1 lecciones

UNIDAD 23 - Punto de control

  • Punto de control del cursoVideo · 2 min
UNIDAD 24 - MERN Calendar - Estructura y Diseño · 26 lecciones

UNIDAD 24 - MERN Calendar - Estructura y Diseño

  • Introducción a la secciónVideo · 3 min
  • Temas puntuales de la secciónLectura · 0 min
  • Demostración del objetivo final de la secciónVideo · 3 min
  • Inicio de proyecto - MERN-CalendarVideo · 5 min
  • Rutas de la aplicaciónVideo · 10 min
  • LoginScreen y NavbarVideo · 8 min
  • React Big CalendarVideo · 10 min
  • Configuraciones adicionales al calendarioVideo · 10 min
  • Personalizar el cuadro de eventoVideo · 5 min
  • Escuchar eventos del calendarioVideo · 6 min
  • Creando un modal sobre el calendarioVideo · 8 min
  • Contenido del ModalVideo · 10 min
  • Datepicker en españolVideo · 3 min
  • Obtener la información del formulario del eventoVideo · 6 min
  • Validaciones del formularioVideo · 8 min
  • Instalación y configuración de ReduxVideo · 8 min
  • Mostrar y ocultar modal en base al StoreVideo · 11 min
  • CalendarSliceVideo · 8 min
  • Cargar un evento en el modalVideo · 9 min
  • Preparar la creación de un nuevo eventoVideo · 7 min
  • Añadir un nuevo eventoVideo · 8 min
  • Editar el evento activoVideo · 4 min
  • Eliminar eventoVideo · 11 min
  • Redux - serializableCheckVideo · 3 min
  • Código fuente de la secciónLectura · 0 min
  • MERN Calendar - Estructura y DiseñoCuestionario · 0 min
UNIDAD 25 - CalendarApp - Backend - Node, Express, Mongo · 22 lecciones

UNIDAD 25 - CalendarApp - Backend - Node, Express, Mongo

  • Introducción a la secciónVideo · 1 min
  • Temas puntuales de la secciónLectura · 0 min
  • Objetivo al final de la secciónVideo · 3 min
  • Inicio de proyecto - CalendarApp Node BackendVideo · 9 min
  • Configurando ExpressVideo · 8 min
  • Variables de entorno y carpeta públicaVideo · 7 min
  • Creando las rutas relacionadas a usuariosVideo · 6 min
  • Endpoints de remover, crear y loginVideo · 10 min
  • Recuperar información de un posteoVideo · 10 min
  • Express ValidatorVideo · 13 min
  • Custom MiddlewaresVideo · 6 min
  • Configuración de base de datosVideo · 9 min
  • Conectar Node a Mongo AtlasVideo · 8 min
  • Crear un usuario en nuestra Base de DatosVideo · 10 min
  • Validaciones del usuarioVideo · 5 min
  • Encriptar la contraseñaVideo · 6 min
  • Login de usuarioVideo · 7 min
  • Generar un Json Web TokenVideo · 15 min
  • Revalidar JWTVideo · 17 min
  • Configurar CORSVideo · 3 min
  • Código fuente de la secciónLectura · 0 min
  • CalendarApp - Backend - Node, Express, MongoCuestionario · 0 min
UNIDAD 26 - Backend - Eventos del calendario - CRUD · 12 lecciones

UNIDAD 26 - Backend - Eventos del calendario - CRUD

  • Introducción a la secciónVideo · 1 min
  • Temas puntuales de la secciónLectura · 0 min
  • Continuación del proyecto - Calendar BackendVideo · 7 min
  • Resolución de la tarea - CRUDVideo · 10 min
  • Modelo EventoVideo · 6 min
  • Validar campos necesariosVideo · 9 min
  • Grabar el evento en la base de datosVideo · 9 min
  • Obtener el listado de los EventosVideo · 4 min
  • Actualizar un EventoVideo · 12 min
  • Eliminar EventosVideo · 6 min
  • Código fuente de la secciónLectura · 0 min
  • Backend - Eventos del calendario - CRUDCuestionario · 0 min
UNIDAD 27 - Despliegue del backend a la nube · 6 lecciones

UNIDAD 27 - Despliegue del backend a la nube

  • Introducción a la secciónVideo · 3 min
  • Temas puntuales de la secciónLectura · 0 min
  • Subir proyecto a GitHubVideo · 5 min
  • Pruebas antes de desplegarVideo · 1 min
  • Desplegar a RailwayVideo · 7 min
  • Código fuente de la secciónLectura · 0 min
UNIDAD 28 - MERN - Calendario + Backend · 16 lecciones

UNIDAD 28 - MERN - Calendario + Backend

  • Introducción a la secciónVideo · 1 min
  • Temas puntuales de la secciónLectura · 0 min
  • Continuación de proyecto - Calendar + BackendVideo · 3 min
  • Creando variables de entornoVideo · 6 min
  • AuthSliceVideo · 6 min
  • useForm - Login y RegistroVideo · 10 min
  • Axios - Configurar cliente para peticiones HTTPVideo · 6 min
  • Realizar login de usuarioVideo · 10 min
  • Despachar acciones respectivasVideo · 7 min
  • Mostrar error en la autenticaciónVideo · 4 min
  • Creación de un nuevo usuarioVideo · 7 min
  • Mantener el estado de la autenticaciónVideo · 12 min
  • Cambiar el URL después de una autenticaciónVideo · 3 min
  • Logout y nombre de usuarioVideo · 4 min
  • Código fuente de la secciónLectura · 0 min
  • MERN - Calendario + BackendCuestionario · 0 min
UNIDAD 29 - MERN CRUD - Eventos del calendario · 12 lecciones

UNIDAD 29 - MERN CRUD - Eventos del calendario

  • Introducción a la secciónVideo · 2 min
  • Temas puntuales de la secciónLectura · 0 min
  • Continuación de proyecto - Calendar CRUD de EventosVideo · 3 min
  • Creando un nuevo Evento en el calendarioVideo · 7 min
  • Mostrar eventos de la base de datosVideo · 8 min
  • Cargar los eventos al storeVideo · 6 min
  • Actualizar el eventoVideo · 7 min
  • Cambiar el color de los eventos según usuarioVideo · 4 min
  • Eliminar un eventoVideo · 4 min
  • Limpiar información del calendarioVideo · 5 min
  • Código fuente de la secciónLectura · 0 min
  • MERN CRUD - Eventos del calendarioCuestionario · 0 min
UNIDAD 30 - Fin el MERN - Desplegarlo a producción · 5 lecciones

UNIDAD 30 - Fin el MERN - Desplegarlo a producción

  • IntroducciónVideo · 1 min
  • Temas puntualesLectura · 0 min
  • Levantar proyectos localmenteVideo · 6 min
  • Desplegar backend y frontend a la nubeVideo · 7 min
  • Código fuente de la secciónLectura · 0 min
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. 1

    Inscripción con pago único

    Pagas $2,800 MXN una sola vez y entras de inmediato al curso.

  2. 2

    Estudias a tu ritmo

    30 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.

  3. 3

    Cuestionarios por unidad

    23 cuestionarios para comprobar lo aprendido.

  4. 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 del certificado: React: De cero a experto

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 Fernando Herrera.
  • 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.

  • 30 unidades · 450 lecciones · 60 h
  • 12 meses de acceso
  • 23 cuestionarios de evaluación
  • Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Pago único
$2,800MXN
Acceso por 12 meses
Inscribirme Hablar con un asesor
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 Fernando Herrera; 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.

Certificado emitido por la SEP a través del Gobierno del Estado de México · React: De cero a experto

Inscribirme
  INEC es una Marca de SalesPartners Ciudad de México S de RL de CV. Template Design © Learnify LMS. All rights reserved. Terminos y Condiciones Aviso de Privacidad Politica de Devolución
Hide picture