0

  • No hay productos en el carrito.

Inicio / Cursos / Astro WP REST API Tailwind TypeScript
Impartido por Juan Pablo De la torre ValdezPago único de $2,800 MXN · acceso por 12 meses

Astro WP REST API Tailwind TypeScript

Aprende Astro y Headless WordPress desde Cero con Proyectos, inc. Actions, Server Endpoints, Autenticación, React y Vue

Certificado oficial emitido por la SEPA través del Gobierno del Estado de México
12 meses de acceso En línea · 60 h 47 unidades Nivel intermedio
Inscribirme — $2,800 MXN Explorar programa
Qué aprenderás

Lo que serás capaz de hacer

Aprende Astro el Framework enfocado a contenido; Desde crear tus primeros archivos hasta crear proyectos completos. Con su enfoque centrado en el rendimiento, Astro te permite construir sitios rápidos y con gran performance, modernos y con una experiencia de desarrollo realmente excelente.. Astro entrega HTML optimizado por defecto , permitiéndote usar tus tecnologías favoritas (React, Vue, Svelte, etc.) sin sacrificar velocidad. En este curso aprenderás desde lo básico hasta técnicas avanzadas para construir sitios estáticos, híbridos que estaremos integrando con WordPress por medio de WP REST API. En este curso aprenderás todos los temas de Astro. Layouts para Elementos compartidos en diferentes páginas. Componentes para HTML re-utilizable en diferentes lugares y mejor orden. Props para comunicar componentes Fetching de datos para consultar API's externas TypeScript para tipado fuerte y mejor experiencia de desarrollo Integraciones : Tailwindcss, React y Vue.js Islands para las partes interactivas de tus proyectos. Estaremos utilizando WordPress y su REST API para obtener información y crear dos proyectos increíbles: Un Sitio Web y una aplicación Web. Primer Proyecto: Sitio Web para una Cafetería. Crearemos un diseño moderno en Astro y Tailwind para un proyecto de una cafeteria. Aprenderás también a consultar la WP REST API de WordPress para obtener titulos, contenido, imágenes y campos personalizados. Crearemos un Blog con SSR y SSG las 2 formas que tiene Astro para renderizar contenido. Aprenderás sobre Routing Dinámico para obtener información de la misma estructura como las entradas de un blog. Integrar Librerías JS desde NPM. Formularios de Contacto y Actions. Segundo Proyecto: Web App de Quiosco de Comida. El Segundo proyecto de este curso será más avanzado; Tendremos un quisco de comida con diferentes funciones como: Integraciones: React con Zustand y Vue.js con Pinia están incluidos en este proyecto. Server Endpoints: Astro te permite crear Endpoints de API para consultar una REST API externa. Autenticación y Roles: Este proyecto incluye Autenticación para clientes y administrador, así como roles y permisos. JWT: Integraremos autenticación por JWT en WordPress y Astro Subida de Archivos: Aprenderás a subir archivos desde React, Astro y Actions. Actions: Este Proyecto cuenta con diferentes Actions. Tiempo Real: Veremos como hacer algunas partes de nuestro proyecto en tiempo real para una app más dinámica.

  • Astro: Un Framework para construir sitios y aplicaciones web de gran performance.
  • WordPress con WP REST API
  • Personalizar la WP REST con Endpoints Personalizados y Campos adicionales
  • Integrar WordPress con Astro para obtener datos, enviarlos y procesarlos
  • Server endpoints de Astro
  • Astro Actions

Temario

UNIDAD 1 - Los Proyectos que vamos a construir en este curso · 2 lecciones

UNIDAD 1 - Los Proyectos que vamos a construir en este curso
  • CoffeeShop - Sitio Web de CafeteríaVideo · 8 min
  • FreshCoffee - Web App de Quiosco de Café con React, Zustand, Vue y Pinia y másVideo · 10 min
UNIDAD 2 - Fundamentos de Astro y Primeros pasos con el Proyecto · 13 lecciones

