Introducción

1

Bienvenidos al Curso Profesional de VueJS

2

Introducción a VueJS

CLI y Dev Tools

3

Herramientas y Experiencia de Desarrollo + Archivos .vue

4

CLI - Hello World

5

Webpack

6

Babel

7

Eslint

8

SASS y BULMA

9

PUG

10

Ejercicio de SASS y PUG

11

Ejercicio Avanzado de Pug y SASS

Manipulación del DOM

12

Expresiones

13

Directivas

14

Data Binding

15

Computed properties

16

Watchers

17

Eventos

18

Integración a Platzi Music

19

Ejercicio de Manipulación del DOM

REST y HTTP

20

Servicios

21

Consumir API's REST

22

Fetch API & Trae

Sistema de Componentes

23

Component

24

Creación de componentes

25

Reactividad

26

Ciclo de vida

27

Comunicación entre componentes padres e hijos

28

Comunicación de hijos hacia padres

29

Utilización de Slots

30

Comunicacion entre Componentes Genericos - Event Bus y Plugins

Vue Router

31

Introducción a Vue Router

32

Instalar vue-router y configurar router view

33

Crear y Navegar Rutas con router-link

Extendiendo VueJS

34

Modifiers

35

Filtros

36

Directivas Personalizadas

37

Mixins

Clases, Animaciones y Transiciones36

38

Vue Transitions y Animaciones de CSS

Vuex

39

Estado Centralizado, Flux y Vuex

40

State

41

Mutations

42

Getters

43

Actions

44

Integración a Platzi Music

Nuxt.js

45

Server Side Rendering

46

Nuxt.js

47

Conceptos Básicos de Nuxt

Deploy a Producción con Now

48

Qué es now

49

Configuración de now y deploy

Conclusiones

50

Cierre del curso

Bonus

51

Internacionalización con vue-i18n

52

Unit Test Karma - Mocha & Webpack

53

Implementación de Autenticación de Usuarios en Vue usando JWT

Herramientas y Experiencia de Desarrollo + Archivos .vue

3/53
Recursos

Aportes 32

Preguntas 5

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Ahora se instala vue-cli de la siguiente forma !!!
npm install -g @vue/cli

No me gusta que el curso sea tan antiguo ahora es 2020 la version de node ya es 12 y de npm ya es 6.

Mediante el CLI se pueden generar aplicaciones de vue sin necesidad de hacer todo el setup inicial y herramientas necesarias para empezar , y funciona con los principales empaquetadores como webpack o browserify.
Al trabajar así se crean los VUE files o Sinfle File components que son archivos con UN SOLO COMPONENTE.

VUE-CLI, generados de aplicaciones para vue. para instalar vue-cli 3,

npm install -g @vue/cli

A mi por alguna razón nunca me funcionó el Vue DevTools en Chrome en el curso básico de Vue, solo me funcionaba con Vue como script tag, pero nunca me funcionó para el CLI:(

los archivos .vue es lo más divertido de vue.js

Instalar vue-cli

Consulta. Se puede mezclar blade de laravel con vuejs? Vi en el video anterior que tienen una nomenclatura sumilar para escapar variables al front

en 06/2021
CLI:
https://cli.vuejs.org/

👌

¿Qué paquetes de Atom me recomiendan instalar para trabajar cómodamente con Vue.js?

Les dejo este pequeño tutorial para trabajar en entornos windows de una manera más tranquila entorno de trabajo en windows

  1. Es necesario instalar node y npm.
  2. Se sugiere instalar el vue devtools del chrome,
  3. Se sugiere instalar el CLI (command Line Interface) de Vue mediante npm

Hola Este curso es más viejito que el introductorio ?

Para quien instalo CL3 también necesitaras
npm install -g @vue/cli-init

Yo no he tenido problemas con la vue-devtools de Mozilla, Todo lo contrario con chrome. 😦

Para este momento ya estamos en la versión 3 de Vue-Cli para instalarla cambia un poco ya que npm install -g vue-cli debe cambiar por

npm install -g @vue/cli

Si aún tienes la versión 2 te recomiendo cambiarla por la 3 utiliza npm uninstall -g vue-cli para desinstalar la versión 2 para posteriormente instalar la nueva versión.

para instalar el cli de vue en linux

sudo npm install -g vue/cli

para Opera se pueden instalar esta extension que te permite isntalar extensiones de chrome en opera sin ningun problema clickMe, yo la llevo usando mucho tiempo y no me ha dado fallo o error… Pueden instalar el Vue devtools sin problemas (Y)

Ahora me queda claro para que sirven las herramientas generadoras de estructuras de proyectos como VUE-CLI.

Alguno de ustedes conoce un IDE no un editor ligero para trabajar con todo esto de FrontEnd.
Trabajo en linux.

alguien me puede recomendar en que curso o tutorial enseñan que sigue cuando ya tienes tu aplicacion bien gustoza en local?? es decir, como la saco ya a produccion, como se configura un servidor para esto? que caracteristicas debe tener, sirve un apache un IIS? como funcionan estas cosas cuando estamos hablando de puro JS??

yo no pude pero un amigo me ayudó y fue con este comando:

sudo su npm install -g @vue/cli

Me pidió mi contraseña y luego ya comenzó con las instalación

Para los que quieran instalar vue dev tools en opera, deben instalar la extension de chrome en opera y listo!!
https://vuetiful.wordpress.com/2017/02/27/how-to-add-vue-devtools-to-opera/

Vue cli es un generador de estructura de proyecto Vue donde el mas reciente es el Cli 3
Comando

npm install -g @vue/cli @vue/cli-service-global

Aqui puede esta el link de Vue Cli

Excellent!!

En la documentacion de CLI, la forma de crear el proyecto: indican
vue create my-project
y no
vue init webpack-simple platzi-music
a qué se debe?

Componentes tienen todo para trabajar

Markado
Script
Stylo

El CLI es un generador de aplicaciones que ya viene con todo lo necesario para trabajar

Requerimientos:

Se requiere tener NodeJS instalado para el desarrollo de una aplicación, si bien Vue no corre en Node, herramientas necesarias como Webpack y NPM sí.

Otra herramienta necesaria es Vue DevTools, esta nos permite debuggear, inspeccionar y ver en tiempo real el contenido de la aplicación.

Por último se necesita instalar Vue CLI, que es una herramienta que nos permite interactuar con Vue a través de comandos en la terminal.