Como aprender Flutter da forma que quiser

Vamos começar!

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

Enquanto você está instalando...

• Conheça a documentação do Flutter
• Visite a galeria de exemplos
• Familiarize-se com o código Dart
• Assine os blogs do Flutter e Dart
• Confira a tag do Flutter no StackOverflow
• Inscreva-se no canal do YouTube
• • ...e assista o Widget of the Week até que seu IDE esteja pronto!

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
• Saiba por que o Flutter usa o Dart
• Complete o codelab do cheatsheet do Dart

Vamos começar!

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

Deixando seu aplicativo legal

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

Descubra como fazer a rede funcionar!

• Já viu o Flutter Cookbook? Ele possui um conjunto de artigos sobre networking
• Muitos aplicativos usam o pacote http
• Aprenda sobre como desserializar JSON
• • Também há um exemplo!

Navegue com confiança

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

Flutter e Gerenciamento de Estado

• Assista uma palestra sobre o que "gerenciamento de estado" significa para o Flutter
• Você ficaria surpreso com o quanto pode fazer com apenas um StatefulWidget!
• Um bom próximo passo é experimentar o Provider com ChangeNotifier
• • Assista a este episódio do Boring Show
  • Ou estes exemplos: provider_counter, provider_shopper

Use plugins para acessar APIs nativas

• Leia o guia sobre o uso de 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
• • Saiba mais sobre a pontuação dos pacotes
  • ...e os Favoritos do Flutter

Teste seu código!

• Leia o guia de testes no Flutter
• Leia o exemplo de teste, que mostra vários tipos de testes
• Pratique suas habilidades com o codelab de testes!

Junte-se à comunidade!

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

Vamos pausar por um momento

• ...e veja o interior do Flutter em Inside Flutter
• ...e aprenda sobre a arquitetura do Flutter em Visão geral da arquitetura do Flutter
• ...e estude a filosofia do Flutter em relação às adaptações de plataforma

O que está abaixo do widget??

• Aprenda sobre elementos, chaves e objetos de estado em Widgets 101
• Assista uma palestra técnica sobre o framework Flutter da China, Europa ou Columbus, Ohio

Futures e Streams

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

Deixe sua interface de usuário mais atraente com animações implícitas

• Leia o Guia de Introdução à Animação
• Assista a um episódio do Flutter in Focus sobre animações implícitas
• Tente o codelab de animação implícita

E quanto aos ativos??

• Precisa de fontes rapidamente? Use o pacote google_fonts
• Leia o guia para incluir ativos diretamente em seu aplicativo

Saiba mais sobre layouts

• Leia os guias sobre layouts, restrições e construindo aplicativos responsivos
• Tente o codelab Layout Basics
• Assista ao episódio Widget of the Week de MediaQuery

Formulários e validação

• Leia alguns artigos de receitas (cookbook) sobre entrada de dados, validação e formulários
• Confira o aplicativo de exemplo

Firebase

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

Explore plugins e APIs nativas

• Leia o guia sobre como funcionam os Canais de plataforma
• Tente um codelab sobre como construir seu próprio plugin
• Leia o aplicativo de exemplo de canais de plataforma

Dados locais

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

Aprenda outras bibliotecas de gerenciamento de estado

• Gostaria de usar o bloc
• ou Riverpod
• ou RxDart
• ou Redux

Aprenda como preparar um aplicativo para lançamento

• Leia os guias para Android, iOS, Linux e a web
• Existe um pacote que pode ajudar a criar seus ícones de lançamento

Confira o Flutter DevTools

• Leia a visão geral
• Aprenda a usar o inspector para verificar seus widgets e diagnosticar problemas de layout
• Leia os guias sobre ferramentas para desempenho, perfilamento de CPU e memória, e inspeção do tamanho do aplicativo

Contribua com a comunidade

• Junte-se à comunidade!
• • Seja voluntário em um encontro do Flutter
  • Responda algumas perguntas no StackOverflow
  • Crie um aplicativo de código aberto no GitHub e publique-o em itsallwidgets.com
• Flutter conta com você!
• • Vote em uma issue em flutter/flutter que seja importante para você
  • Contribua com um plugin ou pacote mantido pela comunidade

Aprenda um pouco da história do Flutter

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

• Leia o roteiro 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

• Tente executar o aplicativo de amostra de animação
• Leia os guias para widgets de herói e animações escalonadas
• Assista aos episódios avançados de a série Flutter in Focus sobre animação.
• Confira as palestras da Flutter Europe sobre Realização de animações corretamente e Implementação de UI complexa

Layout/renderização avançados

• Leia alguns artigos sobre CustomPainter da comunidade do Flutter em blog posts on CustomPainter
• Leia o post do blog de Romain sobre como construir seu próprio objeto de renderização

Visando o iOS

• Acesse a galeria de widgets Cupertino em Cupertino
• Veja o pacote Cupertino em ação no aplicativo de amostra VeggieSeasons
• Assista Construindo para iOS com Flutter da Google I/O

Faça algum desenvolvimento para desktop

• Confira o guia
• Tente o codelab de desktop

Conecte-se a bibliotecas nativas

• Leia sobre como usar o dart:ffi para se conectar a bibliotecas no estilo C em Dart e aplicativos Flutter, em seguida, confira os aplicativos de exemplo
• Leia sobre a interoperabilidade de JS do Dart para aplicativos da web

Plugins federados

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

Tente adicionar o Flutter a um aplicativo existente

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

Aplicativos em produção

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

Contribua com a comunidade

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