UNIDAD 2 - Fundamentos de Astro y Primeros pasos con el Proyecto
  • ¿Qué es Astro?Video · 2 min
  • Creando Nuestro Proyecto (Windows)Video · 4 min
  • Creando Nuestro Proyecto (Mac)Video · 4 min
  • El Frontmatter de Astro y pasar variables hacia el HTMLVideo · 3 min
  • Pages o Páginas en Astro y routingVideo · 4 min
  • Añadiendo Tailwind al ProyectoVideo · 4 min
  • Layouts en AstroVideo · 7 min
  • Componentes en AstroVideo · 5 min
  • Props en ComponentesVideo · 4 min
  • Añadiendo Interfaces a Props para mejor DXVideo · 7 min
  • Assets y Public ¿Donde colocar las imágenes en Astro?Video · 5 min
  • El Componente Image de AstroVideo · 6 min
  • El Componente Picture de AstroVideo · 5 min
UNIDAD 3 - Creando el Proyecto de Cafetería · 3 lecciones

UNIDAD 3 - Creando el Proyecto de Cafetería
  • Editando el Layout de nuestro proyectoVideo · 4 min
  • Añadiendo Fuentes de Google FontsVideo · 3 min
  • Creando una paleta de Colores en Tailwind 4Video · 4 min
UNIDAD 4 - Creando el Header del Proyecto · 4 lecciones

UNIDAD 4 - Creando el Header del Proyecto
  • Primeros pasos con el HeaderVideo · 6 min
  • Añadiendo el Logotipo y Ajustes al headerVideo · 4 min
  • Creando la Barra de NavegaciónVideo · 5 min
  • Añadiendo el Subtitulo de PáginaVideo · 4 min
UNIDAD 5 - Creando la Sección Principal · 2 lecciones

UNIDAD 5 - Creando la Sección Principal
  • Creando el área principal para contenidoVideo · 4 min
  • Añadiendo slots adicional para añadir contenidoVideo · 5 min
UNIDAD 6 - Creando el Footer · 2 lecciones

UNIDAD 6 - Creando el Footer
  • Ajustando el Footer y Creando componentes principalesVideo · 7 min
  • Finalizando el FooterVideo · 5 min
UNIDAD 7 - Añadiendo Contenido a la Página de Inicio · 3 lecciones

UNIDAD 7 - Añadiendo Contenido a la Página de Inicio
  • Revisando la página de Contenido y Añadiendo contenido a página de InicioVideo · 5 min
  • Añadiendo una Utilidad nueva en Tailwind 4Video · 5 min
  • Añadiendo los Iconos de la página PrincipalVideo · 8 min
UNIDAD 8 - Windows - Ambiente de Desarrollo: Local y Herd · 5 lecciones

UNIDAD 8 - Windows - Ambiente de Desarrollo: Local y Herd
  • Instalación de LocalVideo · 2 min
  • Creando El Sitio web de CoffeeShop con LocalVideo · 5 min
  • Instalación de HerdVideo · 4 min
  • Instalación de DBnginVideo · 2 min
  • Creando el Sitio web de CoffeeShop en HerdVideo · 7 min
UNIDAD 9 - Mac - Ambiente de Desarrollo: Local · 2 lecciones

UNIDAD 9 - Mac - Ambiente de Desarrollo: Local
  • Instalando LocalVideo · 3 min
  • Creando nuestro proyecto en LocalVideo · 6 min
UNIDAD 10 - Primeros Pasos WordPress y Astro · 6 lecciones

UNIDAD 10 - Primeros Pasos WordPress y Astro
  • Primeros pasos en nuestra instalación de WordPressVideo · 2 min
  • Creando un Workspace entre el código de WordPress y AstroVideo · 4 min
  • Creando un Tema de WordPressVideo · 9 min
  • Arquitectura de la Información de WordPressVideo · 3 min
  • Habilitando Soporte a Imágenes en WordPressVideo · 5 min
  • Instalando el Plugin de ACF para campos personalizados en WordPressVideo · 6 min
