Workshop Vue.js

O Vue.js tem, neste momento (isto é, Novembro de 2018), mais de 100.000 estrelas no GitHub. Isto é apenas ligeiramente menos do que as do React. Mas o Vue.js só começou em 2014. Trata-se de um verdadeiro fenómeno de popularidade.

A que se deve toda esta fama? Talvez possamos resumir em duas palavras: simplicidade e performance. O Vue.js é muito agradável de aprender e de utilizar. Podemos usar o Vue.js para construir toda a nossa aplicação, especialmente se for uma Single Page Application. Mas também o podemos usar para, rapidamente, adicionar uma nova funcionalidade a um projecto web já existente, seja qual for a tecnologia que o suporta.

Neste workshop iremos cobrir todos os aspectos fundamentais do Vue.js. Não se trata de esgotar o tema, mas sim de proporcionar bases sólidas para tirar todo o partido do framework.

Conteúdos:

  1. Aplicação Hello World
    • Ferramentas
    • Instalação
    • Instância do Vue
    • Propriedade “el”
    • Propriedade “data”
  2. Mais sobre a instância do Vue
    • Templates
    • Computed properties
    • Métodos
    • Watchers
    • Lifecycles hooks
    • Render functions
    • Vue.prototype
  3. Interpolação
  4. Directivas
  5. Componentes:
    • Global vs local
    • Props
    • $attrs
    • Custom events
    • Native events
    • Slots
  6. Formulários
    • Data binding
    • Input elements
    • Modificadores de v-model
    • Custom inputs
    • Preenchimento
    • Validação e submissão
  7. Vue Router
  8. Vuex
  9. Single File Components
  10. Single Page Application

Iremos fazer exercícios práticos. Cada participante deverá trazer um computador portátil, com qualquer um dos sistemas operativos habituais. Convém ter instalado o Node.js e um editor de código. Nas demonstrações usaremos Windows e o VS Code, mas qualquer outro pode ser utilizado.

O workshop será orientado por Jorge Costa da Silva, director da Openbox. Escreveu recentemente o livro “Manual do Vue.js”, que será distribuído aos participantes.