Aprende Vue JS desaprendiendo jQuery
Nuevo desafío de aprendizaje creando una aplicación en Vue partiendo de las bases que todos tenemos de la librería jQuery.
01. ¿Por qué VueJS puede sustituir a jQuery?
Razones y motivos para aprender VueJS: progresivo, sencillo y rápido.
02. Mostrar y ocultar capa con jQuery
El script más popular en jQuery: cambiar el estado de un 'div'.
03. Mostrar y ocultar capa con Vue
Nuestra primera app hecha con Vue.
04. Cambiar el estado de un formulario con jQuery
Otra ejecución clásica: que aparezcan campos de un formulario después de marcar un 'checkbox'.
05. Cambiar el estado de un formulario con Vue
Aprendemos a controlar el estado de nuestros campos con Vue.
06. Validación de formulario con jQuery
Creamos un sistema de validación en cliente con la librería clásica.
07. Validación de formulario con Vue
Aplicamos una validación contra un formulario al estilo moderno con Vue JS.
08. Planteando un proyecto real: calculadora de precios
Planteamos en este vídeo los primeros pasos de nuestro proyecto real.
09. HTML de la calculadora basado en Bulma
El armazón de este gestor de presupuestos se basa en este popular framework de CSS.
10. Primera iteración de cálculo de suma de precios
La calculadora ya funciona, pero quedan muchas cosas por mejorar.
11. Filtros en Vue y funciones de JavaScript
Completamos la características de la calculadora con filter y Object.assign
12. Componentes en Vue
Mi primer componente con VueJS
13. Primer componente para la calculadora
Empezamos a darle una vuelta a nuestra app para llevarla mucho más alto
14. Instalar Vue CLI
El proyecto madura y creamos una arquitectura más profesional para el desarrollo.
15. Refactorización de la estructura "a lo loco"
En este vídeo cambiamos todo nuestra calculadora al nuevo esquema marcada con Vue CLI.
16. Repaso, brújula y aplicación por componentes
Ponemos orden en la aplicación: de donde venimos, que tenemos y hacia donde vamos
17. Emitir eventos desde un componente hijo al padre en Vue
Como usar "emit" para lanzar eventos desde los hijos para que lo escuchen los padres
18. Componente de tipo 'checkboxes'
Delegamos responsabilidades hacia componentes hijos: 'checkboxes'
19. Componente de tipo 'select'
Delegamos responsabilidades hacia componentes hijos: 'select'
20. Utilizar un bus de eventos para comunicar componentes
Una solución temporal para comunicar componentes con EventBus.
21. Vuex explicado de forma sencilla
Vuex es un gestor del estado de tu aplicación basada en Vue.
22. Incluir Vuex en nuestra aplicación
Primeros pasos con Vuex en la calculadora.