UNIDAD 11 - Primeros Pasos WP REST API + Astro · 6 lecciones

UNIDAD 11 - Primeros Pasos WP REST API + Astro
  • Creando la página de NosotrosVideo · 1 min
  • WP REST API en WordPressVideo · 7 min
  • WordPress + Astro - Ventajas y como conectarlosVideo · 2 min
  • Accediendo a la WP REST API desde AstroVideo · 6 min
  • Validando las respuestas de la REST API con astro:contentVideo · 8 min
  • Añadiendo el Resto de los CamposVideo · 6 min
UNIDAD 12 - Creando Campos Personalizados en la WP REST API · 5 lecciones

UNIDAD 12 - Creando Campos Personalizados en la WP REST API
  • Como añadir campos personalizados en la WP REST APIVideo · 6 min
  • Leyendo el ID de la imagen destacada, tamaños y ubicación de ImágenesVideo · 11 min
  • Creando un Schema para ImágenesVideo · 3 min
  • Mostrando la Información en AstroVideo · 6 min
  • Mostrando la imagen destacada en AstroVideo · 5 min
UNIDAD 13 - Creando la Página de Proceso de Café · 8 lecciones

UNIDAD 13 - Creando la Página de Proceso de Café
  • Añadiendo el Contenido PrincipalVideo · 2 min
  • Creando los Campos en ACFVideo · 5 min
  • Añadiendo el Resto de Campos y agregando informaciónVideo · 6 min
  • Consumiendo el Endpoint en AstroVideo · 5 min
  • Primeros pasos mostrando la información del Proceso de Café en AstroVideo · 6 min
  • Mostrando las ImágenesVideo · 6 min
  • Finalizando la Página de ProcesoVideo · 3 min
  • Añadiendo Variables de Entorno en AstroVideo · 5 min
UNIDAD 14 - Creando un Blog en WP REST API y Astro · 10 lecciones

UNIDAD 14 - Creando un Blog en WP REST API y Astro
  • Creando y mostrando la página de BlogVideo · 3 min
  • Añadiendo Entradas de Blog y CategoríasVideo · 3 min
  • Añadiendo el Campo de Imagenes Destacadas a PostsVideo · 3 min
  • Consumiendo las Entradas del Blog en AstroVideo · 5 min
  • Iterando sobre los resultados y creando componente para mostrar entradas de blogVideo · 5 min
  • Mostrando la información de las Entradas de Blog en AstroVideo · 6 min
  • Ajustando el Schema para mostrar la fecha de publicaciónVideo · 3 min
  • Formateando la Fecha de PublicaciónVideo · 4 min
  • Añadiendo Campo Personalizado para la Categoría de la EntradaVideo · 7 min
  • Mostrando las Categorías de la entrada de Blog en AstroVideo · 4 min
UNIDAD 15 - Routing dinámico en Astro con SSR · 8 lecciones

UNIDAD 15 - Routing dinámico en Astro con SSR
  • ¿Qué es el Routing dinámico en Astro?Video · 2 min
  • Enlazando hacia las Entradas de Blog y reglas para nombrar archivosVideo · 5 min
  • SSR y SSG en AstroVideo · 7 min
  • Obteniendo la URL con Astro.paramsVideo · 2 min
  • Realizando la Consulta hacia la WP REST API por medio del slugVideo · 2 min
  • Mostrando la información de la Entrada de Blog en AstroVideo · 9 min
  • Redireccionando a una página 404 en caso de que la Entrada no existaVideo · 5 min
  • Creando la Página 404Video · 3 min
UNIDAD 16 - Routing Dinámico en Astro con SSG · 6 lecciones

