Skip to content

Flutterando/roadmap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 

Repository files navigation

Flutter Roadmap 2025

O objetivo desse repositório é catalogar os conteúdos existentes na internet sobre Flutter e concatenar em uma espécie de roadmap para auxiliar os iniciantes.

Começando a escrever códigos

É recomendado assistir ESTE VÍDEO antes de iniciar.

Lógica de Programação

Precisamos entender como criar algorítmos, por tanto, antes de realmente colocar a mão no código, é importante estudar um pouco sobre lógica de programação.

Nessa etapa não é necessário saber nenhuma linguagem.

O Dart

Após entender mais sobre Lógica de Programação, devemos focar na linguagem principal do Flutter, o Dart.

Assista primeiro:

É importante ressaltar que o Dart sofreu mudanças consideráveis na segunda metade de 2021, por tanto, não é recomendado para iniciantes os cursos gravados antes de julho de 2021.

Não pule essa etapa, pois conhecer a base do Dart será o principal diferencial para desenvolver em Flutter.

DOCUMENTAÇÃO:

CURSOS GRATUITOS:

CURSOS PAGOS:

Orientação a Objetos (POO)

Esse é o paradigma mais utilizado no Flutter. Por isso devemos conhecer o básico para iniciar nesse framework.

Não tenha medo de aprender 2 ou 3 linguagens a mais para dominar esse paradigma.

É recomendado (e não obrigatório) aprender um pouco sobre o Java, pois é uma linguagem que utiliza exclusivamente a POO, forçando-o a entender toda a base desse paradgma.

Flutter

Após seguir os passos da sessão anterior, chegou a hora de usar as ferramentas do SDK. Se não conhece o Flutter, assista ESTE VÍDEO.

EXPLORE o catálogo de widgets; será muito importante conhecer suas principais ferramentas:

DOCUMENTAÇÃO:

Cursos gratuitos

Cursos pagos

Widgets nativos

Tudo no Flutter é Widget.

A tela de um aplicativo Flutter é constituida pela união de outros widgets nativos.

  • Domine os principais widgets de alinhamento: (Column, Row, Stack).
  • Entenda o funcionamento do Container.
  • Teste todos os widgets disponíveis NESSE CATÁLOGO.

Criação de widgets

Existem três formas básicas de criar widgets customizados, o StatelessWidget, StatefulWidget e InheritedWidget. A diferênça entre os três deve ser entendida desde o início.

Componentização de widget

Após aprender a criar widgets customizados, o desenvolvedor deve aprender a dividir esses widgets em arquivos separados para que possa facilitar a compreenção de outras pessoas que estarão lendo o código posteriomente (inclusive ele próprio.

Algumas dicas:

  • Tente ter um arquivo por Widget.
  • Reflita o nome do Widget no nome do arquivo, Ex:
    • Tela inicial = home_page.dart
    • Botao de adicionar tarefa = add_task_button.dart

Formulários

"TUDO é CRUD."

Parte da nossa tarefa no front-end é receber dados e enviá-los para a API.

Consumo de APIs

Consumir informações do mundo externo. Para montar sua Pokédex, resgatar os dados de um cep...

Aprenda a fazer animações

Para encantar os clientes! (Principalmente seu chefe)

Domine o Provider

O Provider é a recomendação da equipe do Flutter para quem está iniciando no mundo Flutter para gerenciar estados e injeção de dependência.

Aprenda alguns Design Patterns

Padrões de projetos são importantes para manter a qualidade do código além de facilitar o trabalho em equipe.

Testes de unidade

Para garantir a qualidade do software e facilitar a manutenção os testes de unidade serão seus maiores aliados.

Gerência de estado

O StatefulWidget concede ao widget a possibilidade de gerenciar o próprio estado, mas às vezes é necessário mudar o estado de vários widgets em uma ação. Para isso, existem alguns padrões que podemos utilizar para facilitar a execução e o entendimento.

Aprenda GIT.

Git é essencial para um desenvolvedor. Atualmente, é o meio universal para compartilhamento de código.

Gerenciadores de versão

Principais (e únicos) gerenciadores de versão do Flutter

Atualmente, o approach do Puro com sua configuração de ambientes tem agradado mais à comunidade. Sua instalação acaba sendo mais simples também.

Se você chegou até aqui, já tem os conhecimentos necessários para construir seus apps, mas agora veremos para onde se aprofundar:

Arquitetura

A arquitetura de um projeto define sua vida útil. Todo App tem alguma arquitetura, mesmo que o desenvolvedor não tenha pensado nisso.

  1. App Architecture (Recomendada)
  1. Conteúdos sobre Clean Architecture:

Criadores de conteúdo relevante que estão sempre colaborando ou já tem um acervo de qualidade:

Links gerais da comunidade:

Sugestões de Livros. (Leia para aprender, nunca levando tudo como regra e sim absorvendo as partes que lhe fizerem sentido)

  • Clean Code

image

  • Clean Arch

image

  • Padrões de Projeto

image

  • Refatoração

image

  • Flutter in Action

image

  • Flutter Complete Reference

image

About

Flutter roadmap pt-BR

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published