Si llegamos hasta acá es porque terminamos todos los ejercicios de manera correcta, o porque nos cansamos y solo queremos que esta pesadilla llamada Vue se termine de una vez 😛
Para resumir, en este workshop aprendimos los conceptos mas básicos del framework como: directivas, expresiones, propiedades (data y computed), métodos (y watchers) y data binding.. Una buena combinación entre JS y HTML que nos permite generar contenido dinámico (y bi-direccional) respondiendo a las interacciones del usuario.
Otro concepto básico es el sistema de componentes. Vimos como crear componentes reutilizables que ademas concentran toda la funcionalidad en ellos mismos. Repasamos también como es el ciclo de vida de estas instancias y como podemos manipularlo.
También aprendimos cosas no tan básicas, como usar el CLI y generar una aplicación funcional que me permite trabajar con los famosos (?) archivos .vue. Esto es bastante importante ya que se asemeja a la manera mas real de trabajar con aplicaciones web en Vue.
Vimos algunas buenas prácticas en cuanto a como organizar nuestra aplicación a nivel de archivos y directorios. Como separar componentes y como se interrelacionan estos componentes con cosas fueras del mundo Vue (el servicio coincap)
Por ultimo una de las cosas mas avanzadas que aprendimos es el tema de la comunicación entre componentes usando eventos y atributos HTML.
Espero que realmente les haya servido o que les haya generado curiosidad para que puedan seguir incursionando en el mundo Vue. Si este es el caso les dejo algunas recomendaciones para seguir adelante con el aprendizaje.
- Guia Oficial
- Documentación
- vue-cli
- vue-router ➡️ SPA
- vuex ➡️ State Management
- Nuxt.js ➡️ SSR
🙏 Si llegaste hasta aca y el workshop te gusto, te parecio util o te enseño algo que no sabias, te pido un solo favor: compartilo en un tweet para ayudar a que llegue a mas personas y otros puedan usarlo para aprender
🐦 Twittear
Cualquier consulta, critica, PR o sugerencia es totalmente bienvenida. Gracias por acompañarme en este Workshop!
✍️ with ❤️ by @ianaya89