UNIDAD 16 - Routing Dinámico en Astro con SSG
  • Añadiendo Enlaces para Filtrar Posts por CategoríaVideo · 4 min
  • Primeros Pasos - Obtener los Slugs para la generación de SSGVideo · 4 min
  • Añadiendo la Función getStaticPaths y como se utilizaVideo · 5 min
  • Obteniendo la Categoría desde WP REST APIVideo · 3 min
  • Obteniendo Los Posts de la Categoría que estamos visitandoVideo · 4 min
  • Mostrando las Entradas de Posts de la CategoríaVideo · 4 min
UNIDAD 17 - Creando la Página de Galería · 6 lecciones

UNIDAD 17 - Creando la Página de Galería
  • Creando la Página de GaleríaVideo · 4 min
  • Formateando la Respuesta de la GaleríaVideo · 6 min
  • Retornando las Imágenes en nuestro campo personalizadoVideo · 5 min
  • Creando un Schema de GaleríaVideo · 7 min
  • Mostrando las ImágenesVideo · 2 min
  • Añadiendo PhotoSwipe a las imágenes de la galeríaVideo · 6 min
UNIDAD 18 - Sección de Menú de la Cafeteria · 13 lecciones

UNIDAD 18 - Sección de Menú de la Cafeteria
  • ¿Qué son los Post Types en WordPress?Video · 3 min
  • Creando un Post Type para Menú / ProductosVideo · 4 min
  • Creando una Taxonomia para Categoría de ProductosVideo · 4 min
  • Añadiendo los Campos con ACF para Menú / ProductosVideo · 2 min
  • Añadiendo el ContenidoVideo · 5 min
  • Creando la Página Principal de MenúVideo · 3 min
  • Creando el Bloque de MenúVideo · 6 min
  • Realizando la Consulta para Filtrar los Productos por Categoría (Café)Video · 3 min
  • Creando el Schema para los ProductosVideo · 3 min
  • Mostrando los Resultados en AstroVideo · 7 min
  • Formatear el Precio de los ProductosVideo · 5 min
  • Añadiendo Photoswipe al MenúVideo · 2 min
  • Mostrando el Menú de ComidaVideo · 2 min
UNIDAD 19 - Página de Contacto de CoffeeShop - Mapa de Ubicación · 7 lecciones

UNIDAD 19 - Página de Contacto de CoffeeShop - Mapa de Ubicación
  • Creando la página de ContactoVideo · 2 min
  • Añadiendo el Mapa en WordPressVideo · 4 min
  • Validando la Ubicación y Creando el ComponenteVideo · 6 min
  • Obteniendo las CoordenadasVideo · 4 min
  • Pasar datos del FrontMatter hacia Script con define-varsVideo · 2 min
  • Pasar datos con HTMLElementVideo · 4 min
  • Mostrando el MapaVideo · 10 min
UNIDAD 20 - Página de Contacto de CoffeeShop - Envío de Emails con Astro Actions · 10 lecciones

UNIDAD 20 - Página de Contacto de CoffeeShop - Envío de Emails con Astro Actions
  • Habilitando el Plugin de Contact FormVideo · 5 min
  • Como Utilizar este Plugin en WP REST APIVideo · 4 min
  • Enviando un Email desde PostmanVideo · 3 min
  • Astro Actions y Creando el FormularioVideo · 3 min
  • Creando nuestro primer Astro ActionVideo · 4 min
  • Validando el Action con InputVideo · 6 min
  • Validando el resto de los camposVideo · 7 min
  • Mostrando los mensajes de error de la validaciónVideo · 5 min
  • Leyendo los Datos del Formulario en el ActionVideo · 4 min
  • Enviando el E-mail con los datos desde el Astro ActionVideo · 6 min
UNIDAD 21 - Finalizando el Proyecto · 4 lecciones

UNIDAD 21 - Finalizando el Proyecto
  • Detectando la página actualVideo · 5 min
  • Mostrando la Galería en la Página PrincipalVideo · 4 min
  • Mostrando el Menú en la Página PrincipalVideo · 2 min
  • Habilitando Astro TransitionsVideo · 8 min
