
Com codelabs, vídeos do YouTube, documentação detalhada e muito mais, encontre tudo o que precisa para começar com Flutter ou continuar sua jornada de aprendizado.
Torne-se um desenvolvedor Flutter
Se esta é sua primeira vez programando, ou se você está vindo de outra linguagem, vamos ajudá-lo a começar no caminho certo.

Leve suas habilidades para o próximo nível
Leve suas habilidades para o próximo nível com o formato que melhor funciona para você – confira vídeos, documentação de alta qualidade, codelabs e mais.

Expanda seu conhecimento em Flutter
Aprenda coisas novas sobre Flutter, continue a expandir suas habilidades e mantenha-se atualizado sobre as últimas novidades e mudanças importantes.


Iniciante
Nunca mexeu em Flutter ou Dart antes? Temos o que você precisa. Este caminho irá levá-lo de "O que é um Widget?" para "Acabei de construir meu primeiro aplicativo!"

Intermediário
Este caminho irá levá-lo de "Acabei de construir meu primeiro aplicativo" para "Estou pronto para ajudar outros devs!"

Avançado
Vá de "Estou apto a ajudar outros" para "Conheço o SDK de ponta a ponta e posso liderar uma equipe construindo, publicando e mantendo um aplicativo de primeira classe".
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??
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!
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
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
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
Aprenda como preparar um aplicativo para 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
Documentação
Explore a
documentação do
Flutter
O que há de novo na documentação
Confira as novas adições à documentação, incluindo mudanças significativas, anúncios do Flutter e novos blogs.
Explore o que há de novo
Documentação de transição
Vindo de outra plataforma? Confira nossos guias para desenvolvedores vindos do Android, iOS, React Native, web e muito mais.
Comece
Codelabs
Acesse exemplos interativos para aprender conceitos importantes do Flutter, incluindo como construir seu primeiro aplicativo Flutter e integrar o Firebase.
Experimente um codelab
Cookbook
Experimente nossas receitas para criar funcionalidades, implementar designs bonitos e resolver problemas comuns em aplicativos Flutter.
Experimente uma receita do cookbook
Cursos de terceiros (em Inglês)
Faça um curso de Flutter

App Brewery
Comece a aprender com o Desenvolvimento completo de aplicativos móveis com Flutter e Dart em 2021
Visite o site
Flutter Apprentice
Obtenha o guia completo para construir aplicativos móveis com Flutter
Visite o site
Flutter & Dart - O Guia Completo [Edição 2021]
Um Guia Completo para o SDK do Flutter & Framework Flutter
Visite o site