Aprenda Flutter do seu jeito

Vamos começar!

• Experimente brincar com DartPad, o editor online para Flutter e Dart
• Use os guias de instalação para preparar seu ambiente

Enquanto você está instalando...

• Conheça a documentação do Flutter
• Visite a galeria de exemplos
• Tenha uma noção do código Dart
• Inscreva-se nos blogs do Flutter e do Dart
• Confira a tag Flutter do StackOverflow
• Inscreva-se no canal do YouTube
• • ...e assista Widget of the Week até sua IDE estar pronta!

Vindo de outro SDK ou linguagem?

• Guias de conversão para Flutter
• O que torna o Flutter diferente
• Usando hot reload

Tudo é um widget!

• Leia a Introdução aos Widgets
• Este guia explica como compor layouts com widgets

Aprenda sobre Dart

• Visite dart.dev, o site oficial do Dart
• Aprenda por que o Flutter usa Dart
• Complete o codelab de cheatsheet do Dart

Vamos mergulhar!

• Construindo seu primeiro app Flutter, parte 1
• Construindo seu primeiro app Flutter, parte 2

Deixando seu app com visual legal

• Uma opção é o design Material
• • Confira os componentes!
  • E esses codelabs Material!
• Precisa de inspiração?
• • Experimente os vídeos do Johannes Milke
  • Ou os workshops de widgets do Super-Declarative
  • Ou um índice mantido pela comunidade como Awesome Flutter!

Descubra como fazer networking funcionar!

• Você já viu o Flutter Cookbook? Ele tem um conjunto de artigos sobre networking
• Muitos apps usam o pacote http
• Aprenda sobre como desserializar JSON
• • Há também um exemplo!

Navegue com confiança

• O Flutter cookbook também tem um conjunto de artigos sobre isso!
• A propósito, você pode ver algumas coisas sobre Router do Flutter e navegação mais avançada. Eles são ótimos, mas totalmente não obrigatórios!

Flutter e State Management

• Assista uma palestra do I/O sobre o que "state management" significa para Flutter
• Você ficaria surpreso com o quão longe pode chegar com apenas um StatefulWidget!
• Um bom próximo passo é experimentar Provider com ChangeNotifier
• • Assista este episódio do Boring Show
  • Ou estes exemplos: provider_counter, provider_shopper

Use plugins para acessar APIs nativas

• Leia o guia sobre usar pacotes e plugins
• Assista Matt e Andrew usando o barômetro no Boring Show
• Confira pub.dev, o ecossistema de pacotes para Dart e Flutter
• • Aprenda sobre scores de pacotes
  • ...e os Flutter Favorites

Teste seu código!

• Leia o guia de testes no Flutter
• Leia o exemplo de testes, que mostra múltiplos tipos de testes
• Pratique suas habilidades com o codelab de Testes!

Junte-se à comunidade!

• Confira o diretório da comunidade
• Entre no Slack da Flutter Community e confira o blog deles
• Siga as Flutteristas no Twitter!
• Encontre um meetup Flutter perto de você
• Envie seu app para itsallwidgets.com
• Participe da criação do Flutter registrando issues e dando feedback

Vamos pausar por um momento

• ...e vá para dentro do Flutter
• ...e aprenda sobre a arquitetura do Flutter
• ...e estude a filosofia do Flutter em relação às adaptações de plataforma

O que há por baixo do widget?

• Aprenda sobre elements, keys e state objects em Widgets 101
• Assista uma palestra técnica sobre o framework Flutter da China, Europa, ou Columbus, Ohio

Futures e Streams

• Assista os episódios Dart Async do Flutter in Focus
• Complete o codelab de programação assíncrona

Melhore sua UI com animações implícitas

• Leia o guia de Introdução a Animações
• Assista um Flutter in Focus sobre animações implícitas
• Experimente o codelab de animação implícita

E quanto aos assets?

• Precisa de fontes rapidamente? Use o pacote google_fonts
• Leia o guia para incluir assets diretamente no seu app

Aprenda mais sobre layouts

• Leia os guias sobre layouts, constraints, e construir apps responsivos
• Experimente o codelab de Layout Basics
• Assista o episódio Widget of the Week do MediaQuery