UNIDAD 22 - Deployment CoffeeShop en Hostinger y Netlify · 2 lecciones

UNIDAD 22 - Deployment CoffeeShop en Hostinger y Netlify
  • Deployment en Hostinger (WordPress)Video · 6 min
  • Deployment en Netlify (Astro)Video · 8 min
UNIDAD 23 - Segundo Proyecto - Quiosco de Comida y Pedidos con Panel de Administración · 3 lecciones

UNIDAD 23 - Segundo Proyecto - Quiosco de Comida y Pedidos con Panel de Administración
  • Creando el Proyecto en LocalVideo · 2 min
  • Creando un Theme para este proyectoVideo · 3 min
  • Instalando Plugins necesariosVideo · 2 min
UNIDAD 24 - Creando los Productos para el Quiosco · 7 lecciones

UNIDAD 24 - Creando los Productos para el Quiosco
  • Creando el Post Type de ProductosVideo · 3 min
  • Añadiendo la Taxonomia para Categoría de ProductosVideo · 2 min
  • Agregando las CategoríasVideo · 5 min
  • Registrando campos con ACF para ProductosVideo · 5 min
  • Finalizando de Registrar los Campos de los ProductosVideo · 7 min
  • Añadiendo soporte a Imágenes para ProductosVideo · 3 min
  • Cargando los ProductosVideo · 5 min
UNIDAD 25 - Creando el Proyecto con Astro y Primeros Pasos · 3 lecciones

UNIDAD 25 - Creando el Proyecto con Astro y Primeros Pasos
  • Creando Proyecto de Astro y anadiéndolo al WorkspaceVideo · 3 min
  • Creando el Layout PrincipalVideo · 3 min
  • Instalando TailwindcssVideo · 2 min
UNIDAD 26 - Quisco de Ordenes - Layout de Ordenes y Categorías · 6 lecciones

UNIDAD 26 - Quisco de Ordenes - Layout de Ordenes y Categorías
  • Habilitando SSR para toda la App y Creando un Layout para OrdenarVideo · 4 min
  • Agregando el Sidebar para OrdenarVideo · 5 min
  • Consultando las Categorías de productosVideo · 5 min
  • Mostrando las Categorías en el SidebarVideo · 8 min
  • Resaltando la Categoría actualVideo · 3 min
  • Registrando Variables de EntornoVideo · 2 min
UNIDAD 27 - Mostrando los Productos en el Quiosco · 15 lecciones

UNIDAD 27 - Mostrando los Productos en el Quiosco
  • Filtrando los Productos por TaxonomiaVideo · 6 min
  • Realizando la consulta para obtener los productosVideo · 6 min
  • Creando el schema de ProductosVideo · 5 min
  • Mostrando los Productos en el Componente de ProductCardVideo · 5 min
  • Mostrando las Imágenes de ProductosVideo · 5 min
  • Schema para Validar cuando un Producto tiene precio variableVideo · 7 min
  • Detectando Productos con precio variableVideo · 3 min
  • Creando un Componente para mostrar Precios VariablesVideo · 8 min
  • Mostrando los Precios VariablesVideo · 8 min
  • ¿Qué son los Islands en Astro?Video · 4 min
  • Añadiendo React a nuestro ProyectoVideo · 3 min
  • Directivas de Islands de Cliente en AstroVideo · 5 min
  • Detectando Eventos en ReactVideo · 2 min
  • Detectando el Producto SeleccionadoVideo · 4 min
  • Detectando Producto Seleccionado cuando el Precio es VariableVideo · 7 min
UNIDAD 28 - Zustand para Estado Global en nuestra app · 3 lecciones

UNIDAD 28 - Zustand para Estado Global en nuestra app
  • Añadiendo Zustand para un estado global en nuestros componentesVideo · 7 min
  • Pasando el Producto Seleccionado hacia el StoreVideo · 2 min
  • Añadiendo Productos a la OrdenVideo · 7 min
