🔰 Módulo 1 – Fundamentos do Desenvolvimento Mobile
Objetivo: Entender como apps funcionam e configurar o ambiente.
- O que é desenvolvimento mobile (nativo, híbrido, multiplataforma)
- Diferença entre React Native, Flutter e tecnologias nativas
- Instalação do ambiente de desenvolvimento (Node.js + Expo CLI ou Flutter SDK)
- Como testar no emulador ou no celular real
- Estrutura básica de um projeto mobile
- Criar o primeiro app com "Olá, Mundo!"
🎨 Módulo 2 – Layouts e Componentes Visuais
Objetivo: Aprender a montar interfaces com componentes reutilizáveis.
- O que são componentes visuais
- Criar telas com textos, botões, imagens e listas
- Estilizar com StyleSheet (React Native) ou Widgets de layout (Flutter)
- Usar Flexbox para posicionamento responsivo
- Implementar navegação com React Navigation ou Navigator (Flutter)
- Projeto prático: Tela de perfil com nome, bio e botão de edição
⚙️ Módulo 3 – Estado, Interatividade e Formulários
Objetivo: Tornar o app interativo e coletar dados do usuário.
- Conceito de estado (useState no React Native ou setState no Flutter)
- Inputs controlados (nome, email, etc.)
- Captura de eventos de clique e digitação
- Validação de formulários
- Alerta ou Snackbar após envio
- Projeto prático: Formulário de contato com mensagem de sucesso
🌐 Módulo 4 – Conectando com Backend e Salvando Dados
Objetivo: Integrar o app com APIs externas e armazenar informações.
- O que é uma API
- Fazer requisições HTTP com fetch, axios ou http (Flutter)
- Exibir dados vindos de uma API (ex: lista de usuários)
- Armazenamento local (AsyncStorage, Hive ou SharedPreferences)
- Projeto prático: App de tarefas que salva e carrega dados
Objetivo: Entender como apps funcionam e configurar o ambiente.
- O que é desenvolvimento mobile (nativo, híbrido, multiplataforma)
- Diferença entre React Native, Flutter e tecnologias nativas
- Instalação do ambiente de desenvolvimento (Node.js + Expo CLI ou Flutter SDK)
- Como testar no emulador ou no celular real
- Estrutura básica de um projeto mobile
- Criar o primeiro app com "Olá, Mundo!"
🎨 Módulo 2 – Layouts e Componentes Visuais
Objetivo: Aprender a montar interfaces com componentes reutilizáveis.
- O que são componentes visuais
- Criar telas com textos, botões, imagens e listas
- Estilizar com StyleSheet (React Native) ou Widgets de layout (Flutter)
- Usar Flexbox para posicionamento responsivo
- Implementar navegação com React Navigation ou Navigator (Flutter)
- Projeto prático: Tela de perfil com nome, bio e botão de edição
⚙️ Módulo 3 – Estado, Interatividade e Formulários
Objetivo: Tornar o app interativo e coletar dados do usuário.
- Conceito de estado (useState no React Native ou setState no Flutter)
- Inputs controlados (nome, email, etc.)
- Captura de eventos de clique e digitação
- Validação de formulários
- Alerta ou Snackbar após envio
- Projeto prático: Formulário de contato com mensagem de sucesso
🌐 Módulo 4 – Conectando com Backend e Salvando Dados
Objetivo: Integrar o app com APIs externas e armazenar informações.
- O que é uma API
- Fazer requisições HTTP com fetch, axios ou http (Flutter)
- Exibir dados vindos de uma API (ex: lista de usuários)
- Armazenamento local (AsyncStorage, Hive ou SharedPreferences)
- Projeto prático: App de tarefas que salva e carrega dados