🛠️ Semana 2 – Ferramentas e Ambiente de Desenvolvimento Mobile

Para desenvolver apps, é essencial configurar corretamente o ambiente de trabalho. Nesta semana, vamos instalar as ferramentas necessárias, explorar IDEs e criar o primeiro projeto.

📱 Conhecendo os Frameworks Mobile

Antes de prosseguir com os projetos, é importante entender os principais frameworks utilizados no mercado para o desenvolvimento de apps mobile multiplataforma. Vamos conhecer os três mais relevantes atualmente:

🟦 Flutter

Desenvolvido pelo Google, o Flutter permite criar apps nativos para Android e iOS usando uma única base de código em Dart. Ele oferece:

  • 🚀 Alta performance (compilado para código nativo)
  • 🎨 Interface personalizável com widgets
  • 🔄 Hot reload (visualização instantânea das alterações)
🟩 React Native

Criado pelo Facebook, o React Native utiliza JavaScript e React para desenvolver aplicativos nativos. É amplamente adotado por grandes empresas e tem as seguintes características:

  • 🔁 Reutilização de componentes e lógica
  • 📱 Interface próxima do nativo
  • 🌐 Grande comunidade e suporte
🐍 Flet

O Flet é uma abordagem moderna que permite criar interfaces com Python puro, sem precisar de HTML, CSS ou JavaScript. Ele é ideal para quem já conhece Python e deseja desenvolver de forma rápida:

  • 🧠 Simples de aprender e usar
  • 💻 Criação de apps web e mobile com código Python
  • 🔄 Atualizações em tempo real e execução local ou na nuvem

📌 Conclusão: Todos esses frameworks são ferramentas poderosas. Neste curso, vamos usar principalmente o Flutter (foco principal) e o Flet (complementar em Python) para o desenvolvimento prático.

🔧 Ferramentas Essenciais
  • Flutter SDK: framework para desenvolvimento multiplataforma.
  • Android Studio: IDE oficial para apps Android com suporte ao Flutter.
  • VS Code: alternativa leve, com extensões para Flutter e Dart.
  • Emuladores: dispositivos virtuais para testes sem precisar de um celular físico.

🔗 Instalação oficial do Flutter

🔗 Instalar Android Studio

🎬 Vídeo: Como Instalar o FLUTTER no Windows e Configurar o VSCODE

Esse vídeo mostra o passo a passo para instalar o Flutter, configurar o Android Studio e usar o VS Code, ideal para iniciantes:

Ativs Code (YouTube)

🔧 Etapa 1 – Preparando o Ambiente de Desenvolvimento Flutter

Existem duas formas de configurar o Flutter para começar a programar. Abaixo estão as duas opções separadas com explicações detalhadas:

✅ Alternativa 1: Instalação Manual (Flutter SDK + Android Studio)
  1. Baixar o Flutter SDK:
    • Acesse: flutter.dev/get-started/install
    • Escolha o seu sistema operacional (Windows, macOS ou Linux).
    • Baixe e extraia o SDK em um local como: C:\src\flutter
  2. Configurar a variável de ambiente PATH:
    • Adicione o caminho da pasta flutter/bin ao PATH do sistema.
    • No Windows, você pode fazer isso pelo Painel de Controle → Sistema → Configurações Avançadas → Variáveis de Ambiente.
  3. Instalar o Android Studio (necessário para emulador e SDK):
  4. Verificar se tudo está certo:
    • Abra o terminal (ou CMD) e digite: flutter doctor
    • Ele mostrará o status de todas as dependências.

🧠 Essa forma dá mais controle e é recomendada para quem deseja configurar tudo na mão.

✨ Alternativa 2: Instalação Guiada pelo VS Code (Modo Rápido)
  1. Baixe e instale o VS Code:
  2. Instale as extensões Flutter e Dart:
    • No menu esquerdo, clique em Extensões ou use Ctrl + Shift + X
    • Busque e instale:
      • Flutter
      • Dart
  3. Crie um novo projeto Flutter:
    • Após instalar as extensões, pressione F1 ou Ctrl + Shift + P e digite: Flutter: New Project
    • O VS Code detecta se você não tem o SDK e oferece para baixar automaticamente e configurar o ambiente.
    • Siga as instruções na própria interface do VS Code.

🚀 Essa forma é ideal para iniciantes, pois o VS Code automatiza grande parte do processo.

Flutter Logo

💡 Dica Final: use flutter doctor para verificar se o ambiente está 100% configurado.

📚 Referência oficial: docs.flutter.dev/get-started/install

🧪 Atividade Prática

✅ Execute os passos abaixo:

  • Instale o Flutter e Android Studio no seu computador.
  • Configure o emulador Android com resolução 720p.
  • Crie e rode seu primeiro app Flutter!
  • Tire um print da tela do app rodando e envie na plataforma.
🚧 Problemas Frequentes
  • ⚠️ PATH do Flutter: variáveis de ambiente não configuradas corretamente.
  • 📱 Emulador travando: use configurações mais leves (ex: 1GB RAM, sem Play Store).
  • 📡 Sem permissão USB: ative a depuração USB no celular físico.
  • 💻 PC lento: prefira o VS Code e emuladores mais simples como Pixel 3a.

🎥 Vídeo bônus: resolvendo problemas comuns: