
Este curso intensivo de front-end ensina as bases do desenvolvimento web moderno. Ao final, você terá todas as habilidades necessárias para criar interfaces web dinâmicas, dominando tanto fundamentos quanto o framework Vue.js.
Instrutor
Próximos Bootcamps
Modalidade: Telepresencial
Localização: Remoto
Período: 07/05/2025 - 28/05/2025
Horário: Pós-laboral: Segunda, Quarta e Sexta, das 19h00 às 22h00 (horário de Brasília)
Público alvo
Objetivos Gerais
- Capacitar alunos no desenvolvimento frontend moderno utilizando Vue.js e TypeScript.
- Ensinar como criar aplicações escaláveis e bem estruturadas com Vue.js 3.
- Ajudar os participantes a dominar conceitos avançados como gerenciamento de estado, testes e integração com APIs.
Objetivos Específicos
- Compreender os fundamentos e benefícios do Vue.js no desenvolvimento frontend.
- Aprender a configurar e utilizar o ambiente de desenvolvimento com Vite.
- Criar aplicações modulares e reutilizáveis através da componentização.
- Aplicar conceitos de reatividade e gerenciamento de estado com Pinia.
- Integrar Vue.js com APIs utilizando fetch, axios e TanStack Query.
- Aprender a realizar testes unitários e de componentes com Vitest e Vue Test Utils.
- Conhecer os fundamentos do Nuxt.js para aplicações SSR e SSG.
Currículo
Fundamentos do Vue.js
- Introdução ao Vue.js: por que usar?
- Configuração do Ambiente com Vite
- Estrutura de um projeto Vue.js
- Instâncias e ciclo de vida do Vue 3
- Diretivas básicas (v-bind, v-if, v-for, v-model)
- Eventos (@click, @update:model-value)
Componentização e Comunicação entre Componentes
- Criando e utilizando componentes
- Props, Emits e Slots
- Componentes dinâmicos
Reatividade e Composition API
- ref, reactive, computed, watch e watchEffect
- Uso de @vueuse/core para reatividade avançada
Diretivas, Eventos Globais e Composables
- Criação de diretivas personalizadas
- Trabalhando com eventos globais
- Uso de composables para reutilização de lógica
Gerenciamento de Estado com Pinia
- Introdução ao Pinia
- Criando e utilizando Stores
- Actions, Getters e persistência de estado
Trabalhando com APIs e TanStack Query
- Fetching de dados com fetch e axios
- Uso do TanStack Query para gerenciamento de requisições
- Estratégias de cache e sincronização de dados
Criando Componentes Profissionais
- Estratégias para criar componentes escaláveis e reutilizáveis
- Boas práticas para arquitetura de componentes
Testes no Vue.js
- Testes unitários com Vitest
- Testes de componentes com Vitest e Vue Test Utils
Introdução ao Nuxt.js
- O que é o Nuxt.js? Diferenças entre Vue.js e Nuxt.js
- Criando um projeto com Nuxt.js
- Configuração de rotas e páginas
Projeto Final
- Desenvolvimento de uma aplicação completa com Vue.js e TypeScript
- Implementação de gerenciamento de estado e integração com APIs
- Apresentação e feedback do projeto final
Pré-requisitos
Conhecimento básico de programação.
Familiaridade com JavaScript básico.
Detalhes
Duração
> 60 horas
Horas Síncronas
> 30 horas
Horas Assíncronas
> 30 horas
Número de Aulas
> 10
Plataforma
> Microsoft Teams
Investimento
> R$ 897,00
Parcelamento
> 3 x R$299,00
Idioma
> Português
Vagas
> 20
Aulas Telepresenciais
Aula 01 - 07/05/2025 - segunda - 19h às 22h
Aula 02 - 09/05/2025 - quarta - 19h às 22h
Aula 03 - 11/05/2025 - sexta - 19h às 22h
Aula 04 - 14/05/2025 - segunda - 19h às 22h
Aula 05 - 16/05/2025 - quarta - 19h às 22h
Aula 06 - 18/05/2025 - sexta - 19h às 22h
Aula 07 - 21/05/2025 - segunda - 19h às 22h
Aula 08 - 23/05/2025 - quarta - 19h às 22h
Aula 09 - 25/05/2025 - sexta - 19h às 22h
Aula 10 - 28/05/2025 - segunda - 19h às 22h