Tutorial De Vue para iniciantes em frameworks JavaScript.

Necessário

• Conhecimento sobre HTML, CSS
• Conhecimento sobre JavaScript (principalmente sobre DOM)
• Instalar NodeJS
• Instalar Yarn

ROADMAP

O curso aborda conceitos tanto do Vue 2.x quanto do Vue 3.x

Iniciando com Vue

0. Antes de começar
1. O que é Vue
2. VueCLI
3. Estrutura do Projeto
4. Fluxo e Props
5. Componentização

Conceitos

1. Data-Methods-Modificadores
2. Diretivas
3. Computed e Watch
4. CSS
5. Instância Vue
6. LifeCycleHooks
7. BusEvent
8. Transições
9. Keep Alive
10. Mixins
11. Pre-Processadores
12. Considerações

Vuetify

1. Iniciando com Vuetify
2. Criando Componentes
3. Customização
4. Considerações

VueRouter

1. Iniciando com Vue Router
2. Navegação
3. Rotas Filhas
4. Guardas de Rota
5. Transições no VueRouter

Vuex

1. Gerenciamento de Estado
2. Iniciando com Vuex
3. State
4. Actions
5. Mutations
6. Getters
7. Estrutura
8. Modules

Bibliotecas Adicionais

1. Vuelidate
2. Vuei18n
3. VueAWN
4. VueDarkMode
5. VueResource
6. VuePropertyDecorator
7. VueFontAwesome
8. VuexClassModules
9. AntDesignVue

Testes e Storybook

1. Jest no Vue
2. Cypress no Vue
3. Storybook
4. Vitest

Ecossistema Vue

1. Nuxt
2. Gridsome
3. VueNative
4. VueElectron
5. Quasar
6. Vuepress
7. Obrigado

Vue 3

1. API de Composição
2. Ecossistema
3. Hooks
4. Suspense
5. JSX
6. TypeScript
7. Vite
8. Pinia
9. Vuetelemetry
10. IonicVue
11. Obrigado

Repositório

Github

Autores

• Giovane Cardoso (Novout) - Freelance Frontend Developer & Member of He4rt Developers - Twitter
• Lucas Souza (deverebor) - Frontend Software Engineer at Juntos Somos Mais & Member of He4rt Developers - Twitter

Made with 💜