Informações
Essas são notas de aula para o uso nas disciplinas de desenvolvimento para dispositivos móveis 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
- Aula 1 - Configuração do ambiente de desenvolvimento
- Aula 2 - O conceito de PWA
2.1 PWA com Vite e VueJS
2.2 Criando uma primeira aplicação Vue
2.3 Configuração do VueJs com PWA
2.4 Deploy da aplicação - Aula 3 - A API FakeStore
3.1 Listagem de produtos
3.2 Estilização básica
3.3 Menu Superior Responsivo - Aula 4 - Composables
4.1 Criando o primeiro composable
4.2 Uso nos componentes
4.3 Desafio
4.4 Correção do desafio - Aula 5 - Responsividade com componentes dinâmicos
5.1 Criando os arquivos de menu superior
5.2 Editando o HomeView
5.3 Configurando o composable de responsividade
5.4 Finalizando o uso dos componentes dinâmicos
5.5 Desafio
5.6 Correção do desafio - Aula 6 - Projeto da Loja Virtual - Tutorial
6.1 Organização do Layout
6.2 Ajustes finos na organização do layout
6.3 Listagem de produtos
6.4 Ajustes no cabeçalho e rodapé
6.5 Preparando a tela de login - Aula 7 - Autenticação em PWA
7.1 Configuração do Passage
7.2 Configuração no Vue - Aula 8 - Loja virtual - adicionando produtos e categorias
8.1 Camada de serviço
8.2 Camada de armazenamento
8.3 Modal de criação de categorias
8.4 Formulário de criação de produtos
8.5 Ajustes na listagem de produtos