Aplicaciones profesionales con Vue.js
Clase 1 de 53 • Curso Profesional de Vue.js 2
Contenido del curso
CLI y Dev Tools
- 3
Instalación de Vue.js: Node, Dev Tools y CLI
06:13 min - 4
Crear una aplicación Vue con CLI y webpack
12:49 min - 5
Cómo funciona webpack.config.js
10:38 min - 6
Babel: transpilador de JavaScript moderno
05:06 min - 7
ESLint con Standard JS: linteo automático en webpack
15:34 min - 8
Configuración de Sass y Bulma en Vue
06:18 min - 9
Cómo configurar Pug en Vue con webpack
04:23 min - 10
Diseño de Mockups: Práctica y Colaboración en Comunidad
00:20 min - 11
Creación de Vistas con Mockups y Vue.js
00:32 min
Manipulación del DOM
- 12
Expresiones en Vue: sintaxis doble llave
03:49 min - 13
Diferencia entre v-show y v-if en el DOM
06:22 min - 14
Qué es data binding en Vue.js
04:11 min - 15
Computed properties en Vue.js: cómo crearlas
04:13 min - 16
Qué son los watchers de Vue
02:25 min - 17
Eventos Vue: directiva v-on y métodos format
06:12 min - 18
Cómo construir una interfaz de búsqueda completa en Vue
19:03 min - 19
Manipulación del DOM con Vue.js: Práctica y Ejercicios
03:00 min
REST y HTTP
Sistema de Componentes
- 23
Cómo crear componentes en Vue
08:46 min - 24
Componentes Layout en Vue con Bulma
09:50 min - 25
Reactividad en Vue: $set y Object.assign
06:14 min - 26
Hooks del ciclo de vida en Vue.js
05:38 min - 27
Comunicación padre-hijo con props en Vue
23:27 min - 28
Eventos en Vue: comunicar hijo a padre
12:04 min - 29
Slots: HTML dinámico en componentes Vue
13:42 min - 30
Plugin Event Bus: comunicar componentes sin relación en Vue
19:19 min
Vue Router
Extendiendo VueJS
Clases, Animaciones y Transiciones36
Vuex
- 39
Cómo Vuex centraliza estados en Vue
03:41 min - 40
Instalación de Vuex con estado único
17:32 min - 41
Cómo usar mutations y commit en Vuex
08:16 min - 42
Getters de Vuex: mapGetters y store sincronizado
07:35 min - 43
Cómo dispatch ejecuta actions asincrónicas en ViewX
07:54 min - 44
Instalación de Viewex en Platzi Music
26:37 min
Nuxt.js
Deploy a Producción con Now
Conclusiones
Bonus
Resumen
Aprende a construir aplicaciones profesionales con Vue.js. Con la guía de Ignacio Naya, full stack developer en Issac y mentor en Thinkful, dominarás el sistema de componentes, el rendering declarativo, Vuex para estados muy grandes, Vue Router para apps single page y cómo deployar a producción con Now.
¿Qué lograrás con Vue.js de forma profesional?
El foco está en que puedas crear aplicaciones completas con Vue.js. Se abordan tanto el core del framework como las herramientas que mejoran la experiencia de desarrollo.
- Construir con el core de Vue: sistema de componentes y rendering declarativo.
- Usar herramientas que mejoran el desarrollo día a día.
- Manejar estados muy grandes con Vuex.
- Crear aplicaciones single page con Vue Router.
- Deployar y llevar a producción usando Now.
¿Quién guía el aprendizaje y con qué enfoque?
Ignacio Naya lidera el contenido con experiencia directa en la industria y mentoría.
- Desempeño como full stack developer en Issac.
- Mentor de programación en Thinkful.
- Enfoque profesional: aprender lo necesario para crear apps en Vue.js.
¿Qué cubre el core de Vue: componentes y rendering declarativo?
Se trabaja con los pilares de Vue.js para construir interfaces con claridad.
- Sistema de componentes como base del desarrollo.
- Rendering declarativo para definir cómo se muestran las vistas.
¿Cómo manejarás el estado con Vuex y el enrutamiento con Vue Router?
Además del core, integrarás herramientas clave para escalar.
¿Cuándo usar Vuex para estados muy grandes?
Se incorpora Vuex cuando la aplicación requiere manejar estados muy grandes.
- Orientado a estructuras de estado amplias.
- Facilita organizar el comportamiento en escenarios complejos.
¿Cómo funciona Vue Router en apps single page?
Con Vue Router crearás aplicaciones single page.
- No hay redirección entre páginas.
- Se cambian las vistas del lado del cliente.
¿Cómo llevar tu app a producción con Now?
El cierre es práctico: deployar y llevar a producción usando Now.
¿Qué harás al deployar con Now?
Se utiliza uno de los servicios más usados, llamado Now.
- Subir la aplicación a un entorno accesible.
- Preparar el paso a producción.
- Centralizar el envío final con Now.
¿Te quedó alguna duda o quieres compartir tu experiencia con Vue.js? Deja tu comentario y conversemos.