» [Curso] Vue js de 0 a 100 ????
01.-Vue js 2 tutorial español ? [Hola mundo en vuejs]
Introducción. En este tutorial vamos a hablar de vuejs, vamos a ver para que no nos sirve este framework, para que si, cuando si usarlos cuando no, también analizaremos su competencia (Angular JS y React JS). Y lo primero que vamos a hacer es ver la competencia de vuejs. Para eso podemos ir a esta […]
02.-Vue js 2 tutorial español ? [arreglos, objetos y links]
En este tutorial vamos a trabajar con arreglos (no pueden hacer falta), objetos (son como matrices pero mas flexibles) y tambien vamos a aprender a usar links en vuejs. Codigo <!DOCTYPE html><html lang=”es”> <head> <meta charset=”utf-8″ /> <title>Vuejs</title> </head> <body> <div id=”elemento”> {{contenido}} <ul> <li v-for=”lenguaje of lenguajes” ><a :href=”lenguaje.link” target=”_blank” >{{lenguaje.nombre}}</a></li> </ul> </div> </body> […]
04.-Vue js 2 tutorial español ? [keyup.enter,computed]??
Introducción En este tutorial vamos a seguir trabajando con VueJS y en este tutorial vamos a trabajar con mas eventos de Vue com presionar teclas, también vamos a realizar operaciones matemáticas, no se preocupen solo vamos a hacer sumas y restas (nada de integrales ni transformadas de gauss). Y para eso vamos a poner numeros […]
05.-Vue js 2 tutorial español ? [clases dinámicas]??
Introducción En este tutorial vamos a ver el input text de los puntos que quedo pendiente en el tutorial anterior y vamos a crear clases dinámicas, en otras palabras vamos a modificar los nombres de las clases de nuestros elementos dependiendo de los eventos (con botones) que generemos. Codigo <!DOCTYPE html><html lang=”es”> <head> <meta charset=”utf-8″ […]
06.-Vue js 2 tutorial español ? [propiedades computadas]??
Introducción En este video vamos a trabajar con propiedades computadas, quizá me digan que en el tutorial anterior también trabajamos con propiedades computadas y pues es verdad pero en esta ocasión vamos a trabajar con ejemplos mas avanzados y ademas esta área es muy importante que manejemos muy bien. Codigo <!DOCTYPE html><html lang=”es”> <head> <meta […]
07.-Vue js 2 tutorial español ? [created,mounted,updated,destroyed]??
Introducción En este tutorial les tengo 2 noticias una mala y una buena:La mala es que vamos a trabajar con teoría 🙁La buena es que vamos a ver esa teoría con practica 🙂 .Ademas esto que vamos a aprender hoy nos funcione para los siguientes tutoriales asi que si o si tienes que ver este […]
08.-Vue js 2 tutorial español ? [Componentes]??
Introducción En este tutorial vamos a trabajar con los poderosos componentes y lo no digo yo lo dice VueJS aquí y es verdad porque nos ayuda a encapsular código y hacerlo reutilizable y no se imaginan lo facil eficiente y bonitos que hace vue para encapsular el código en componentes. Codigo tuto8.html <!DOCTYPE html><html lang=”es”> <head> […]
09.-Vue js 2 tutorial español ? [Componentes anidados]??
Introducción En este tutorial vamos a trabajar con mas componentes, si mas componentes, porque vuejs es lo que nos dice que es lo debemos estudiar, para ser exactos vamos a trabajar con componentes anidados. En otras palabras vamos a crear 2 componentes uno dentro del otro y entre ellos se van a comunicar Codigo <!DOCTYPE […]
10.-Vue js 2 tutorial español ? [Componentes anidados enviar datos del hijo al padre]??
Introducción En este tutorial vamos a ver mas componentes, pero va a ser algo muy simple, solo vamos a enviar información del componente hijo hacia el padre, si recuerdan en el tutorial anterior enviamos información del componente padre al hijo y en este caso va a ser a la inversa. Ademas nos va ayudar a […]
11.-Vue js 2 tutorial español ? [Vuex]??
Introducción En este video vamos a trabajar con vuex así como lo hemos prometido en los tutoriales anteriores pues ha llegado el momento, pero para los que no sepan aun que es vuex, vuex es una librería de vue que nos ayuda a almacenar datos para que puedan ser accedidos desde cualquiera de nuestros componentes. […]
12.-Vue js 2 tutorial español ? [Vuex, mapState,object spread operator]??
Introducción En este tutorial vamos a seguir trabajando esta increible herramienta que nos da vue llamada vuex y lo que vamos a hacer es agregar algunos elementos extras,vamos a simplificar la forma en la que se mandan a llamar esos valores y por ultimo usaremos una propiedad de vuex llamada mapstate. Codigo <!DOCTYPE html><html lang=”es”> […]
13.-Vue js 2 tutorial español ? [Vuex, mapState,object spread operator]??
Introducción En este video vamos a seguir trabajando con mapState de vuex, pero en esta ocasión en lugar de estar trabajando con datos vamos a trabajar con mutaciones (osea las mutaciones que hicimos previamente) y también agregaremos nuevas mutaciones. Codigo <!DOCTYPE html><html lang=”es”> <head> <meta charset=”utf-8″ /> <title>Vuejs</title> <link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css” integrity=”sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T” crossorigin=”anonymous”> </head> <body> […]
14.-Vue js 2 tutorial español ? [Actions,mapActions,mapState,]??
Introducción En este video vamos a trabajar con las acciones y que es eso de las acciones pues es el área de vuex que se comunica con el backend y que es eso de comunicarse con el backend, pues es es el área que se comunica con la base de datos, o cualquier forma con […]
15.-Vue js 2 tutorial español ? [CLI en Ubuntu]??
Introducción En este tutorial no vamos a trabajar con código, tampoco con teoría, lo que vamos a hacer es una instalación de vue-cli y ustedes se preguntaran que es eso de cli, pues cli significa “command-line interface” y e español “interfaz de línea de comandos “. Yo creo que terminamos igual de confundidos así que voy […]
16.-Vue js 2 tutorial español ? [CLI UI en Ubuntu]??
Comandos sudo apt-get updatesudo apt-get install nodejssudo apt-get install npmsudo npm install -g @vue/clivue –versionvue ui Video