+ Mostrar mais
Visão geral do curso
Durante o curso, os alunos terão a oportunidade de colocar em prática seus conhecimentos em Vue.js e explorar as funcionalidades avançadas do Vuetify 3.
Ao concluir o curso, os alunos terão adquirido as habilidades necessárias para desenvolver um dashboard profissional com Vuetify 3, aplicando conceitos de UI/UX e utilizando os recursos avançados do framework. Além disso, receberão um certificado de conclusão, atestando sua participação e conhecimento adquirido no curso.
O curso é destinado a desenvolvedores com conhecimento básico em Vue.js e desejam aprender a construir interfaces modernas e responsivas usando o Vuetify 3. Se você está interessado em criar um dashboard completo e aprimorar suas habilidades em desenvolvimento web, este curso é ideal para você.
O que vou aprender ?
- Introdução ao Vuetify 3 e suas principais vantagens.
- Configuração do ambiente de desenvolvimento com Vue.js e Vuetify 3.
- Criação de componentes e layouts utilizando os recursos do Vuetify 3.
- Implementação de um sistema de rotas para navegação entre páginas.
- Utilização de componentes avançados do Vuetify 3, como gráficos, tabelas e formulários.
- Personalização de estilos e temas no Vuetify 3.
- Criação de um dashboard completo, incluindo diferentes painéis e widgets.
Requisitos
- Conhecimento em HTML, CSS e [removed] É importante ter compreensão básica dessas linguagens de programação, pois o Vuetify 3 é baseado em Vue.js, que utiliza essas tecnologias.
- Familiaridade com Vue.js: Ter conhecimentos básicos em Vue.js é altamente recomendado, pois o Vuetify 3 é um framework para Vue.js. É importante entender conceitos como componentes, diretivas e reatividade.
- Ambiente de desenvolvimento: É necessário ter um ambiente de desenvolvimento configurado com Vue.js e Node.js. Recomenda-se ter o Node.js instalado em seu computador juntamente com um gerenciador de pacotes, como o npm ou o yarn.
- Editor de código: É recomendado ter um editor de código de sua preferência, como Visual Studio Code, Sublime Text, Atom, entre outros. Isso facilitará o desenvolvimento e a edição dos arquivos do projeto.
- É importante ressaltar que esses são requisitos mínimos recomendados para obter o máximo proveito do curso. Caso você já tenha conhecimentos mais avançados em Vue.js ou experiência prévia com o Vuetify, poderá aproveitar ainda mais o curso e explorar recursos e funcionalidades adicionais.
Conteúdo do Curso
19 Aulas
02:36:44
Curso Prático de Vuetify 3: Criando um dashboard Online em Vídeo
19 Aulas
-
Curso de Vuetify 3 #1 - Introdução e instalação
00:09:59
-
Curso de Vuetify 3 #2 - Estrutura de componentes
00:10:10
-
Curso de Vuetify 3 #3 - Classes de utilidade
00:15:17
-
Curso de Vuetify 3 #4 - Conhecendo os breakpoints
00:11:56
-
Curso de Vuetify 3 #5 - Cores e paleta de cores
00:04:28
-
Curso de Vuetify 3 #6 - Construindo design usando grid
00:07:39
-
Curso de Vuetify 3 #7 - Aplicando o componente de Card no nosso dashboard
00:09:14
-
Curso de Vuetify 3 #8 - Adicionando botões de ações ao dashboard
00:08:02
-
Curso de Vuetify 3 #9 - Incrementando o cabeçalho do dashboard com Avatar Badge e Icon
00:10:22
-
Curso de Vuetify 3 #10 - Aplicando sidebar e lista de menu ao dashboard
00:10:56
-
Curso de Vuetify 3 #11 - Criando menu dropdown do usuário
00:06:59
-
Curso de Vuetify 3 #12 - Criando tabelas no dashboard
00:08:02
-
Curso de Vuetify 3 #13 - Aplicando modal para edições rápidas
00:08:07
-
Curso de Vuetify 3 #14 - Criando formulários
00:08:22
-
Curso de Vuetify 3 #15 - Criando validação simples de formulário
00:04:40
-
Curso de Vuetify 3 #16 - Aplicando o componente Chip
00:04:08
-
Curso de Vuetify 3 #17 - Aplicando o efeito de onda no click
00:02:58
-
Curso de Vuetify 3 #18 - Personalizando o core
00:11:14
-
Curso de Vuetify 3 #19 - E agora para onde eu vou? Seus próximos passos
00:04:11
Outros cursos relacionados
Sobre o professor
Tiago Matos
Cursos e dicas sobre programação web
Feedback do aluno
Avaliações
Write a public review