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 Favoritos

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

• Eric Seidel's Strange Loop talk or his DartConf talk (from when Flutter was still called "Sky!";).
• Ian Hickson's talk about why widgets exist
• Adam Barth's talk on Flutter's rendering pipeline

• Read the Flutter roadmap to learn where Flutter is headed
• Check out the Dart language funnel to see where Dart is headed

Animações explícitas

• Try running the animation sample app
• Read the guides for hero widgets and staggered animations
• Watch the advanced episodes of the Flutter in Focus series on animation.
• Check out talks from Flutter Europe on Doing Animations Right and Implementing Complex UI

Layout/Rendering avançado

• Read some Flutter Community blog posts on CustomPainter
• Read Romain's blog post on building your own render object

Desenvolvendo para iOS

• Visit the Cupertino widget gallery
• See the Cupertino package in action in the VeggieSeasons sample app
• Watch Building for iOS with Flutter from Google I/O

Faça desenvolvimento desktop

• Check out the guide
• Try the desktop codelab

Conecte-se a bibliotecas nativas

• Read about using dart:ffi to connect to C-style libraries in Dart and Flutter apps, then check out the sample apps
• Read about Dart's JS interop for web apps

Plugins federados

• Read the guide on Flutter's federated plugins
• Check out the sample

Experimente adicionar Flutter a um app existente

• Read the overview and the sections for Android and iOS
• Play with the add-to-app samples
• Experiment with generating add-to-app code using package:pigeon

Apps em produção

• Read how to log errors and exceptions with Crashlytics from Firebase
• Learn about product flavors and Flutter
• Learn about continuous delivery options for Flutter

Retribua à comunidade

• Create or run a Flutter Meetup
• Read about how to contribute to the Flutter SDK
• Contribute to an important community-maintained plugin or package
• Read about becoming a Google Developer Expert in Flutter