Intermedio: Lleva tus bases al siguiente nivel
Vue 3, Pinia, Vite, TypeScript, Composition API, Script Setup, Vue-Query, Quasar, Caché y más
Lo que serás capaz de hacer
Bienvenido al curso de Vue.js Intermedio (Vue 3.2+) Este es un curso orientado a personas con cierta base de conocimiento sobre el framework de Vue.js, todo el contenido está escrito en TypeScript, con el objetivo de hacer componentes y código reutilizable utilizando la nueva sintaxis del script setup. Este curso también está enfocado en el manejo y mejoras de la experiencia de usuario manejando Vue Query como gestor de estado asíncrono , de manera que todo el trabajo de peticiones HTTP se sienta más rápido y eficiente. Pero sin dejar de lado Pinia como gestor de estado principal. También he creado 2 guías PDFs con atajos útiles para que sea fácil memorizar y practicar funcionalidades nuevas de Vue y Pinia como las nuevas formas de definir emisiones y properties a los componentes y las dos sintaxis que tiene Pinia para trabajar que son el Options Store y Setup Store . (ambas son explicadas dentro del curso) Este es un resumen general de lo que usaremos en el curso: Vue 3 (Versión 3.2.38>) Script Setup Composition API Vue Query Mutaciones Queries (simples y complejos) Manejo de caché QueryClient Prefetch Caché manual Quasar 2.10+ Sistema de estilos Temas Script Setup Boot files íconos Pinia Options Store Setup Store GitHub API Vue DevTools con Composition API Pinia Vue Query Vue Router 4+ Simple Anidado Lazyload Axios Manejo de errores Interaces TypeScript con Vue y cada pieza usada en el curso Modals Loaders Re-utilización de componentes Y mucho más El curso busca ayudarte a utilizar Vue.js de una manera productiva , útil, haciendo componentes fáciles de leer y mantener, mientras se tiene un tipado estricto.
- Aprender Vue con TypeScript
- Composition API
- Script Setup
- Reactive Store y Pinia
- Quasar
- Vue Query
Temario
UNIDAD 1 - Introducción al curso · 4 leccionesUNIDAD 1 - Introducción al curso
UNIDAD 1 - Introducción al curso
- Introducción al curso
- Instalaciones necesarias y recomendadas
- Hojas de atajos - Vue y Vue-TS
- ¡Únete a Nuestra Comunidad de DevTalles en Discord!
UNIDAD 2 - Vue.js + Composition API + TypeScript - Primeros Pasos · 17 leccionesUNIDAD 2 - Vue.js + Composition API + TypeScript - Primeros Pasos
UNIDAD 2 - Vue.js + Composition API + TypeScript - Primeros Pasos
- Introducción a la sección
- Temas puntuales de la sección
- Inicio de proyecto
- Explicación de la estructura de directorios
- Limpieza del proyecto
- Counter - Script Setup
- Funcionalidad del counter
- Consideraciones del Script Setup
- Estructura de directorios recomendada
- Router principal y re-dirección
- RouterView, NavLink y NavBar
- defineProps - Script Setup
- Tipos específicos de datos en Props
- Rutas hijas
- NavBar secundario
- Configuración de las rutas hijas
- Código fuente de la sección
UNIDAD 3 - Técnicas para peticiones HTTP · 15 leccionesUNIDAD 3 - Técnicas para peticiones HTTP
UNIDAD 3 - Técnicas para peticiones HTTP
- Introducción a la sección
- Temas puntuales de la sección
- Continuación de la sección
- Realizar petición HTTP básica
- Colocar el tipo de dato de la respuesta
- Obtener listado de Pokemons
- Vue Suspense
- Suspense Loading State
- Composable functions - useCharacters con estado local
- Composable functions - useCharacters con estado global
- Vue TanStack Query
- useQuery
- Composable + useQuery
- Pasar props padre hijo
- Código fuente de la sección
UNIDAD 4 - Gestor de estado reactivo propio de Vue · 12 leccionesUNIDAD 4 - Gestor de estado reactivo propio de Vue
UNIDAD 4 - Gestor de estado reactivo propio de Vue
- Introducción a la sección
- Temas puntuales de la sección
- Continuación de la sección
- State Management Nativo de Vue
- Initial State
- Llamar métodos del Store
- Conectar Store con VueQuery
- Manejo de errores
- Crear pantalla de Pokémon por ID
- Obtener información por ID
- Solución de la tarea
- Código fuente de la sección
UNIDAD 5 - Pensemos en composables - VueQuery · 10 leccionesUNIDAD 5 - Pensemos en composables - VueQuery
UNIDAD 5 - Pensemos en composables - VueQuery
- Introducción a la sección
- Temas puntuales de la sección
- Continuación de la sección
- Remover opciones del menú
- Artículo para la próxima clase
- Pre-fetch - Vue Query
- Invalidar Queries
- Data inicial
- Investigaciones adicionales
- Código fuente de la sección
UNIDAD 6 - Pinia - Gestor de estado - Introducción · 10 leccionesUNIDAD 6 - Pinia - Gestor de estado - Introducción
UNIDAD 6 - Pinia - Gestor de estado - Introducción
- Introducción a la sección
- Temas puntuales de la sección
- Inicio de proyecto - PiniaApp
- Limpieza y configuración inicial
- Instalar Pinia - Primer Store
- Counter Options Store
- Finalizar el counter options store
- Counter Setup Store
- Consumo del CounterSetupStore
- Código fuente de la sección
UNIDAD 7 - Pinia - Paginación y Mantenimiento · 17 leccionesUNIDAD 7 - Pinia - Paginación y Mantenimiento
UNIDAD 7 - Pinia - Paginación y Mantenimiento
- Introducción a la sección
- Temas puntuales de la sección
- Continuación de la sección
- Estructura del ejercicio - Clientes
- JSON Server
- Clients Store e interfaz
- Estructura de los componentes que usaremos
- Obtener los primeros 10 clientes - TanStack Axios
- Patrón adaptador con composables
- Diseño del componente de paginación
- Cambiar Current Page
- Cargar clientes basados en la página actual
- Jugar con useQuery
- Loading Modal
- Optimizaciones de nuestro código
- Resolución de la tarea
- Código fuente de la sección
UNIDAD 8 - Mutaciones y queries · 10 leccionesUNIDAD 8 - Mutaciones y queries
UNIDAD 8 - Mutaciones y queries
- Introducción a la sección
- Temas puntuales de la sección
- Continuación de la sección
- Cargar información del cliente por id
- Mutation - TanStack
- Notificar al usuario de lo que está sucediendo
- Invalidar data - TanStack
- Manejo de errores
- Solución a la tarea
- Código fuente de la sección
UNIDAD 9 - Quasar - Vue Query - TS - Pinia · 16 leccionesUNIDAD 9 - Quasar - Vue Query - TS - Pinia
UNIDAD 9 - Quasar - Vue Query - TS - Pinia
- Introducción a la sección
- Temas puntuales de la sección
- Inicio de proyecto - IssuesApp
- Archivos y directorios de un proyecto de Quasar
- Estructura inicial del proyecto
- Listado de issues - estructura
- Filter Selector
- Issue List e Issue Card
- Issue Page - Mostrar un issue de forma individual
- IssuesStore - Pinia
- VueQuery + ENVs + Quasar
- Obtener los labels de GitHub
- Solución de la tarea
- Labels seleccionados
- Readme - Fin de la sección
- Código fuente de la sección
UNIDAD 10 - Filtros, relaciones y caché · 14 leccionesUNIDAD 10 - Filtros, relaciones y caché
UNIDAD 10 - Filtros, relaciones y caché
- Introducción a la sección
- Temas puntuales de la sección
- Continuación de la sección
- Cargar 10 issues
- Mostrar los issues en pantalla
- Fechas y Markdown
- Issue Page
- Comentarios del issue
- Token de autenticación - GitHub
- Aplicar filtros
- Desacoplar los composables
- Precargar peticiones antes de tiempo
- Establecer un valor en caché manualmente
- Código fuente de la sección
UNIDAD 11 - Mutaciones · 13 leccionesUNIDAD 11 - Mutaciones
UNIDAD 11 - Mutaciones
- Introducción a la sección
- Temas puntuales de la sección
- Continuación de proyecto
- Crear repositorio en GitHub
- Botones flotantes
- Solución de la tarea
- Diálogos de Quasar
- Markdown Editor
- Props del diálogo
- Preparación para la creación de issues
- Grabación del issue
- Después de inserción
- Código fuente de la sección
UNIDAD 12 - Fin del curso · 1 leccionesUNIDAD 12 - Fin del curso
UNIDAD 12 - Fin del curso
- Despedida del curso
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
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
12 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.
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 Fernando Herrera.
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 12 unidades · 139 lecciones · 60 h
- 12 meses de acceso
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
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.
