Curso Avançado de Vue.js 3

Guia Prático para Criar Interfaces de Usuário Interativas e Dinâmicas e Aplicações Web com Vue.js 3

Avaliação: 4.5 de 519 avaliações

Total de horas: 8.5

Aulas: 72

Nível: Todos os níveis

Guia Prático para Criar Interfaces de Usuário Interativas e Dinâmicas e Aplicações Web com Vue.js 3 Este curso é baseado em projetos onde iremos aprofundar os conceitos do Vue.js enquanto desenvolvemos 3 aplicações. O curso é composto por 6 módulos: Revisão do Vue.js, Componentes Avançados, Trabalhando com Formulários (Criando inputs de formulário reutilizáveis), Comunicação com o Servidor a partir de uma Aplicação Vue, Criando Aplicações de Página Única (SPA) usando o Vue Router e Autenticação. 1. Revisão do Vue.js Começaremos criando uma aplicação simples de tags enquanto aprendemos os conceitos básicos do Vue.js, tais como: - Componentes de Arquivo Único (SFC) - Diretivas - Binding - Manipulação de eventos - Métodos - Propriedades computadas - Observadores Este módulo serve como uma revisão para aqueles que já possuem um entendimento básico do Vue.js. Para aqueles que são novos no Vue.js, este módulo é altamente recomendado para aprender os fundamentos. 2. Componentes Avançados Aprenderemos componentes avançados, tais como: - Props estáticas e dinâmicas com validação de props - Eventos personalizados - Slots e slots com escopo - Vinculação de múltiplos v-model - Prover e injetar - Componentes dinâmicos Neste módulo, também aprenderemos como desenvolver um componente reutilizável chamado DataVue, inspirado no plugin de tabela de dados jQuery. Este componente não apenas exibe dados em formato de tabela, mas também inclui recursos básicos como: - Pesquisa - Paginação com controle de página e exibição de informações de registro - Numeração automática Outros recursos incluem classificação em várias colunas e seleção de vários itens. 3. Trabalhando com Formulários Aprenderemos como trabalhar com formulários. Neste módulo, aprenderemos como criar elementos de formulário reutilizáveis, tais como: - Input de texto - Textarea - Select - Botões de rádio - Grupos de botões de rádio - Checkbox - Grupos de checkbox Também aprenderemos como lidar com erros de validação nos componentes reutilizáveis que criamos. 4. Comunicação com o Servidor a partir de uma Aplicação Vue Neste módulo, aprenderemos como comunicar uma aplicação Vue.js com o servidor (API backend) usando a API fetch nativa ou a biblioteca axios. Aprenderemos como usar async/await e organizar chamadas de API para facilitar o desenvolvimento futuro da aplicação. 5. Criando Aplicações de Página Única (SPA) usando o Vue Router Neste módulo, aprenderemos como utilizar o Vue Router para criar uma aplicação de página única (SPA). Aprenderemos sobre instalação e configuração, organização de rotas, rotas aninhadas, guardas de navegação e mais. 6. Autenticação Neste módulo, aprenderemos como implementar autenticação em uma aplicação Vue, garantindo que apenas usuários autorizados possam acessar nossa aplicação. O que você aprenderá: - Dominar os conceitos do Vue.js em profundidade - Implementar o Vue.js na criação de interfaces de usuário - Implementar o Vue.js na criação de aplicações web interativas e dinâmicas - Aprender a maneira correta de criar componentes reutilizáveis Pré-requisitos: Antes de fazer este curso, você deve ter um entendimento básico de JavaScript e do próprio Vue.js. Se você nunca aprendeu Vue.js antes, recomendo não pular o Módulo 2 (Revisão do Vue.js 3) pois ele fornece uma visão geral dos conceitos básicos do Vue.js. Alternativamente, você também pode fazer o curso Vue 3 para Iniciantes para obter um entendimento mais abrangente dos fundamentos.