Criando modal de cadastro | Vue.js Brasil

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Treinamento completo e gratuito de Vue.js 3 do iniciante ao avançado

Visão geral do Vue.js 2

Gravação da live(acontecido em 28/12/2020) de visão geral do Vue.js 3 (79:05)

Modulo 1: Introdução

Entendendo e se preparando pra esse curso (1:32)
Marcos do front-end (2:06)
Filosofia do Vue e o que é (1:08)
Apresentação do ecossistema e diferenças de build (5:19)
Configuração do ambiente (1:55)

Modulo 2: Conceitos do Vue

Single-File Components (6:13)
Data-binding (10:23)
Diretivas (9:43)
Eventos e métodos (14:12)
Novas syntaxs e antiga (8:37)
Life-cycle hooks (5:03)

Modulo 3: Início do projeto

Apresentação do nosso projeto: feedbacker (4:42)
Exportando e colocando os assets do design (1:30)
Clonando e rodando backend (pré-pronto) do projeto (4:49)

Modulo 4: Criando o dashboard

Configurando nosso projeto e introdução a roteamento no Vue (26:06)
Criando tela inicial (Parte 1) (19:20)
Criando tela inicial (Parte 2) (14:53)
Criando nosso modal factory (Parte 1) (14:49)
Criando nosso modal factory (Parte 2) (23:04)
Criando modal login (Parte 1) (14:44)
Criando modal login (Parte 2) (11:08)
Criando modal login (Parte 3) (23:11)
Criando modal login (Parte 4) (7:34)
Criando modal de cadastro (10:12)
Pegando o usuário logado e controlando rotas autenticadas (11:18)
Introdução estado global no Vue 3 (13:12)
Criando tela de credenciais (Parte 1) (16:58)
Criando tela de credenciais (Parte 2) (17:00)
Criando tela de credenciais (Parte 3) (16:51)
Criando tela de credenciais (Parte 4) (12:08)
Criando tela de feedbacks (Parte 1) (6:30)
Criando tela de feedbacks (Parte 2) (23:06)
Criando tela de feedbacks (Parte 3) (10:54)
Criando tela de feedbacks (Parte 4) (19:48)
Criando tela de feedbacks (Parte 5) (15:35)
Criando tela de feedbacks (Parte 6) (20:09)

Modulo 5: Testes pro dashboard

Fazendo testes unitários de utils (18:07)
Fazendo testes unitários dos serviços (15:19)
Fazendo testes unitários da store (7:44)
Fazendo testes unitários de componente (8:13)
Fazendo testes de componentes que usam a store (12:46)
Fazendo testes end2end com cypress (Parte 1) (22:22)
Fazendo testes end2end com cypress (Parte 2) (9:11)

Modulo 6: Deploy e Github actions do dashboard

Deployando nosso backend na vercel (5:45)
Criando jobs no github actions para rodar os testes (13:36)
Continuous Deployment com o github e netlify (17:31)
Criando dockerfile com multi-stage build pra deploy em outras plataformas (9:50)

Respondendo dúvidas

Gravação da live(acontecido em 02/02/2021) de responder dúvidas dos módulos 1 ao 6 (58:50)

Modulo 7: Criando nosso widget

Configuração e arquitetura do projeto (12:38)
Introdução ao Typescript (4:04)
Criando nosso Playground (15:12)
Configurando nossa store (9:29)
Criando botão flutuante que abre o Widget (Parte 1) (15:08)
Criando botão flutuante que abre o Widget (Parte 2) (25:58)
Criando o Wizard de troca de estado (15:44)
Criando estado de selecionar tipo do feedback do Wizard (9:19)
Criando estado de escrever feedback do Wizard (21:02)
Criando estado de sucesso do Wizard (11:07)
Criando estado de erro do Wizard (2:09)
Criando mecânica de popup no site (Parte 1) (19:30)
Criando mecânica de popup no site (Parte 2) (8:08)
Criando camada de serviço e fazendo o request de criação de feedback (20:44)

Modulo 8: Testes pro widget

Setup dos testes unitários com os componentes typescript (4:15)
Fazendo testes end2end com cypress (3:17)

Modulo 9: Deploy e Github actions do widget

Criando jobs no github actions para rodar os testes (3:33)
Continuous Deployment com o github e netlify (8:10)
Criando dockerfile com multi-stage build pra deploy em outras plataformas (1:03)

Modulo 10: Próximos passos

Importância das comunidades e participação em eventos (3:44)
Amadurecimento e migração do Vue 2 (2:24)

Finalização

Como pegar o certificado?

Teach online with

Criando modal de cadastro

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock