Instalación y login de Now para Vue.js
Clase 48 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
Lleva tu app de Vue.js a producción en minutos con Now: una forma fácil, rápida y eficiente de hacer deploys en real time. Con cuentas gratuitas para proyectos open source y planes pagos para escalar, el flujo es directo y práctico incluso con integración a Docker.
¿Cómo hacer deploy en producción con Now y Vue.js?
Una app completa en Vue.js está lista para su último paso: buildear y desplegar a un servidor productivo usando Now. Este servicio simplifica el proceso y ofrece opciones para crecer según tus necesidades.
- Deploys en real time para llevar la app a un entorno productivo de forma ágil.
- Cuentas gratuitas para open source y opciones pagas para escalar y manejar más tráfico.
- Compatibilidad con NoJS y JavaScript e integración con Docker.
- Registro previo mediante el sistema de enlaces para crear tu cuenta.
¿Qué ofrece Now para acelerar el proceso?
- Flujo de publicación directo con pocos comandos.
- Validación por email para asegurar el acceso.
- Uso inmediato tras confirmar el login.
¿Qué necesitas antes de empezar?
- Una cuenta creada en Now mediante el enlace de registro.
- Tu proyecto de Vue.js listo para build y despliegue.
¿Cómo instalar Now con npm i -g en la terminal?
La instalación es sencilla: se realiza con npm install desde la terminal. Para usarlo en todo tu sistema, se instala de forma global con npm i -g. Mientras se completa, se sugiere optimizar el entorno según tu sistema operativo.
- Abre la terminal de tu sistema.
- Ejecuta el comando de instalación global con npm i -g.
- Espera a que finalice para continuar con el login.
¿Qué recomendación para Windows mejora los comandos?
- Usar Git Bash o un bash que emule UNIX.
- Obtener mejor feedback al ejecutar comandos.
- Evitar problemas de compatibilidad en Windows.
¿Cómo hacer login con Now y confirmar el email?
Tras instalar, realiza el login local para identificarte en tu equipo. Se utiliza el comando Now login y se confirma la identidad por email con un link de verificación.
- Ejecuta Now login en la terminal.
- Ingresa tu mail cuando se solicite.
- Revisa tu email y busca el mensaje de confirmación.
- Haz clic en el link incluido para validar el acceso.
- Verás el aviso de que la dirección de correo fue confirmada.
- El login queda realizado y ya puedes usar el servicio.
¿Qué sigue después del login para el deploy?
- Configurar Now para desplegar tu app a producción.
- Continuar con los pasos de publicación en el siguiente contenido.
¿Quieres que avancemos con la configuración para hacer deploy a producción con Now? Deja tus dudas y cuéntame en qué parte necesitas apoyo.