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