Desenvolvimento Web Avançado com Vue (v2 e v3) e Vuex
- Descrição
- Currículo
- FAQ
- Revisões
Bem-vindo ao curso Desenvolvimento Web Avançado com Vue (v2 e v3) e Vuex.
Descubra como ganhar produtividade no desenvolvimento de aplicações web front-end modernas utilizando o framework Vue e a linguagem de programação JavaScript.
O curso conta com mais de 350 aulas, ao todo são mais de 40 horas de videoaulas, tudo com muita prática. Além disso você contará com um suporte campeão para tirar suas dúvidas.
Para iniciar o treinamento é importante que você tenha conhecimentos básicos HTML, CSS, Bootstrap e JavaScript.
Conheça agora mesmo o curso mais COMPLETO da Udemy sobre o framework Vue e leve seus conhecimentos de programação para o próximo nível!
Confira abaixo os principais tópicos que você irá aprender nesse curso:
– Configuração do ambiente de desenvolvimento nos sistemas operacionais Windows, Linux Ubuntu e OSX.
– Conceitos iniciais do framework VueJS.
– Propriedades el, data, methods, computed, watch, $refs, template.
– Diretivas v-bind, v-on, v-if, v-show, v-html, v-text, v-once, v-for, v-model.
– One-way data binding e two-way data binding.
– Virtual DOM vs DOM real.
– Vue CLI (plugins, variáveis de ambiente, eslint, webpack), Git e Bitbucket, deploy Heroku e Vue Devtools.
– Extra: Aplicações desktop com Vue 3 e Electron.
– Componentes: Single file component, lifecycle hooks, props, $event, barramento de eventos global com lib mitt e slots.
– Formulários e máscaras de input (bibliotecas maska e moment)
– Diretivas customizadas
– Mixins
– Vue Router (navegando entre componentes) e JSON Server
– Animações
– Gerenciamento de estado centralizado com Vuex
-
1Canais de comunicaçãoTexto
-
2Introdução ao Vue.jsVídeo Aula
-
3Instalando as ferramentas de desenvolvimento localVídeo Aula
-
4Iniciando o nosso primeiro front-end com VueVídeo Aula
-
5Primeiro App em Vue (instância de Vue e o double mustache)Vídeo Aula
-
6Iniciando projetos Vue com o JSFiddle e ou CodepenVídeo Aula
-
7Explorando um pouco mais a propriedade dataVídeo Aula
-
8Methods - Adicionando os nossos primeiros métodos a instância VueVídeo Aula
-
9Methods - Recuperando atributos do dataVídeo Aula
-
10Methods - O contexto léxico das arrow functions e o conflito de nomesVídeo Aula
-
11Diretiva V-Bind - Realizando o bind de atributos de tags HTMLVídeo Aula
-
12Diretiva V-Bind - Sintaxe sugar e a sobreposição/encadeamento de valoresVídeo Aula
-
13Utilizando expressões no data bindingVídeo Aula
-
14Diretiva V-On - Manipulando eventosVídeo Aula
-
15Methods - Passando parâmetros para os métodosVídeo Aula
-
16Diretiva V-On - Capturando os dados do evento ($event)Vídeo Aula
-
17Hands on - Praticando com data, methods, template string, v-bind e v-onVídeo Aula
-
18Diretiva V-On - Implementando modificadoresVídeo Aula
-
19Selecionando elementos HTML e suas propriedades por IDVídeo Aula
-
20Diretiva V-If - Renderização condicional de elementos HTMLVídeo Aula
-
21Diretiva V-Show - Exibição condicional de elementos HTMLVídeo Aula
-
22Diretiva V-HTML - Injetando elementos HTMLVídeo Aula
-
23Diretiva V-Text - Injetando textosVídeo Aula
-
24Diretiva V-Once - Evitando que elementos HTML sejam renderizados novamenteVídeo Aula
-
25Diretiva V-For - Implementando laços de repetição parte 1Vídeo Aula
-
26Diretiva V-For - Implementando laços de repetição parte 2Vídeo Aula
-
27Renderização de listas com o atributo KeyVídeo Aula
-
28Diretiva V-For - Implementando laços de repetição parte 3Vídeo Aula
-
29Diretiva V-For - Implementando laços de repetição parte 4Vídeo Aula
-
30Trabalhando com a tag Template para renderização condicional e listasVídeo Aula
-
31Trabalhando com propriedades computadas (computed) parte 1Vídeo Aula
-
32Trabalhando com propriedades computadas (computed) parte 2Vídeo Aula
-
33Diretiva V-Model - Sincronizando inputs com atributos (two-way-data binding)Vídeo Aula
-
34Diretiva V-Model - Praticando um pouco mais o two-way-data bindingVídeo Aula
-
35Trabalhando com propriedades observadoras (watch)Vídeo Aula
-
36Iniciando o projetoVídeo Aula
-
37Implementando a interface parte 1Vídeo Aula
-
38Implementando a interface parte 2Vídeo Aula
-
39Definindo as imagens por meio de propriedades computadas do VueVídeo Aula
-
40Selecionando o tipo de pãoVídeo Aula
-
41Selecionando a salada, os molhos e o hambúrguerVídeo Aula
-
42Implementando a etapa 2Vídeo Aula
-
43Implementando a etapa 3Vídeo Aula
-
44Ajustando a chamada assíncrona de novo pedidoVídeo Aula
-
45Utilizando objetos para definir estilos visuais por meio do atributo classVídeo Aula
-
46Utilizando arrays para definir estilos visuais por meio do atributo classVídeo Aula
-
47Utilizando objetos para definir estilos visuais por meio do atributo styleVídeo Aula
-
48Aplicando estilos com propriedades computadasVídeo Aula
-
49Referenciando elementos HTML com $refsVídeo Aula
-
50DOM e Virtual DOMVídeo Aula
-
51DOM e Virtual DOM - Evitando comportamentos inesperadosVídeo Aula
-
52Carregando o template por meio do método $mountVídeo Aula
-
53Carregando o template por meio da propriedade templateVídeo Aula
-
56Introdução a seçãoVídeo Aula
-
57[WINDOWS] - Instalando o Node e NPMVídeo Aula
-
58[LINUX] - Instalando o Node e NPMVídeo Aula
-
59[OSX] - Instalando o Node e NPMVídeo Aula
-
60Instalando o Vue CLIVídeo Aula
-
61Iniciando um projeto com o Vue CLIVídeo Aula
-
62Iniciando um projeto customizado com Vue CLIVídeo Aula
-
63Definindo a porta para servir a aplicaçãoVídeo Aula
-
64Vue UI - Criando projetosVídeo Aula
-
65Vue UI - Gerenciando projetosVídeo Aula
-
66Entendendo a estrutura de pastas e arquivos do projeto parte 1Vídeo Aula
-
67Entendendo a estrutura de pastas e arquivos do projeto parte 2Vídeo Aula
-
68Composição das versões e os caracteres til e circunflexoVídeo Aula
-
69Reconstruindo as dependências do projetoVídeo Aula
-
70[WINDOWS] - Instalando o GitVídeo Aula
-
71[LINUX] - Instalando o GitVídeo Aula
-
72[OSX] - Instalando o GitVídeo Aula
-
73O que é o GIT, Github e BitbucketVídeo Aula
-
74Git - Configuração global e localVídeo Aula
-
75Bitbucket - Criando uma conta de usuárioVídeo Aula
-
76Git e Bitbucket - Conectando o repositório local com o repositório remotoVídeo Aula
-
77Git - Trabalhando com alterações (status, add, reset, commit e log)Vídeo Aula
-
78Git - Enviando atualizações do repositório local para o remoto (push)Vídeo Aula
-
79Git - Clonando um repositório remoto e instalando as dependênciasVídeo Aula
-
80Heroku - Criando uma conta de usuárioVídeo Aula
-
81Heroku - Criando um appVídeo Aula
-
82[WINDOWS] - Instalando o Heroku CLIVídeo Aula
-
83[LINUX] - Instalando o Heroku CLIVídeo Aula
-
84[OSX] - Instalando o Heroku CLIVídeo Aula
-
85Instalando ExpressVídeo Aula
-
86Criando um servidor web com Node e ExpressVídeo Aula
-
87Servindo a aplicação Vue de produção por meio do ExpressVídeo Aula
-
88Configurando um comando no package.json para iniciar o servidor webVídeo Aula
-
89Git e Heroku - Conectando o repositório local com o repositório remotoVídeo Aula
-
90Extra - Comentários sobre a arquitetura de versionamentoVídeo Aula
-
91Heroku - Realizando o deploy da aplicaçãoVídeo Aula
-
92Vue Devtools - Introdução e instalaçãoVídeo Aula