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 - Interligação em formulários
   6.1. Uso básico
   6.2. Recursos Diversos
   6.3. Upload de imagens
   6.4. Tutorial de Formulários
   6.5. Exercícios

7. Aula 7 - Integração com frameworks CSS
   7.1. Integração com Bootstrap
   7.2. Tutorial de criação de formulários com Bootstrap
   7.3. Integração com Tailwind CSS
   7.4. Tutorial de criação de formulários com Tailwind CSS

8. Aula 8 - Componentes
   8.1. Criação de componentes
   8.2. Propriedades
   8.3. Propriedades - outros recursos
   8.4. Slots
   8.5. Eventos
   8.6. Exercícios

9. Aula 9 - Roteamento com Vue Router
   9.1. Criando um projeto com Vue Router
   9.2. Exercícios de fixação
   9.3. Rotas dinâmicas
   9.4. Navegação programática
   9.5. Exercícios