UNIDAD 29 - Creando el Panel para Realizar Pedidos · 6 lecciones

UNIDAD 29 - Creando el Panel para Realizar Pedidos
  • Creando el Componente para mostrar el resumen de la ordenVideo · 4 min
  • Mostrando y Ocultando el Resumen de la ordenVideo · 7 min
  • Detectando si hay contenidos en la ordenVideo · 3 min
  • Mostrando los Contenidos de la ordenVideo · 5 min
  • Añadir Transitions para tener persistencia en la ordenVideo · 2 min
  • Mostrando una notificación cuando el usuario añade un productoVideo · 6 min
UNIDAD 30 - Panel para realizar pedidos: Guardar Productos Variables y Evitar Duplicados · 4 lecciones

UNIDAD 30 - Panel para realizar pedidos: Guardar Productos Variables y Evitar Duplicados
  • Crear una llave compuesta para productos variablesVideo · 3 min
  • Detectar productos variables en el StoreVideo · 6 min
  • Evitar Productos DuplicadosVideo · 5 min
  • Actualizando la Cantidad en lugar de tener productos duplicadosVideo · 5 min
UNIDAD 31 - Panel para realizar pedidos: Eliminar y Actualizar Cantidades · 3 lecciones

UNIDAD 31 - Panel para realizar pedidos: Eliminar y Actualizar Cantidades
  • Eliminando productos del CarritoVideo · 4 min
  • Incrementar la cantidad de un artículoVideo · 3 min
  • Decrementar la cantidad de un artículoVideo · 3 min
UNIDAD 32 - Panel para realizar pedidos: Mostrar Tamaño y Cambiarlo en Productos Variables · 7 lecciones

UNIDAD 32 - Panel para realizar pedidos: Mostrar Tamaño y Cambiarlo en Productos Variables
  • Detectando cuando un producto en nuestra orden es variableVideo · 6 min
  • Permitir al usuario cambiar el tamaño del ProductoVideo · 5 min
  • Identificando el Producto a actualizar y cambiando el tamañoVideo · 5 min
  • Server Endpoints en AstroVideo · 3 min
  • Creando un Server Endpoint en AstroVideo · 6 min
  • Actualizando el Producto y Sincronizando el PrecioVideo · 10 min
  • Uniendo 2 Productos de la Orden cuando el usuario cambia a un tamaño existenteVideo · 7 min
UNIDAD 33 - Panel para realizar pedidos: Ajustes Finales · 2 lecciones

UNIDAD 33 - Panel para realizar pedidos: Ajustes Finales
  • Mostrando Total de ArtículosVideo · 3 min
  • Mostrando Total a pagarVideo · 4 min
UNIDAD 34 - Autenticación y Roles en WordPress y WP REST API · 4 lecciones

UNIDAD 34 - Autenticación y Roles en WordPress y WP REST API
  • Autenticación y AutorizaciónVideo · 4 min
  • Roles en WordPressVideo · 4 min
  • Creando un Post Type para ordenesVideo · 4 min
  • Creando un Plugin para Roles y CapabilitiesVideo · 5 min
UNIDAD 35 - Autenticación por JSON Web Tokens en WP REST API · 4 lecciones

UNIDAD 35 - Autenticación por JSON Web Tokens en WP REST API
  • ¿Qué son los JSON Web Tokens (JWT)?Video · 5 min
  • Configurando Autenticación por JWT en WordPressVideo · 6 min
  • Obteniendo un JWTVideo · 1 min
  • Obtener el Rol del Usuario AutenticadoVideo · 4 min
UNIDAD 36 - Autenticando Usuarios en Astro · 6 lecciones

UNIDAD 36 - Autenticando Usuarios en Astro
  • Creando una Sección para comenzar una orden y autenticar al usuarioVideo · 8 min
  • Creando Astro Actions para AutenticarVideo · 4 min
  • Autenticando el Usuario en el Astro Action y obteniendo un JWTVideo · 6 min
  • Almacenando el JWT en CookiesVideo · 7 min
  • Redireccionando al Usuario si la autenticación fue correctaVideo · 3 min
  • Application Passwords en WordPress para más seguridadVideo · 3 min
UNIDAD 37 - Almacenar las Ordenes de los Clientes · 8 lecciones

UNIDAD 37 - Almacenar las Ordenes de los Clientes
  • Creando los Campos para las ordenesVideo · 2 min
  • Creando Formulario para enviar la ordenVideo · 3 min
  • Creando el Astro Action para almacenar las ordenesVideo · 6 min
  • Añadiendo validación a las ordenesVideo · 3 min
  • Añadiendo Seguridad en el ActionVideo · 8 min
  • Almacenando las ordenes en WordPress desde AstroVideo · 12 min
  • Mostrando un mensaje cuando la orden se creó correctamenteVideo · 3 min
  • Cerrando la sesión del usuario después de crear una ordenVideo · 3 min
UNIDAD 38 - Panel de Administración - Primeros Pasos · 10 lecciones

UNIDAD 38 - Panel de Administración - Primeros Pasos
  • Creando el Layout para AdministraciónVideo · 3 min
  • ¿Qué es el Mddleware de Astro?Video · 4 min
  • Añadiendo rutas protegidasVideo · 7 min
  • Permitiendo al Cliente acceder al QuioscoVideo · 3 min
  • Creando una página para autenticar al administradorVideo · 6 min
  • Creando el Action para autenticaciónVideo · 5 min
  • Obteniendo y almacenando un JWTVideo · 4 min
  • Actualizando Middleware para revisar el administradorVideo · 2 min
  • Añadiendo la funcionalidad para Cerrar SesiónVideo · 3 min
  • Otras validaciones en Autenticación de UsuariosVideo · 6 min
UNIDAD 39 - Panel de Administración - Administrar las Ordenes de Clientes · 14 lecciones

UNIDAD 39 - Panel de Administración - Administrar las Ordenes de Clientes
  • Creando el Layout de OrdenesVideo · 4 min
  • Routing para filtrar ordenes por estadoVideo · 4 min
  • Creando Componente que mostrará las ordenes por estadoVideo · 3 min
  • Creando un Server Endpoint para consultar ordenes por estadoVideo · 3 min
  • Creando una ruta personalizada en WP REST APIVideo · 7 min
  • Realizar una consulta para obtener las ordenes por su estadoVideo · 11 min
  • Limitar la cantidad de resultadosVideo · 5 min
  • Obtener las Ordenes en el Server Endpoint de AstroVideo · 4 min
  • Añadiendo SWR para refetch de resultadosVideo · 10 min
  • Mostrando el Contenido de las OrdenesVideo · 8 min
  • Revalidar los datos en SWRVideo · 4 min
  • Primeros pasos cambiando el estado de una ordenVideo · 11 min
  • Enviar la petición para cambiar el estado de una ordenVideo · 6 min
  • Actualizar la pantalla cuando los datos cambianVideo · 7 min
UNIDAD 40 - Mostrando las Ordenes Listas · 3 lecciones

UNIDAD 40 - Mostrando las Ordenes Listas
  • Creando la página que mostrará las ordenes listasVideo · 3 min
  • Mostrando las OrdenesVideo · 11 min
  • Limitando la cantidad de ordenes listas que se muestranVideo · 8 min
UNIDAD 41 - Panel de Administración - Mostrando Tabla de Productos · 5 lecciones

UNIDAD 41 - Panel de Administración - Mostrando Tabla de Productos
  • Creando Layout de ProductosVideo · 3 min
  • Consultando los ProductosVideo · 3 min
  • Añadiendo la categoría a la que pertenece el ProductoVideo · 6 min
  • Mostrando el Resto de la Información de ProductosVideo · 4 min
  • Creando el Menú de OpcionesVideo · 3 min
