🚀 Cap 01: O Mundo Multiplataforma

🎯 Objetivo da Aula: Ao final desta aula, você entenderá o conceito de desenvolvimento multiplataforma e terá seu ambiente configurado com Flutter e VS Code.

---

🏢 O Cenário Prático (Seu Desafio): Você precisa criar um app que rode no iPhone do chefe e no Android do cliente. Em vez de escrever dois códigos, seu desafio é usar o Flutter para resolver isso com um único código!

---

🧠 Fundamentos: A Teoria Traduzida

📖 Dicionário do Programador

• Multiplataforma: Criar um app uma única vez e fazê-lo rodar em vários sistemas (Android, iOS, Web).
• Flutter: O framework do Google que desenha a tela pixel por pixel, garantindo que o app fique igual em qualquer aparelho.
• Dart: A linguagem de programação usada para escrever apps em Flutter.

graph TD
    A[Seu Código Dart] --> B[Motor do Flutter]
    B --> C[App Android]
    B --> D[App iOS]

---

🏗️ Construindo o Projeto (Checklist)

1. Abra o terminal e digite flutter create meu_primeiro_app.
2. Abra a pasta do projeto no VS Code.
3. Conecte um emulador ou seu celular físico.
4. Aperte F5 para rodar!

---

📖 Exemplo Passo a Passo: Sua Primeira Tela

Abra o arquivo lib/main.dart e altere o texto do título:

import 'package:flutter/material.dart';
 
void main() {
  runApp(const MyApp());
}
 
class MyApp extends StatelessWidget {
  const MyApp({super.key});
 
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Meu App Gamer'),
        ),
        body: const Center(
          child: Text('Bem-vindo ao Flutter!'),
        ),
      ),
    );
  }
}

---

🛠️ Prática Obrigatória 1: Altere o texto “Bem-vindo ao Flutter!” para o seu nome e tire um print do app rodando.

---

🛠️ Prática Obrigatória 2: Rode o comando flutter doctor no seu terminal e verifique se está tudo OK.

---

🔑 Gabarito e Conferência:

• O app deve mostrar uma barra azul (padrão) com o título “Meu App Gamer”.

📤 Instruções de Entrega (Microsoft Teams):

1. Salve o print como: Flutter_SeuNome_Cap01.png.
2. Submeta no canal de tarefas.

---

← Capitulo Anterior | Proximo Capitulo →