Formulários e Validação

• Leia alguns artigos do cookbook sobre input, validação e formulários
• Confira o app de exemplo

Firebase

• Assista o Getting Started Firecast
• • Não esqueça de se inscrever no canal enquanto estiver lá!
• Leia a documentação do FlutterFire
• Experimente o codelab Firebase para Flutter ou o app de exemplo Firestore + Maps
• Aprenda como estruturar seus dados com Cloud Firestore

Mergulhe em plugins e APIs nativas

• Leia o guia sobre como Platform Channels funcionam
• Experimente um codelab sobre construir seu próprio plugin
• Leia o app de exemplo de platform channels

Dados locais

• Assista uma palestra técnica sobre gerenciar dados locais
• Assista uma palestra técnica sobre restauração de estado por Simon Lightfoot ou uma por Pawan Kumar
• Leia alguns artigos do Flutter Cookbook sobre persistência

Aprenda bibliotecas adicionais de state management

• Como bloc
• ou Riverpod
• ou RxDart
• ou Redux

Aprenda como preparar um app para lançamento

• Leia os guias para Android, iOS, Linux, e web
• Há um pacote que pode ajudar a criar seus ícones de launcher

Confira o Flutter DevTools

• Leia a visão geral
• Aprenda como usar o inspector para conferir seus widgets e diagnosticar problemas de layout
• Leia guias sobre ferramentas para performance, profiling de CPU e memória, e inspecionar o tamanho do app

Retribua à comunidade

• Junte-se à comunidade!
• • Seja voluntário em um meetup Flutter
  • Responda algumas perguntas no StackOverflow
  • Crie um app open source no GitHub e poste em itsallwidgets.com
• O Flutter conta com você!
• • Vote em uma issue no flutter/flutter que é importante para você
  • Contribua para um plugin ou pacote mantido pela comunidade

Aprenda um pouco da história do Flutter

• A palestra de Eric Seidel na Strange Loop ou sua palestra na DartConf (de quando o Flutter ainda se chamava "Sky!";).
• A palestra de Ian Hickson sobre por que os widgets existem
• A palestra de Adam Barth sobre o pipeline de renderização do Flutter

• Leia o roadmap do Flutter para saber para onde o Flutter está indo
• Confira o funil da linguagem Dart para ver para onde o Dart está indo

Animações explícitas

• Experimente executar o app de exemplo de animação
• Leia os guias sobre hero widgets e animações escalonadas
• Assista os episódios avançados da série Flutter in Focus sobre animação.
• Confira palestras da Flutter Europe sobre como fazer animações da forma certa e como implementar UIs complexas

Layout/Rendering avançado

• Leia alguns posts de blog da Flutter Community sobre CustomPainter
• Leia o post de blog de Romain sobre como construir seu próprio render object

Desenvolvendo para iOS

• Visite a galeria de widgets Cupertino
• Veja o pacote Cupertino em ação no app de exemplo VeggieSeasons
• Assista Building for iOS with Flutter do Google I/O

Faça desenvolvimento desktop

• Confira o guia
• Experimente o codelab de desktop

Conecte-se a bibliotecas nativas

• Leia sobre o uso de dart:ffi para conectar a bibliotecas no estilo C em Dart e apps Flutter, depois confira os apps de exemplo
• Leia sobre a interoperabilidade JS do Dart para apps web

Plugins federados

• Leia o guia sobre os plugins federados do Flutter
• Confira o exemplo

Experimente adicionar Flutter a um app existente

• Leia a visão geral e as seções para Android e iOS
• Brinque com os exemplos de add-to-app
• Experimente gerar código add-to-app usando package:pigeon

Apps em produção

• Leia como registrar erros e exceções com o Crashlytics do Firebase
• Aprenda sobre product flavors e Flutter
• Aprenda sobre opções de entrega contínua para Flutter

Retribua à comunidade

• Crie ou organize um Meetup Flutter
• Leia sobre como contribuir para o SDK do Flutter
• Contribua para um importante plugin ou pacote mantido pela comunidade
• Leia sobre como se tornar um Google Developer Expert em Flutter