Informações

Essas são notas de aula para o uso nas disciplinas de desenvolvimento web realizadas por mim.

Esse material ainda está em construção e o seu conteúdo é melhor absorvido durante as atividades realizadas em sala de aula.

Trilha do Curso

Esse curso é parte de uma trilha de aprendizado. Siga os links abaixo para acessar os outros cursos da trilha:

• Programação I (Prof. Fábio Longo de Moura)
  • Lógica de Programação usando JavaScript
• Desenvolvimento Web II (Prof. Eduardo da Silva)
  • Desenvolvimento front-end com VueJS
• Desenvolvimento Web III (Prof. Marco André Lopes Mendes)
  • Desenvolvimento back-end com Django e DRF.
• Desenvolvimento Dispositivos móveis III (Prof. Eduardo da Silva)
  • Desenvolvimento para dispositivos móveis com Vue + Vite + PWA.

Bons estudos!

Sumário

1. Aula 1 - Configuração do ambiente de desenvolvimento

2. Aula 2 - Conhecendo o VueJS
   2.1. Criando um aplicação VueJS
   2.2. Componentes de arquivo único
   2.3. Deploy da aplicação
   2.4. Exercícios
   2.5. Correção dos Exercícios

3. Aula 3 - Sintaxe do templates
   3.1. Interpolações
   3.2. Diretivas
   3.3. Exemplos
   3.4. Exercícios
   3.5. Correção dos Exercícios

4. Aula 4 - Reatividade
   4.1. Variáveis reativas
   4.2. Propriedades computadas
   4.2. Exercícios
   4.3. Correção dos Exercícios

5. Aula 5 - Renderização de listas
   5.1. Renderização dos elementos de listas
   5.2. Manipulação de listas
   5.3. Exercícios
   5.4. Correção dos Exercícios

6. Aula 6 - Componentes
   6.1. Criação de componentes
   6.2. Propriedades
   6.3. Propriedades - outros recursos
   6.4. Slots
   6.5. Eventos
   6.6. Exercícios

7. Aula 7 - Roteamento com Vue Router
   7.1. Criando um projeto com Vue Router
   7.2. Exercícios de fixação
   7.3. Rotas dinâmicas
   7.4. Navegação programática
   7.5. Exercícios

8. Aula 8 - Gerenciamento de estados com Pinia
   8.1. Configurando o Pinia
   8.2. Configurando o estado global de produtos
   8.3. Ajustes no componente de visualização de produtos

9. Aula 9 - Interligação em formulários
   9.1. Uso básico
   9.2. Recursos Diversos
   9.3. Upload de imagens
   9.4. Tutorial de Formulários
   9.5. Exercícios

10. Aula 10 - Integração com frameworks CSS
    10.1. Integração com Bootstrap
    10.2. Tutorial de criação de formulários com Bootstrap
    10.3. Integração com Tailwind CSS
    10.4. Tutorial de criação de formulários com Tailwind CSS

11. Aula 11 - Usando o Axios - Projeto TMDB
    11.1. Exemplos de uso
    11.2. A API TMDB
    11.3. TMDB no vue
    11.4. TMDB: adicionar o vue-router
    11.5. TMDB: ajustes de estilos
    11.6. TMDB: listando filmes
    11.7. TMDB: visualizar ícone de carregando
    11.8. TMDB: mostrando a tag gêneros
    11.9. TMDB: gerenciamento de estados com Pinia
    11.10. TMDB: enfatizando o gênero atual
    11.11. TMDB: mostrando detalhes do filme