React Bootcamp con .NET API (Router, Redux Toolkit, Hooks)
Dominar el desarrollo React Full-Stack con API .NET
Certificado con validez SEPA través del Gobierno del Estado de México
12 meses de acceso
En línea · 144 h
100% autodidacta
25 unidades
Nivel intermedio
Modalidad
Así estudias: curso autodidacta
- Autodidacta y 100% en línea: contenido disponible 24/7.
- Avanzas a tu ritmo: la plataforma guarda tu progreso.
- Sin tutor ni clases en vivo: el curso está diseñado para estudiarse por tu cuenta.
- Te evalúas con actividades automáticas, sin entregas a un tutor.
Qué aprenderás
Lo que serás capaz de hacer
Esta Especialización cuenta con Coursera Coach! Una forma más inteligente de aprender con conversaciones interactivas en tiempo real que te ayudan a poner a prueba tus conocimientos, desafiar suposiciones y profundizar tu comprensión a medida que avanzas en la Especialización. En esta Especialización en React, aprenderás a crear aplicaciones web modernas con React y API .NET. Obtendrá experiencia práctica en la creación de aplicaciones del mundo real, incluida la integración de React con Redux, la configuración de enrutamiento con React Router y la utilización de ganchos para la funcionalidad dinámica. Explorando estas tecnologías, dominarás el arte de gestionar el estado, estructurar componentes y utilizar APIs de forma efectiva en tus proyectos. La Especialización te llevará a través de varios proyectos como TaskOPedia, ContactOPedia y CountOPedia. Comenzarás con los fundamentos de React, desde la configuración de tu entorno hasta la creación de componentes funcionales, seguido de exploraciones más profundas en la gestión del estado y la integración de Redux. Trabajarás en APIs usando .NET, gestionando la autenticación, y añadiendo características avanzadas como sistemas de pago y gestión de pedidos. Esta Especialización es ideal para desarrolladores web que buscan mejorar sus habilidades en React y obtener una sólida comprensión de las APIs .NET. Al final, aprenderás a construir aplicaciones full-stack, integrar APIs, gestionar el estado con Redux y dominar el ciclo de vida de los componentes React, llevando tus habilidades front-end y back-end al siguiente nivel.
- Domina la gestión del estado en React utilizando Redux y hooks.
- Desarrolla aplicaciones dinámicas e interactivas con React Router.
- Integra React con las API de .NET para el desarrollo web full-stack.
- Implementar la autenticación y la autorización mediante una integración segura de la API.
Habilidades que desarrollarás
React.js
Bootstrap (framework front-end)
Aplicaciones web
Componentes de UI
Desarrollo web full-stack
Autenticaciones
Desarrollo web front-end
HTML y CSS
Hojas de estilo en cascada (CSS)
Interfaz de programación de aplicaciones (API)
Autorización (informática)
Javascript
Microsoft Azure
Reutilización de código
Control de acceso basado en roles (RBAC)
Validación de datos
Temario
UNIDAD 1 - Introducción · 11 leccionesFundamentos, componentes y gestión de estados de React - UNIDAD 1 - Introducción
UNIDAD 1 - Introducción · 11 lecciones
Fundamentos, componentes y gestión de estados de React - UNIDAD 1 - Introducción
- Introducción a la Especialización
- Introducción al curso 'Fundamentos de React, componentes y gestión de estados'
- Recursos de Especialización Completa
- ¿Por qué deberías aprender React?
- Demostración en directo - Proyecto final
- Lo que vamos a construir - Parte 1
- Lo que construiremos - Parte 2
- Requisitos previos del curso
- Recursos del proyecto
- Herramientas necesarias
- Extensiones de código de Visual Studio
UNIDAD 2 - Fundamentos de React · 17 leccionesFundamentos, componentes y gestión de estados de React - UNIDAD 2 - Fundamentos de React
UNIDAD 2 - Fundamentos de React · 17 lecciones
Fundamentos, componentes y gestión de estados de React - UNIDAD 2 - Fundamentos de React
- Configurar HTML básico y añadir React CDN
- Primer código React
- Tarea 1 - Escribir el primer código React
- Creación de elementos y renderización en React
- ¿Qué es JSX?
- Mejor manera de crear proyectos React
- Crear proyecto
- Ejecutar el proyecto
- Proyecto de limpieza
- Hacer que el proyecto vuelva a ser funcional
- Primer componente React
- Asignación 2 - Componente React
- Asignación 3 - Componente padre-hijo
- Asignación 3 Solución - Componente Padre-Hijo
- Reglas de JSX
- Comprender los componentes de React y JSX
- Fundamentos de React - Evaluación
UNIDAD 3 - Componentes React · 24 leccionesFundamentos, componentes y gestión de estados de React - UNIDAD 3 - Componentes React
UNIDAD 3 - Componentes React · 24 lecciones
Fundamentos, componentes y gestión de estados de React - UNIDAD 3 - Componentes React
- Trabajar con estilos
- Añadir clases de Bootstrap
- Trabajar con clases - Parte 1
- Variables en JSX
- Tarea 3 - Añadir Const
- Assignment 3 Solution - Adding Constant.
- Elemento HTML en JSX
- Componente estudiante
- Componentes de exportación e importación
- Asignación 4 - Separación del componente estudiante
- Solución de la Asignación 4 - Separación del componente estudiante
- Atrezzo y componentes
- Instalar bibliotecas e imágenes de terceros
- Importar imagen y diseño de cabecera
- Componente de pie de página y cuerpo principal
- Tarea 5 - Corrección de errores y diseño
- Pasar componentes como hijos
- Jerarquía final
- Función de flecha
- Componentes funcionales frente a componentes de clase
- Componentes de clase
- Asignación 6 - Convertir MainBody en Componente de Clase
- Estilo y props en React JSX
- Componentes React - Evaluación
UNIDAD 4 - React State - CountOPedia · 14 leccionesFundamentos, componentes y gestión de estados de React - UNIDAD 4 - React State - CountOPedia
UNIDAD 4 - React State - CountOPedia · 14 lecciones
Fundamentos, componentes y gestión de estados de React - UNIDAD 4 - React State - CountOPedia
- Crear CountOPedia
- Asignación 7 Solución - Configurar CountOPedia
- Botones de aplicación del contador
- Haga clic en Eventos
- Establecer y recuperar el estado
- Demostración - React State
- Resumen del Estado
- Nueva sintaxis SetState
- Interfaz de usuario de CountOPedia
- Reproducción aleatoria y botón de reinicio
- Asignación 8 - Estado del juego y última jugada
- Asignación 8 Solución - Estado del juego y última jugada
- Creación de un juego de contador con React
- React State - CountOPedia - Evaluación
UNIDAD 5 - ContactOPedia - Operaciones CRUD · 26 leccionesFundamentos, componentes y gestión de estados de React - UNIDAD 5 - ContactOPedia - Operaciones CRUD
UNIDAD 5 - ContactOPedia - Operaciones CRUD · 26 lecciones
Fundamentos, componentes y gestión de estados de React - UNIDAD 5 - ContactOPedia - Operaciones CRUD
- Crear proyecto - ContactOPedia
- Añadir componentes
- Esqueleto de componentes
- Añadir interfaz de contacto
- Estado favorito y contacto general
- IU de contacto individual
- Look and Feel ContactOPedia
- Añadir gestor de contactos
- Añadir contacto en acción
- Añadir validaciones
- Mostrar validación y notificación de éxito
- Alternar favoritos
- Asignación 9 - Eliminar contacto
- Asignación 9 Solución - Eliminar contacto
- Añadir usuario aleatorio a la lista de contactos
- Llamada de Axios
- Demo - Añadir contacto aleatorio
- Asignación 10 - Eliminar todos los contactos
- Asignación 10 Solución - Eliminar todos los contactos
- Qué contacto debe actualizarse
- Alternar la interfaz de usuario en función de la actualización
- Botón Cancelar en acción
- Actualizar el contacto - Parte 1
- Actualizar el contacto - Parte 2
- Gestión de contactos en una aplicación React
- ContactOPedia - Operaciones CRUD - Evaluación
UNIDAD 6 - CyclOPedia - Métodos de ciclo de vida Componentes de clase · 12 leccionesFundamentos, componentes y gestión de estados de React - UNIDAD 6 - CyclOPedia - Métodos de ciclo de vida Componentes de clase
UNIDAD 6 - CyclOPedia - Métodos de ciclo de vida Componentes de clase · 12 lecciones
Fundamentos, componentes y gestión de estados de React - UNIDAD 6 - CyclOPedia - Métodos de ciclo de vida Componentes de clase
- Crear proyecto - CyclOPedia
- Configurar API aleatoria
- Mostrar Instructor
- componentDidUpdate
- Componente controlado
- Guardar en almacenamiento local
- Separar al instructor
- componentWillUnmount
- Cargar lista de alumnos
- Tiempo de bichos
- Comprender y utilizar los métodos del ciclo de vida de los componentes de clase de React
- CyclOPedia - Métodos de ciclo de vida Componentes de clase - Evaluación
UNIDAD 7 - WatchOPedia - Ganchos en React · 12 leccionesFundamentos, componentes y gestión de estados de React - UNIDAD 7 - WatchOPedia - Ganchos en React
UNIDAD 7 - WatchOPedia - Ganchos en React · 12 lecciones
Fundamentos, componentes y gestión de estados de React - UNIDAD 7 - WatchOPedia - Ganchos en React
- Crear WatchOPedia
- Configurar contador
- useState en acción
- Problemas con useState
- Objetos y Estado
- Otro problema con useState
- Algo emocionante
- Configuración de la película WatchOPedia
- Asignación 11 Solución - Mostrar lista de películas
- Asignación 12 Solución - Añadir una película para ver
- Gestión del estado en React: de los componentes de clase a los hooks
- WatchOPedia - Ganchos en React - Evaluación
UNIDAD 8 - CyclOPedia - Métodos del ciclo de vida Componentes funcionales · 14 leccionesFundamentos, componentes y gestión de estados de React - UNIDAD 8 - CyclOPedia - Métodos del ciclo de vida Componentes funcionales
UNIDAD 8 - CyclOPedia - Métodos del ciclo de vida Componentes funcionales · 14 lecciones
Fundamentos, componentes y gestión de estados de React - UNIDAD 8 - CyclOPedia - Métodos del ciclo de vida Componentes funcionales
- Proyecto inicial
- Nombre y campos de entrada de comentarios
- useEffect Visión general
- useEffect - Sólo primer renderizado
- useEffect - Desmontaje en acción
- Tarea 13 - Utilizar el efecto
- Asignación 13 Solución - Efecto de uso
- Cargar estudiante en la actualización del contador
- useRef y valores anteriores
- useRef on Student Count
- Usos más comunes de useRef
- uso Gancho
- Comprender los hooks de React: useEffect, useRef y useState en componentes funcionales
- CyclOPedia - Métodos del ciclo de vida Componentes funcionales - Evaluación
UNIDAD 9 - RouteOPedia - Enrutamiento en React · 21 leccionesFundamentos, componentes y gestión de estados de React - UNIDAD 9 - RouteOPedia - Enrutamiento en React
UNIDAD 9 - RouteOPedia - Enrutamiento en React · 21 lecciones
Fundamentos, componentes y gestión de estados de React - UNIDAD 9 - RouteOPedia - Enrutamiento en React
- Configurar RouteOPedia
- Crear más componentes
- Primera ruta
- Componente de enlace
- Asignación 14 - Rutas de los productos
- Asignación 14 Solución - Rutas del producto
- Rutas anidadas
- Índice en ruta anidada
- No se ha encontrado
- Parámetros de la URL
- Asignación 15 - Parámetros en URL
- Componente NavLink
- Navegar con el gancho useNavigate
- Uso del componente de enlace para navegar
- Otro método de navegación
- Navegar hacia atrás
- Conclusión del Curso 'Fundamentos de React, Componentes y Gestión de Estados'
- Comprender el enrutamiento con React Router DOM
- RouteOPedia - Enrutamiento en React - Evaluación
- Evaluación práctica del curso completo
- Evaluación completa del curso
UNIDAD 10 - ReduxOPedia - Redux y React · 21 leccionesRedux, gestión de estados y conceptos avanzados de React - UNIDAD 10 - ReduxOPedia - Redux y React
UNIDAD 10 - ReduxOPedia - Redux y React · 21 lecciones
Redux, gestión de estados y conceptos avanzados de React - UNIDAD 10 - ReduxOPedia - Redux y React
- Introducción al curso 'Redux, gestión de estados y conceptos avanzados de React'
- Recursos de Especialización Completa
- Configurar ReduxOPedia
- Añadir el almacén de Redux
- Crear el primer reductor y las primeras acciones
- Registrar el estado y la acción de envío
- Recuperar un valor del estado
- Lanzamiento de una acción desde un componente de React
- Tarea 16: Multiplicador de contador
- Solución del ejercicio 16: multiplicador de contador
- Añadir segmento de destino
- Mostrar destinos
- Selecciona el destino
- Mostrar el destino seleccionado
- Restablecer contador y destino
- Escucha «Actions of a Different Reducer»
- Di NO a las cuerdas mágicas
- Acciones personalizadas
- Enfoque alternativo para la importación y la exportación
- Primeros pasos con Redux en una aplicación de React
- ReduxOPedia - Redux y React - Evaluación
UNIDAD 11 - TravelOPedia - Redux Toolkit, consultas, mutaciones y segmentos · 22 leccionesRedux, gestión de estados y conceptos avanzados de React - UNIDAD 11 - TravelOPedia - Redux Toolkit, consultas, mutaciones y segmentos
UNIDAD 11 - TravelOPedia - Redux Toolkit, consultas, mutaciones y segmentos · 22 lecciones
Redux, gestión de estados y conceptos avanzados de React - UNIDAD 11 - TravelOPedia - Redux Toolkit, consultas, mutaciones y segmentos
- Configurar TravelOPedia
- Configurar los componentes de destino
- Configurar el servidor JSON
- Crear API de destino
- Recuperar registros de la API
- Añadir el componente «Controlador de destino»
- Añadir mutaciones
- Llamada POST de mutación
- Consulta frente a mutación
- Almacenamiento en caché con RTK Query
- Etiquetas en acción
- Tarea 17: Eliminar destino
- Solución del ejercicio 17: Eliminar destino
- Respuesta de «Consulta y parámetros»
- Separación de destinos individuales
- Tarea 18: Funcionalidad de edición
- Solución de la tarea 18: Funcionalidad de edición
- Integrar RTK Query con Redux Store
- Llamar a otra API
- Mostrar destino aleatorio
- Comprender la consulta RTK y la integración con Redux
- TravelOPedia - Redux Toolkit, Query, Mutations y Slice - Evaluación
UNIDAD 12 - ProjectOPedia · 9 leccionesRedux, gestión de estados y conceptos avanzados de React - UNIDAD 12 - ProjectOPedia
UNIDAD 12 - ProjectOPedia · 9 lecciones
Redux, gestión de estados y conceptos avanzados de React - UNIDAD 12 - ProjectOPedia
- Introducción
- Crear ProjectOPedia
- Encabezado y pie de página
- Navegar por la lista de proyectos
- Lista de proyectos
- Añadir ruta
- Temas tratados
- Comprender la estructura y el enrutamiento de un proyecto de React
- ProjectOPedia - Evaluación
UNIDAD 13 - API de .NET: configuración básica · 15 leccionesRedux, gestión de estados y conceptos avanzados de React - UNIDAD 13 - API de .NET: configuración básica
UNIDAD 13 - API de .NET: configuración básica · 15 lecciones
Redux, gestión de estados y conceptos avanzados de React - UNIDAD 13 - API de .NET: configuración básica
- La API es opcional y puedes utilizarla aquí mismo.
- Configurar una cuenta de almacenamiento para imágenes en Azure
- Crear un proyecto de API
- Instalar paquetes de NuGet
- Configurar la cadena de conexión y el DBContext
- Crear tablas SQL y aplicar migraciones
- Añadir un nombre a AspNetUsers
- Crear tabla de elementos del menú
- Elementos del menú «Seed»
- Obtener el elemento del menú y la respuesta de la API
- Obtener un elemento concreto del menú
- Añadir la cadena de conexión de la cuenta de almacenamiento
- Implementar el servicio Blob
- Comprensión y implementación de puntos finales de API para una aplicación web
- API de .NET - Configuración básica - Evaluación
UNIDAD 14 - .NET API - Elemento de menú · 7 leccionesRedux, gestión de estados y conceptos avanzados de React - UNIDAD 14 - .NET API - Elemento de menú
UNIDAD 14 - .NET API - Elemento de menú · 7 lecciones
Redux, gestión de estados y conceptos avanzados de React - UNIDAD 14 - .NET API - Elemento de menú
- Crear elemento de menú
- Crear elemento de menú en Action
- Actualizar elemento del menú
- Eliminar elemento del menú
- Código de estado correcto e indicador de éxito
- Creación, actualización y eliminación de elementos de menú con DTO en las API de ASP.NET CORE
- API de .NET - Elemento de menú - Evaluación
UNIDAD 15 - API de .NET: autenticación y autorización · 10 leccionesRedux, gestión de estados y conceptos avanzados de React - UNIDAD 15 - API de .NET: autenticación y autorización
UNIDAD 15 - API de .NET: autenticación y autorización · 10 lecciones
Redux, gestión de estados y conceptos avanzados de React - UNIDAD 15 - API de .NET: autenticación y autorización
- Añadir los DTO de inicio de sesión y registro
- Controlador de autenticación e inyección de dependencias
- Regístrate en Action
- Inicio de sesión en acción
- Token JWT
- Añadir puntos finales de autenticación y autorización
- Configurar la API para la autenticación
- Añadir seguridad a Swagger
- Implementación de la autenticación basada en JWT en una API de ASP.NET CORE
- API de .NET: autenticación y autorización - Evaluación
UNIDAD 16 - API de .NET: Carrito de la compra y pedidos · 16 leccionesRedux, gestión de estados y conceptos avanzados de React - UNIDAD 16 - API de .NET: Carrito de la compra y pedidos
UNIDAD 16 - API de .NET: Carrito de la compra y pedidos · 16 lecciones
Redux, gestión de estados y conceptos avanzados de React - UNIDAD 16 - API de .NET: Carrito de la compra y pedidos
- Añadir modelos al carrito de la compra
- Controlador y lógica del carrito de la compra
- Actualizar el punto final del carrito de la compra
- Punto final de prueba del carrito de la compra
- Obtener cesta de la compra
- Modelo de cabecera y detalles del pedido
- Solicitar DTO
- Obtener pedido
- Crear pedido en tiempo real
- Actualizar los datos del pedido
- Punto de conexión de pago de Stripe
- El secreto de cliente de Stripe en la práctica
- Actualización de la API del carrito de la compra
- Implementar la API
- Gestión del carrito de la compra y de los pedidos en una aplicación de comercio electrónico
- API de .NET: Carrito de la compra y pedidos - Evaluación
UNIDAD 17 - Red Mango - Página de inicio · 15 leccionesRedux, gestión de estados y conceptos avanzados de React - UNIDAD 17 - Red Mango - Página de inicio
UNIDAD 17 - Red Mango - Página de inicio · 15 lecciones
Redux, gestión de estados y conceptos avanzados de React - UNIDAD 17 - Red Mango - Página de inicio
- Introducción al manuscrito mecanografiado
- Crear una aplicación con TypeScript
- Paquete JSON
- Limpieza de archivos
- Instalar Bootstrap y los iconos de Bootstrap
- Componente de encabezado y pie de página
- Interfaz de usuario del encabezado
- Recuperar elementos del menú e interfaces en TypeScript
- Mejor estructura
- Componente de la tarjeta
- Interfaz de usuario de la página de inicio
- Añadir redireccionamiento y «Página no encontrada»
- Página de detalles de un elemento del menú
- Comprender los tipos de TypeScript y la integración con React
- Red Mango - Página de inicio - Evaluación
UNIDAD 18 - Configurar Redux y RTK · 12 leccionesRedux, gestión de estados y conceptos avanzados de React - UNIDAD 18 - Configurar Redux y RTK
UNIDAD 18 - Configurar Redux y RTK · 12 lecciones
Redux, gestión de estados y conceptos avanzados de React - UNIDAD 18 - Configurar Redux y RTK
- Añadir Redux y Redux Toolkit al proyecto
- Añadir consulta para recuperar elementos del menú
- Llama a Slice para recuperar datos
- Mostrar texto de carga
- Tarea 19: Cargar los detalles de un elemento del menú
- Solución del ejercicio 19: Detalles de los elementos del menú «Cargar»
- Gestionar la cantidad en los detalles de un elemento del menú
- Conclusión del curso «Redux, gestión de estados y conceptos avanzados de React»
- Implementación de Redux Toolkit y RTK Query en una aplicación de React
- Configuración de Redux y RTK - Evaluación
- Evaluación práctica del curso completo
- Evaluación completa del curso
UNIDAD 19 - Cesta de la compra · 22 leccionesDesarrollo Full-Stack: React, API .NET y funciones avanzadas - UNIDAD 19 - Cesta de la compra
UNIDAD 19 - Cesta de la compra · 22 lecciones
Desarrollo Full-Stack: React, API .NET y funciones avanzadas - UNIDAD 19 - Cesta de la compra
- Introducción al Curso 'Desarrollo Full-Stack: React, API .NET y Funciones Avanzadas'
- Recursos de Especialización Completa
- ID de usuario para la cesta de la compra
- Configurar la consulta y la mutación de la cesta de la compra
- «Añadir al carrito» en acción
- Tarea 20 - Página de inicio de «Añadir al carrito»
- Solución del ejercicio 20 - Página de inicio de «Añadir al carrito»
- Añadir minicargadora a la página de inicio
- Componente de minicargadora
- Cargador principal
- Indicador de carga en el botón «Añadir al carrito» de la página de detalles
- Interfaz del carrito de la compra
- Consigue «Carrito de la compra» y «Tienda» en Slice
- Página del carrito de la compra
- Resumen del carrito de la compra
- Añadir reductores a la sección «Carrito de la compra»
- Funcionalidad del carrito de la compra
- Mostrar artículos únicos en el carrito
- Mostrar detalles de la recogida
- Método auxiliar de un componente de controlador
- Cargando componente
- Cesta de la compra - Evaluación
UNIDAD 20 - Autenticación y autorización · 24 leccionesDesarrollo Full-Stack: React, API .NET y funciones avanzadas - UNIDAD 20 - Autenticación y autorización
UNIDAD 20 - Autenticación y autorización · 24 lecciones
Desarrollo Full-Stack: React, API .NET y funciones avanzadas - UNIDAD 20 - Autenticación y autorización
- Interfaz de usuario para iniciar sesión y registrarse
- Cómo funcionarán el inicio de sesión y el registro
- Añadir API de autenticación
- Módulo de autenticación e interfaz de usuario
- Componentes del controlador en el registro
- Interfaz de la API de respuesta
- Registrar usuario
- Campos de inicio de sesión del controlador
- Inicio de sesión en acción
- Añadir un token al almacenamiento local
- Descifrar el token JWT
- Botón para alternar entre iniciar sesión y cerrar sesión
- Inicio y cierre de sesión en la práctica
- Pequeño error relacionado con la autenticación
- Notificaciones de Toastify
- Añadir «Loader» en «Register»
- Añadir componentes de prueba para la autenticación y la autorización
- Autenticación con HOC
- Autorización con HOC
- Solo los usuarios autenticados pueden añadir productos al carrito
- ID de usuario dinámico
- Componentes de la prueba de limpieza
- Implementación de la autenticación y la autorización en una aplicación de React
- Autenticación y autorización - Evaluación
UNIDAD 21 - Pagos · 13 leccionesDesarrollo Full-Stack: React, API .NET y funciones avanzadas - UNIDAD 21 - Pagos
UNIDAD 21 - Pagos · 13 lecciones
Desarrollo Full-Stack: React, API .NET y funciones avanzadas - UNIDAD 21 - Pagos
- Cargar los datos del usuario que ha iniciado sesión
- Stripe y React
- API de creación de pagos
- Llamada a la API de pago
- Estado de la ubicación de uso
- Demostración de la tarjeta Stripe
- Interfaz de usuario del resumen del pedido
- Interfaces locales
- Resumen dinámico del pedido
- Procesamiento de Stripe
- Objeto «success» de Stripe
- Implementación del procesamiento de pagos con Stripe en React
- Pagos - Liquidación
UNIDAD 22 - Pedido · 24 leccionesDesarrollo Full-Stack: React, API .NET y funciones avanzadas - UNIDAD 22 - Pedido
UNIDAD 22 - Pedido · 24 lecciones
Desarrollo Full-Stack: React, API .NET y funciones avanzadas - UNIDAD 22 - Pedido
- API de pedidos
- Crear un objeto de pedido para crear un pedido
- Crear pedido
- Lógica de confirmación de pedidos
- Página de confirmación del pedido
- Obtener los puntos finales de pedidos en la API
- Interfaz de usuario «Mis pedidos»
- Mis pedidos dinámicos
- Error con mis pedidos
- Crear un nuevo componente para la lista de pedidos
- Detalles del pedido
- Tarea 21: Resolver un error en los datos
- Gestionar el encabezado de los pedidos en función del rol
- Método auxiliar de color de estado
- Mostrar indicador del estado del pedido
- Botón «Volver al pedido»
- Botones para el siguiente estado
- Insignia de estado del pedido en la lista de pedidos
- API de pedidos - Punto final PUT
- Actualizar el estado del pedido
- Condición de los botones «Cancelar» y «Finalizar»
- Página de todos los pedidos
- Implementación de las operaciones CRUD para los pedidos y gestión del estado de los pedidos
- Pedido - Evaluación
UNIDAD 23 - Elementos del menú · 17 leccionesDesarrollo Full-Stack: React, API .NET y funciones avanzadas - UNIDAD 23 - Elementos del menú
UNIDAD 23 - Elementos del menú · 17 lecciones
Desarrollo Full-Stack: React, API .NET y funciones avanzadas - UNIDAD 23 - Elementos del menú
- Crear la página de la lista de elementos del menú
- Tarea 22: Lista dinámica de elementos de menú
- Interfaz de usuario para la inserción o actualización de elementos del menú
- Elemento de menú «Componentes del controlador»
- Subir una imagen en React
- Modificaciones de la API de elementos de menú
- Crear elemento de menú
- Actualización del diseño
- Cargar elemento del menú para actualizarlo
- Actualizar elemento del menú
- Menú desplegable de categorías
- Pequeño error
- Eliminar elemento del menú
- Tarea 23: Los datos se pierden al actualizar la página
- Tarea 23 - Solución del error
- Gestión de elementos del menú: añadir, editar y eliminar en React
- Elementos del menú - Evaluación
UNIDAD 24 - Inicio IU · 12 leccionesDesarrollo Full-Stack: React, API .NET y funciones avanzadas - UNIDAD 24 - Inicio IU
UNIDAD 24 - Inicio IU · 12 lecciones
Desarrollo Full-Stack: React, API .NET y funciones avanzadas - UNIDAD 24 - Inicio IU
- Banner
- Cambiar el nombre de una carpeta
- Almacenar el valor de la búsqueda en Redux
- Buscar en Banner
- Mostrar todas las categorías del filtro
- Los filtros de categorías en acción
- La clasificación en la práctica
- Omitir el carrito de la compra
- Puntos finales de autenticación y autorización
- Implementar en Azure
- Creación y gestión de filtros y ordenaciones en una aplicación de React
- Interfaz de usuario de inicio - Evaluación
UNIDAD 25 - Lista de ordenación por paginación y búsqueda · 15 leccionesDesarrollo Full-Stack: React, API .NET y funciones avanzadas - UNIDAD 25 - Lista de ordenación por paginación y búsqueda
UNIDAD 25 - Lista de ordenación por paginación y búsqueda · 15 lecciones
Desarrollo Full-Stack: React, API .NET y funciones avanzadas - UNIDAD 25 - Lista de ordenación por paginación y búsqueda
- Introducción
- Añadir la función de búsqueda a los pedidos en la API
- Añadir paginación a los pedidos en la API
- Añadir filtros de interfaz de usuario
- Componentes del controlador
- Los filtros locales en acción
- Los filtros de la API en acción
- Pequeño error
- Obtener el número total de registros
- La paginación en la práctica
- El tamaño de página en la práctica
- Conclusión del curso «Desarrollo Full-Stack: React, API de .NET y funciones avanzadas»
- Lista de ordenación por paginación y búsqueda - Evaluación
- Evaluación práctica del curso completo
- Evaluación completa del curso
Certificado oficial
Certificado con validez SEP: 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 $4,990 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
25 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
30 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
- Certificado SEP incluido (sin costo). 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 Packt.
- 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.
- 25 unidades · 405 lecciones · 144 h
- 12 meses de acceso
- 30 cuestionarios de evaluación
- Certificado SEP incluido (sin costo), 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 $4,990 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 Packt; 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.
¿El curso tiene validez SEP?
Sí, incluido sin costo. Al completar el curso recibes un certificado emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
¿El curso tiene tutor o clases en vivo?
No. Es un curso autodidacta: estudias por tu cuenta, a tu ritmo, sin tutor ni sesiones en vivo.
¿Cómo se evalúa?
Te evalúas con actividades automáticas, sin entregas a un tutor.
