Skip to content
forked from StydeNet/vue2

Código de las lecciones del curso de Vue.js 2

Notifications You must be signed in to change notification settings

albertosgz/vue2

 
 

Repository files navigation

Styde es una nueva comunidad de desarrollo web en español. Con nosotros podrás aprender Laravel, PHP y otras tecnologías, desde tutoriales básicos gratuitos hasta cursos avanzados a bajo costo, de la mano de profesionales con años de experiencia.

Curso de Vue 2

Vue.js es un framework progresivo de JavaScript que nos permite agregar desde widget dinámicos a páginas y proyectos ya existentes hasta desarrollar un single page application o SPA desde cero. Vue es además muy fácil de aprender y cuenta con una excelente documentación y comunidad, así como con el apoyo de Laravel.

Así que si estás buscando un framework o library de JavaScript para crear proyectos más dinámicos, has llegado al lugar indicado, puesto que en las siguientes lecciones te explicaré paso a paso y de forma muy detallada todos los features que necesitas para crear desde pequeños componentes dinámicos hasta comenzar el desarrollo de un SPA con Laravel y Vue.

Parte 1: Introducción a Vue.js

  1. Introducción a Vue.js 2 - 2:52
  2. Vue.js vs jQuery, parte 1 - 9:55
  3. Vue.js vs jQuery, parte 2 - 12:59

Parte 2: Vue.js desde cero

  1. Primeros pasos con Vue 2 - 6:40
  2. Interpolaciones y directivas - 12:40
  3. Mostrar y ocultar elementos con v-if, v-else, v-else-if y v-show - 16:40
  4. Estilos y clases de CSS dinámicos - 17:58
  5. Listado de elementos con v-for - 14:06
  6. Manejo de eventos - 10:57
  7. Uso de filtros en interpolaciones - 7:05
  8. Diferencias entre métodos, computed properties y filtros - 9:43

Parte 3: Crea una aplicación CRUD con Vue.js 2

En las siguientes lecciones aprenderemos a crear una pequeña aplicación CRUD y a manejar arrays de registros de forma dinámica con Vue.

  1. Introducción - 4:40
  2. Listado - 7:17
  3. Creación - 1:31
  4. Actualización - 5:13
  5. Eliminación - 2:46

Parte 4: Creación y uso de componentes en Vue 2

En esta parte del curso aprenderás todo sobre la creación, uso y comunicación entre componentes.

  1. Creación del primer componente - 4:23
  2. Representar un registro como un componente - 11:05
  3. Separación de datos entre el modelo y la vista - 9:25
  4. Comunicación entre componentes con eventos personalizados - 4:14
  5. Comunicación entre componentes con "Event Bus" - 5:23

Parte 5: Uso de Vue CLI y Webpack

  1. Introducción a vue-cli y webpack - 13:38
  2. Componentes de un solo archivo con webpack y vue-loader - 17:43
  3. Uso de ES6 con webpack y Babel - 10:20
  4. Práctica adicional de componentes - 9:13

Parte 6: CSS y Sass en Vue.js

  1. Agregando estilos a los componentes - 8:56
  2. Modularizar el CSS con scoped o CSS modules - 8:07
  3. Uso de Sass - 8:31
  4. Instalando Bootstrap Sass con webpack - 7:34
  5. Extraer CSS con webpack y vue-loader - 4:12
  6. Reduciendo el tamaño del CSS en 90% - 8:09
  7. Organización de los componentes - 20:00
  8. Instalación y uso de Vue Router - 9:34
  9. Personalizar el estilo del menú de Vue Router - 6:09

Otros cursos

Laravel desde cero

Laravel y PHP avanzado

Otras tecnologías

© 2016 - 2017 Styde.net

About

Código de las lecciones del curso de Vue.js 2

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 41.9%
  • Vue 31.8%
  • JavaScript 20.3%
  • CSS 6.0%