WEB107 · Aplicativos móveis com ferramentas multiplataforma
Sobre o curso
Construa um aplicativo para Android e iOS a partir de um único código JavaScript com React Native e Expo, incluindo navegação, recursos do aparelho, dados offline e a sua própria API. Você vai criar o protótipo funcional de um app de fidelidade para um pequeno negócio.
Para quem é
Pessoas desenvolvedoras web que conhecem React e querem entregar apps móveis sem precisar aprender antes duas linguagens nativas.
Pré-requisitos
Ter concluído o WEB104 e o WEB105, ou estar à vontade com componentes React, estado e consumo de APIs REST.
O que você será capaz de fazer
- Comparar as abordagens nativa, multiplataforma e de progressive web app e escolher uma para um caso de negócio.
- Construir telas com os componentes básicos do React Native, layout com Flexbox e navegação em pilha e em abas.
- Integrar recursos do aparelho, como câmera e notificações, tratando permissões com respeito ao usuário.
- Persistir dados localmente, sincronizar com uma API REST e tratar estados offline e de erro.
Aulas
- Aula 1 · Escolhendo a abordagem móvel
- Aula 2 · Fundamentos de React Native e Expo
- Aula 3 · Recursos do aparelho, dados e comportamento offline
- Aula 4 · Laboratório e atividade
Laboratório: Construa um app de cartão fidelidade com Expo
Você vai criar um projeto Expo com navegação em abas, uma tela que lista recompensas da sua API, um cartão de selos guardado no aparelho e um leitor de QR code usando a câmera. Vai testar em um celular real com o Expo Go e simular o modo offline para conferir o comportamento do app.
Ferramentas gratuitas: Node.js LTS, Expo (gratuito) com o app Expo Go no seu próprio celular ou um emulador Android do Android Studio; o Expo Snack no navegador como alternativa
Atividade avaliada
Construa um protótipo móvel para um pequeno negócio, como um programa de fidelidade para uma casa de sucos ou um app de agendamento para uma clínica de fisioterapia. Ele deve ter pelo menos três telas com navegação, carregar dados de uma API REST (a sua API do WEB105 ou um mock local), guardar algo no aparelho que sobreviva ao reinício, usar um recurso do aparelho com explicação clara da permissão e mostrar estados de carregamento, vazio e offline. Envie o repositório, uma gravação de tela de dois minutos e uma nota de uma página explicando por que um app multiplataforma atende melhor (ou pior) esse negócio do que um PWA.
| Critério | Peso | Como é um trabalho excelente |
|---|---|---|
| Funcionalidade e navegação | 30% | Todas as telas funcionam, a navegação é intuitiva e os dados carregam e atualizam corretamente. |
| Qualidade da experiência móvel | 25% | Os layouts cabem em telas pequenas, as áreas de toque são grandes, o texto é legível e os estados são bem tratados. |
| Recursos do aparelho e dados | 25% | O recurso do aparelho e o armazenamento local funcionam, as permissões são pedidas no contexto e a recusa é tratada. |
| Nota de decisão de plataforma | 20% | A nota compara as opções com motivos concretos ligados ao negócio, incluindo custo e manutenção. |
Peça de portfólio
Um protótipo funcional de app móvel multiplataforma, com gravação de tela e uma nota fundamentada sobre a escolha de plataforma.
Próximo passo
Continue com WEB108 · Testes, segurança e implantação de aplicações web · 8 horas · R$ 80,00
Conteúdo do curso
WEB107 · Aplicativos móveis com ferramentas multiplataforma (8 h)
-
Aula 1 · Escolhendo a abordagem móvel
-
Aula 2 · Fundamentos de React Native e Expo
-
Aula 3 · Recursos do aparelho, dados e comportamento offline
-
Aula 4 · Laboratório e atividade
-
WEB107 Avaliação · Aplicativos móveis com ferramentas multiplataforma