Treinamento VueJs3 - Curso completo do iniciante ao avançado. 🤓💻

Aprenda a versão 3 do Vue construindo uma aplicação completa

Tecnologias usadas:

dashboard

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Run your unit tests

yarn test:unit

Run your end-to-end tests

yarn test:e2e

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

Modulo 1: Introdução ✔️

Entendendo e se preparando pra esse curso

Marcos do front-end

Filosofia do Vue e o que é

Apresentação do ecossistema e diferenças de build

Configuração do ambiente

Modulo 2: Conceitos do Vue ✔️

Data-binding

Diretivas

Eventos e métodos

Novas syntaxes e antigas

Life-cycle hooks

Modulo 3: Início do projeto ✔️

Apresentação do nosso projeto: feedbacker

Exportando e colocando os assets do design

Clonando e rodando backend (pré-pronto) do projeto

Modulo 4: Criando o dashboard ✔️

Configurando nosso projeto e introdução a roteamento no Vue

Criando tela inicial

Criando nosso modal factory

Criando modal login

Criando modal de cadastro

Pegando o usuário logado e controlando rotas autenticadas

Introdução estado global no Vue 3

Criando tela de credenciais

Criando tela de feedbacks

Modulo 5: Testes pro dashboard ✔️

Fazendo testes unitários de utils

Fazendo testes unitários dos serviços

Fazendo testes unitários da store

Fazendo testes unitários de componente

Fazendo testes de componentes que usam a store

Fazendo testes end2end com cypress (Parte 1)

Fazendo testes end2end com cypress (Parte 2)

Modulo 6: Deploy e Github actions do dashboard ✔️

Deployando nosso backend na vercel

Criando jobs no github actions para rodar os testes

Continuous Deployment com o github e netlify

Criando dockerfile com multi-stage build pra deploy em outras plataformas

Respondendo dúvidas

Modulo 7: Criando nosso widget 👷 Em andamento

Configuração e arquitetura do projeto

Introdução ao Typescript

Criando nosso Playground

Configurando nossa store

Criando botão flutuante que abre o Widget

Criando o Wizard de troca de estado

Criando estado de selecionar tipo do feedback do Wizard

Criando estado de escrever feedback do Wizard

Criando estado de sucesso do Wizard

Criando estado de erro do Wizard

Criando mecânica de popup no site

Criando camada de serviço e fazendo o request de criação de feedback

Modulo 8: Testes pro widget

Setup dos testes unitários com os componentes typescript

Fazendo testes end2end com cypress

Modulo 9: Deploy e Github actions do widget

Criando jobs no github actions para rodar os testes

Continuous Deployment com o github e netlify

Criando dockerfile com multi-stage build pra deploy em outras plataformas

Modulo 10: Próximos passos

Importância das comunidades e participação em eventos

Amadurecimento e migração do Vue 2

Finalização