Introdução ao Vue.js 2 (Desenvolvendo um Gerador de Memes)
Published in
3 min readMay 19, 2020
Este foi um minicurso que ministrei ano passado com meu amigo Pedro, durante a 8ª semana acadêmica do curso de Tecnologia em Sistemas para Internet na UTFPR. Resolvi quebrar os slides em posts aqui no Medium para ensinar na prática os conceitos básicos do Vue.js
O que é o Vue.js?
Vue (pronuncia-se /vjuː/, como view, em inglês) é um framework progressivo para a construção de interfaces de usuário.
Por que aprender Vue.js?
- Open Source;
- Acessível (HTML, CSS e JavaScript);
- Versátil;
- Performático;
- Escalável (reuso de componentes);
- Curva de aprendizado baixa;
- Fácil integração.
Requisitos mínimos
- Conhecimentos básicos de HTML, CSS, e JavaScript.
- Experiência anterior com outros frameworks ajuda, mas não é necessária.
Meme Generator (O projeto)
Tópicos (Introdução ao Vue.js 2)
- 0. Vue.js devtools (2 min read)
- 1. A instância Vue (6 min read)
- 2. Ciclo de vida da instância Vue (3 min read)
- 3. Dados computados (3 min read)
- 4. Renderização condicional (4 min read)
- 5. Interligações de atributos (4 min read)
- 6. Interligações de formulários (4 min read)
- 7. Manipulação de eventos (2 min read)
- 8. Renderização de listas (3 min read)
- 9. Interligações de classe e estilo (3 min read)
- 10. Componentes (4 min read)
- 11. Eventos customizados (2 min read)
- 12. Desafios (3 min read)
Cursos — Vue Mastery
Cursos — Vue School
Links úteis
- Awesome Vue — (Lista de items relacionados ao Vue.js)
- Made with Vue.js — (Lista de apps feitos em Vue.js)