UNIDAD 42 - Panel de Administración - Paginación de Productos · 8 lecciones

UNIDAD 42 - Panel de Administración - Paginación de Productos
  • Primeros pasos con la paginación: Identificar número de páginasVideo · 5 min
  • Parámetros para añadir paginaciónVideo · 3 min
  • Creando el Componente de paginaciónVideo · 4 min
  • Generando el Total de páginasVideo · 5 min
  • Mostrando paginación por númeroVideo · 4 min
  • Creando paginación de SiguienteVideo · 3 min
  • Creando paginación de AnteriorVideo · 1 min
  • Validar la página actualVideo · 2 min
UNIDAD 43 - Panel de Administración - Filtrar Productos por Categoría · 2 lecciones

UNIDAD 43 - Panel de Administración - Filtrar Productos por Categoría
  • Creando Listado de CategoríasVideo · 5 min
  • Filtrando los Productos por su categoría y Resaltando la categoría actualVideo · 6 min
UNIDAD 44 - Panel de Administración - Creación de Productos · 14 lecciones

UNIDAD 44 - Panel de Administración - Creación de Productos
  • Creando el Formulario para nuevos productosVideo · 5 min
  • Mostrar las Categorías en el FormularioVideo · 2 min
  • Añadiendo el Campo para subir imágnes con Drag N DropVideo · 8 min
  • Creando el Astro Action para subir imágenesVideo · 3 min
  • Finalizando el Action para subir imágenesVideo · 4 min
  • Mostrando la imagen que se subió a WordPressVideo · 7 min
  • Añadendo Vue.js a nuestro ProyectoVideo · 5 min
  • Creando un Store de PiniaVideo · 5 min
  • Mostrando Componente de Precio Fijo o Variable según la selección del UsuarioVideo · 4 min
  • Trabajando con el Componente de Precio VariableVideo · 5 min
  • Mostrando los Campos de Precios VariablesVideo · 6 min
  • Leer los datos ingresados en el FormularioVideo · 6 min
  • Creando el Action para ProductosVideo · 7 min
  • Almacenando ProductosVideo · 7 min
UNIDAD 45 - Panel de Administración - Editar Productos · 6 lecciones

UNIDAD 45 - Panel de Administración - Editar Productos
  • Creando la página y routing para editar productosVideo · 4 min
  • Pasando el Producto a Editar hacia el FormularioVideo · 4 min
  • Seleccionando la Categoría del ProductoVideo · 7 min
  • Leer en Vue.js el tipo de Precio del ProductoVideo · 7 min
  • Sincronizar precios variables si es un producto variableVideo · 5 min
  • Creando el Astro Action para Actualizar ProductoVideo · 6 min
UNIDAD 46 - Panel de Administración - Eliminar Productos · 3 lecciones

UNIDAD 46 - Panel de Administración - Eliminar Productos
  • Creando un Modal y Store para confirmar la eliminación de un ProductoVideo · 5 min
  • Detectando el Producto a EliminarVideo · 4 min
  • Eliminando ProductosVideo · 6 min
UNIDAD 47 - Deployment FreshCoffee Hostinger y Netlify · 2 lecciones

UNIDAD 47 - Deployment FreshCoffee Hostinger y Netlify
  • Deployment de WordPress en HostingerVideo · 5 min
  • Deployment del Frontend en Netlify GratisVideo · 6 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

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

  3. 3

    Cuestionarios por unidad

    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: Astro WP REST API Tailwind TypeScript

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 Juan Pablo De la torre Valdez.
  • 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.

  • 47 unidades · 275 lecciones · 60 h
  • 12 meses de acceso
  • 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 Juan Pablo De la torre Valdez; 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 · Astro WP REST API Tailwind TypeScript

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