Desarrollo de Aplicaciones Profesionales con VueJS
Clase 1 de 53 • Curso Profesional de Vue.js 2
Contenido del curso
- 3

Herramientas esenciales para desarrollar con BioJS y NodeJS
06:13 - 4

Creación de una Aplicación Vue.js con CLI y Webpack Simple
12:50 - 5

Configuración y uso de Webpack en proyectos JavaScript
10:38 - 6

Configuración y uso de Babel para compatibilidad JavaScript
05:06 - 7

Configuración de eSlimt con EstándarJS y Webpack
15:34 - 8

Integración de SaaS y Bulma en Aplicaciones Vue.js
06:18 - 9

Configuración de Pag para optimizar el workflow de desarrollo HTML
04:23 - 10
Diseño de Mockups: Práctica y Colaboración en Comunidad
00:20 - 11
Creación de Vistas con Mockups y Vue.js
00:32
- 12

Expresiones en Vue: Manipulación Dinámica del DOM
03:49 - 13

Directivas de Vue: Uso y Funciones Principales
06:22 - 14

Data Binding y Directivas en Vue: bmodel y bevined
04:11 - 15

Propiedades Computadas en JavaScript: Creación y Uso Práctico
04:13 - 16

Uso de Watchers en Biomóvil para Gestión de Cambios de Propiedades
02:25 - 17

Manipulación de Eventos y Métodos en Aplicaciones Web
06:12 - 18

Creación de Interfaz con Vue.js y Framework CSS Bulma
19:03 - 19
Manipulación del DOM con Vue.js: Práctica y Ejercicios
03:00
- 23

Creación y Registro de Componentes en Vue.js
08:46 - 24

Creación de Componentes en Vue.js con Bulma para Platzi Music
09:50 - 25

Reactividad y Virtual DOM en Vue.js: Conceptos y Soluciones
06:14 - 26

Ciclo de Vida de Componentes en Vue.js: Hooks y Ejecución de Código
05:38 - 27

Comunicación entre Componentes en Vue.js: Props y Eventos
23:27 - 28

Comunicación entre Componentes en Vue: Eventos de Hijo a Padre
12:04 - 29

Uso de Slots para Inyección Dinámica de HTML en Componentes Vue
13:42 - 30

Comunicación entre Componentes Vue con Event Bus y Plugins
19:19
- 39

Gestión de Estados Centralizados con la Librería BuX
03:41 - 40

Integración de VueX y arquitectura Flux en Vue.js
17:32 - 41

Mutaciones en Vuex: Gestión y Actualización del Estado Reactivo
08:16 - 42

Uso de Getters en Vuex para Acceso Personalizado de Estado
07:35 - 43

Acciones asincrónicas en Vuex: cómo implementarlas y utilizarlas
07:55 - 44

Integración de VueX y Babel en PlatziMusic
26:37
¿Qué aprenderás en el curso profesional de Vue.js?
Este curso de Vue.js se ha diseñado para usuarios que buscan crear aplicaciones profesionales con este framework front-end altamente popular. Bajo la dirección de Ignacio Anaya, un desarrollador full stack destacado, explorarás no solo el núcleo de Vue.js, sino también las herramientas necesarias para mejorar tu experiencia de desarrollo. Prepárate para sumergirte en un mundo de componentes, rendering declarativo, gestión de estado y más.
¿Por qué Vue.js es vital para el desarrollo moderno de aplicaciones?
Vue.js destaca por su sistema de componentes y rendering declarativo, facilitando el desarrollo de interfaces de usuario interactivas y mantenibles. Este curso te guiará a través del proceso de construcción de aplicaciones single page (SPA) y te enseñará a emplear VueRouter, una herramienta esencial para la navegación sin interrupciones dentro de las SPA. Además, aprenderás a mejorar la productividad y funcionalidad de tus aplicaciones mediante VueX y otras prácticas avanzadas.
¿Cómo optimizar la gestión de estados complejos con VueX?
VueX es una herramienta clave en la gestión de aplicaciones con estados amplios y complejos. Durante el curso, descubrirás cómo VueX te permite centralizar y gestionar el estado de tu aplicación de una forma más eficiente. Esto es esencial cuando manejas aplicaciones de mayor escala, donde el flujo de datos y su consistencia son críticos.
- Centralización del estado: Mantiene un solo punto de control para los estados de la aplicación, reduciendo redundancias y errores.
- Flujo de datos predecible: Gracias a sus mutaciones y acciones, VueX ofrece un flujo de datos claro y rastreable.
- Ventajas para el testing: Al centralizar el estado, resulta más sencillo realizar pruebas unitarias y asegurar el comportamiento correcto de la aplicación.
¿Qué ofrece VueRouter para tú aplicación?
VueRouter transforma tu aplicación en una experiencia de usuario fluida y profesional al facilitar la creación de diferentes rutas y vistas dentro de una SPA. Esto significa que puedes cambiar vistas sin la necesidad de redireccionar o recargar la página, lo que mejora considerablemente la experiencia del usuario.
- Rutas personalizables: Define las rutas de manera clara y sencilla, permitiendo estructura y orden en tu aplicación.
- Transiciones suaves: Las animaciones y transiciones entre rutas personalizables brindan una experiencia de usuario mejorada.
- Funcionalidades avanzadas: Métodos como lazy-loading y protección de rutas ofrecen capas extra de optimización y seguridad.
¿Cómo llevar tu aplicación a producción de forma efectiva?
El curso incluye un módulo sobre cómo deployar tu aplicación Vue.js en producción. Uno de los servicios destacados para este propósito es NOW. Aprenderás no solo a configurarlo, sino también a maximizar el rendimiento y garantizar un deply rápido y seguro.
- Simplicidad de configuración: NOW ofrece una configuración directa, adecuada incluso para principiantes en despliegue.
- Escalabilidad garantizada: Diseñado para soportar aplicaciones de cualquier tamaño, asegurando una carga rápida y confiable.
- Facilidad en el deployment continuo: Implementa cambios de manera constante sin necesidad de preocuparte por el downtime.
Esta estructura del curso te proporcionará los conocimientos y habilidades necesarios para convertirte en un desarrollador de Vue.js profesional, preparado para afrontar cualquier reto en desarrollo moderno de aplicaciones. Anímate a sumergirte en esta experiencia de aprendizaje completa y a enriquecer tu repertorio de habilidades de desarrollo con Vue.js.