Workshop de Vue.js Para Principantes
๐จโ๐ซ ๐ฉโ๐ซ ๐ช๐ธ Vue.js es una de las mejores alternativas en el mundo MV* peleando con gigantes de la industria como React y Angular. En este workshop vas a aprender la simpleza y el poder de este framework que combina lo mejor de ambos mundos. Te voy a enseรฑar las bases del framework progresivo que te permite crear aplicaciones simples o complejas de manera muy fรกcil.
๐จ Esta es una nueva version del workshop, podes mirar la version anterior en este link.
Materiales
๐ฝ ย Slides๐ธ ย Proyecto vue-coinsโ ย Colecciรณn Codepen๐ Plugin CLI (Usado en el Proyecto)๐น Version en Video (asaditojs)
Temas
- Introducciรณn a Vue.js
- Generar aplicaciones con vue-cli
- Breve introducciรณn a Babel y Webpack
- Manipulaciรณn del DOM
- Data Binding
- Sistema de Componentes
- Estructurar Aplicaciones
Requisitos
- Cualquier editor de texto (Recomiendo Visual Studio Code con el plugin Vetur)
- Node.js (y npm)
- Conocimiento basico de JavaScript (
for,if,object,array,functionsyajax) - Conocimiento basico de HTML y CSS
- No se requiere conocimiento de ES2015 pero se recomiendan estos links:
- Vue Dev Tools
Ejercicios
๐ Introduccion a Vue.js- ๐ฌ Directives
๐ ๐ Two-Way Data Binding y Eventos๐ฆ Componentes๐จโ๐ Vue Avanzado (SFC)๐ฅ CLI- ๐ท Arquitectura
- ๐ธ vue-coins
๐ vue-cli plugins- โป๏ธ Ciclo de Vida
๐ Computed & Watch๐ Debuggingโ Comunicacion de Componentes [โ ๏ธ WIP]- ๐ Modifiers [โ ๏ธ WIP]
๐ Vue Next
Licencia
Cualquier consulta, critica, PR o sugerencia es totalmente bienvenida. Gracias por acompaรฑarme en este Workshop!
โ๏ธ with โค๏ธ by @ianaya89