Contenido del curso

    1. Introducción a la sección

    2. Temas puntuales de la sección

    3. Inicio de proyecto - Indecision App

    4. Explicación de archivos y directorios

    5. Trabajando con SFC - Single File Components

    6. Estado y eventos

    7. Nuestro primer componente

    8. Define Props - Recibir Properties

    9. Componente tradicional

    10. Separar lógica del SFC

    11. Integrar estilos de terceros

    12. Crear y desplegar aplicación

    13. Composable Functions

    14. Reutilizar lógica del contador

    15. Código fuente de la sección

    1. Introducción a la sección

    2. Temas puntuales de la sección

    3. Demostración del objetivo de la sección

    4. Continuación de la sección

    5. Estructura y diseño del chat

    6. Diseño de mensajes

    7. Comunicación entre componentes

    8. Emitir eventos - DefineEmits

    9. Pensemos en composables

    10. Nota de actualización

    11. Realizar petición HTTP

    12. Referencias a elementos HTML

    13. Código fuente de la sección

    1. Introducción a la sección

    2. Temas puntuales de la sección

    3. Introducción a las pruebas

    4. Configuración de Vitest

    5. Tarea - Pruebas sobre sumatoria de arreglo

    6. Pruebas sobre componentes de Vue

    7. Configuraciones de TypeScript

    8. Pruebas sobre renderizado del componente

    9. Disparar eventos - trigger

    10. Probar composables - useCounter

    11. Pruebas en el componente ChatBubble

    12. Pruebas en el componente MessageBox

    13. Probar emisiones

    14. Probar modificadores de eventos

    15. Pruebas en el componente ChatMessages

    16. Probar que el scroll se dispare

    17. Pruebas en el componente IndecisionView

    18. Pruebas en composable - useChat

    19. Mock del Fetch API

    20. Cobertura del testing

    21. Código fuente de la sección

Acerca de este curso

  • $60.00
  • 340 lecciones
  • 37.5 horas de contenido en video
  • Fernando Herrera

Requisitos previos

• Conocimiento de programación básica
• Conocimiento de JavaScript básico
• Poder realizar instalaciones en el equipo
• El curso se puede seguir en Window, Linux o Mac OSx
• Conocimiento de TypeScript es opcional pero recomendado

Descripción del curso

Bienvenido al curso donde aprenderás a dominar Vue.js desde cero, uno de los frameworks de JavaScript más populares de la actualidad, reconocido por su facilidad de aprendizaje, excelente rendimiento y gran versatilidad para desarrollar aplicaciones web modernas.

A lo largo del curso construirás aplicaciones reales mientras aprendes las mejores prácticas utilizadas en proyectos profesionales. Si nunca has trabajado con Vue.js, comenzarás desde los fundamentos; y si ya tienes experiencia, profundizarás rápidamente en conceptos avanzados como Composition API, Script Setup, Pinia y pruebas automáticas, llevando tus habilidades al siguiente nivel.

¿Por qué aprender Vue.js? Porque combina simplicidad y potencia en un mismo framework. Su ecosistema moderno, excelente experiencia de desarrollo y arquitectura escalable lo convierten en una de las mejores opciones para crear aplicaciones rápidas, mantenibles y preparadas para producción.

¿Cómo está estructurado el curso?

Aprenderás mediante la práctica constante, desarrollando proyectos de diferentes tamaños mientras incorporas nuevas herramientas y conceptos:

  • Fundamentos de Vue: Componentes, reactividad, directivas, eventos, comunicación entre componentes y manejo del estado.
  • Composition API y Script Setup: La forma moderna de desarrollar aplicaciones con Vue, creando código más limpio, reutilizable y mantenible.
  • Gestión de estado con Pinia: Actions, State, Getters, módulos y organización de aplicaciones escalables.
  • Consumo de APIs: Uso de Fetch API, Axios, interceptores y manejo de peticiones HTTP.
  • Routing y navegación: Vue Router, layouts, Lazy Loading, guards globales, por ruta y asíncronos.
  • Testing: Pruebas unitarias y de integración utilizando mocks, spies y herramientas modernas.

Proyectos y habilidades que desarrollarás:

  • Aplicaciones modernas: Desarrollo de interfaces dinámicas utilizando componentes reutilizables y Composition API.
  • Autenticación y seguridad: Implementación de flujos de autenticación, protección de rutas y manejo de sesiones.
  • Formularios y carga de archivos: Validación de formularios, imágenes y manejo eficiente de archivos.
  • Arquitectura profesional: Organización de proyectos pequeños, medianos y de gran escala siguiendo buenas prácticas.
  • Despliegue a producción: Configuración de entornos de Development, Test y Production para publicar aplicaciones listas para el mundo real.

Temas que dominarás durante el curso:

  • Vue progresivo y arquitectura basada en componentes.
  • Directivas, eventos y modificadores.
  • Composition API y Script Setup.
  • Options API (para comprender su funcionamiento).
  • Pinia: State, Actions, Getters y módulos.
  • Axios, Fetch API e interceptores.
  • Autenticación y Vue Router.
  • Lazy Loading y diferentes estructuras con Layouts.
  • Pruebas unitarias y de integración con mocks y spies.
  • Composable Functions.
  • Tailwind CSS.
  • Comunicación entre componentes.
  • Carga y validación de imágenes.
  • Despliegue de aplicaciones a producción.
  • Y muchos temas más.

Resultados al finalizar el curso:

  • Serás capaz de desarrollar aplicaciones profesionales utilizando Vue.js con confianza.
  • Dominarás las herramientas y patrones modernos que utilizan equipos de desarrollo en proyectos reales.
  • Aprenderás a implementar pruebas automáticas que aumentan la calidad y mantenibilidad de tus aplicaciones.
  • Tendrás la experiencia necesaria para estructurar proyectos de cualquier tamaño siguiendo buenas prácticas.

Con más de 37 horas de contenido bajo demanda, este curso ha sido diseñado para acompañarte desde los conceptos más básicos hasta escenarios avanzados, trabajando con proyectos pequeños, medianos y de gran escala para que comprendas cómo organizar aplicaciones reales y estés preparado para construir cualquier idea que tengas en mente.

🚀 ¡Te espero en el curso y mucho éxito en tu camino para convertirte en un desarrollador profesional de Vue.js!



Pago único

Adquiere el curso con un único pago de forma vitalicia, con acceso a la comunidad y posibles actualizaciones futuras.

¿Listo para explorar sin límites?

✦— Elige tu suscripción DevTalles PRO

Devtalles PRO Mensual

USD18

¡Empieza hoy!

DevTalles PRO Trimestral

USD54

3 meses para subir de nivel.

DevTalles PRO Semestral

USD108

Especializate en 6 meses.

DevTalles PRO Anual

✦ El mejor valor

USD198

12 meses por el precio de 11.