• Stars
    star
    1,200
  • Rank 37,634 (Top 0.8 %)
  • Language
  • Created over 2 years ago
  • Updated 7 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Flutter roadmap pt-BR

Flutter Roadmap 2022

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.

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.

Orientação a Objetos (POO)

Esse é o paradgma 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 paradgma.

É recomendado aprender um pouco sobre o Java, pois é uma linguagem que utiliza exclusivamente a POO, forçando-o a entender toda a base desse paradgma.

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.

CURSOS GRATUITOS:

CURSOS PAGOS:

DOCUMENTAÇÃO:

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

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.

Cursos gratuitos

Cursos pagos

Roadmap

Nesta sessão, iremos sugerir uma sequência de assuntos que um desenvolvedor Flutter deve dominar:

POO e Lógica de programação

O Flutter usa o Dart de forma declarativa. Isso significa que o desenvolvedor usa linguagem de programação para desenhar telas em vez de linguagem de marcação como HTML, XML ou XAML. Por esse motivo é recomendado que o desenvolvedor já domine os conceitos de POO e Lógica de programação.

Retorne a sessão Escrever Códigos para dicas de cursos sobre esses dois assuntos.

Sintaxe do Dart

Antes de usar o Flutter, o desenvolvedor deverá aprender pelomenos a sintaxe básica do Dart.

Nesta sessão foi sugerido alguns cursos pagos e gratuitos para uma imersão na linguagem Dart.

Aprenda GIT.

Git é essencial para um desenvolvedor.

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ível NESSE CATÁLOGO.

Criação de widgets

Existem três formas de criar widgets customizados, o StatelessWidget, StatefulWidget e InheritedWidget. A diferênça entre os três deve ser a primeira coisa que um novo desenvolvedor Flutter deve aprender.

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.

Algumas dicas sobre isso:

  • Tente ter um arquivo por Widget.
  • Reflita o nome do Widget no nome do arquivo: Ex: HomePage(home_page.dart).

Widgets de inputs

Aprenda a fazer animações

Consumo de APIs externas

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 o trabalho em equipe.

Testes de unidade

Gerência de estado

O StatefulWidget concede ao Widget a possibilidade de gerenciar o próprio estado. Mas as vezes é necessário mudar o estado de vários widgets em uma ação. Para isso, existe alguns padrões para auxiliar nisso.

Arquitetura

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

More Repositories

1

modular

A smart project structure
Dart
1,284
star
2

Clean-Dart

Proposta de Arquitetura Limpa para o Dart/Flutter
1,143
star
3

slidy

CLI package manager and template for Flutter
Dart
805
star
4

hasura_connect

Connect your Flutter/Dart apps to Hasura simply.
Dart
203
star
5

forum

Organizando as discussões feitas no Telegram, Discord e Facebook no Github em formato de Issues.
173
star
6

triple_pattern

Segmented State Pattern for Reactive Property
Dart
154
star
7

yuno

Minimal Open-source Retrogame Frontend
Dart
103
star
8

asuka

Show Snackbars, dialogs, ModalSheets in a single provider. Simple and Clean.
Dart
82
star
9

uno

Future based HTTP client for the Dart and Flutter
Dart
78
star
10

dart_backend

Roadmap para aprender como utilizar Dart no backend
70
star
11

teddy_todo

Dart
66
star
12

calamidade

Dart
64
star
13

dartion

Json Server RESTful, Up your backend in 5 Seconds!
Dart
57
star
14

clean-dart-search-bloc

Github Search using "Clean Dart", BLoC and Modular.
C++
53
star
15

auto_injector

Dependency injection system. But without build_runner :)
Dart
51
star
16

rx_notifier

Extension to ValueNotifier by transparently applying functional reactive programming (TFRP)
Dart
42
star
17

asp

ASP (Atomic State Pattern) is a extension to ValueNotifier by transparently applying functional reactive programming (TFRP)
Dart
40
star
18

routefly

Folder-based route manager inspired by NextJS and created by the Flutterando community.
Dart
40
star
19

semana-do-flutter-arc

Semana do Flutter de Maio de 2020
C++
35
star
20

music_player_app

A challenge made by Flutterando using Flutter Desktop
Dart
33
star
21

minicore

Flutter/Dart Architecture proposal inspired by Clean Architecture.
33
star
22

flutter_mobx_extension

TypeScript
32
star
23

nubank_layout

Desafio criado com os membros da Flutterando
Dart
32
star
24

flutter-coverage

VSCeode Extension for view the code coverage per folder/file in the test view
TypeScript
31
star
25

result_dart

Result for dart. It is an implementation based on Kotlin Result and Swift Result.
Dart
29
star
26

github_search

Github Search - Flutter Modular example
Dart
23
star
27

shelf_swagger_ui

Swagger UI plugin for Shelf
Dart
22
star
28

dson_adapter

Convert JSON to Dart Class withless code generate(build_runner)
Dart
20
star
29

architecture

Dart
20
star
30

di-example

Dart
20
star
31

calamidade-backend

TypeScript
19
star
32

FunctionalDart

Código e anotações da série de estudos "Dart Funcional"
Dart
19
star
33

flutter_calculator

Sample project using project structure generated by Slidy and TDD
Dart
19
star
34

queue_management

Todas as quintas as 17 contamos esse app
Dart
18
star
35

padroes_de_projeto

15
star
36

flutter_web_site

Flutterando's site built in Flutter Web
Dart
14
star
37

dart_pub

Private pub.dev for packages Flutter Dart
Dart
14
star
38

Desafios

Desafios propostos pela equipe do canal
14
star
39

flutterando_metrics

Dart
14
star
40

animated-toolbar

Dart
12
star
41

Flutter-SOLID-Hasura-Firestore

Dart
12
star
42

estrutura_arquivos

Dart
12
star
43

website

Flutterando website
Dart
11
star
44

perguntando

Dart
10
star
45

flutter_mobx_helpers

Widgets and Utils for increment mobx
Dart
8
star
46

carrinho_compras

Aplicativo para modelo de projeto com Repository Pattern e BLoC
C++
8
star
47

auth-service

Go
8
star
48

flutterando_analysis

Lint rules for Dart and Flutter used internally at Flutterando
C++
8
star
49

flutterando_bricks

Dart
8
star
50

iugu

Dart
7
star
51

todo_mobx

Dart
7
star
52

unity_test_study

Dart
7
star
53

shelf_graphql

Graphql server for shelf
Dart
6
star
54

full_coverage

A package script for allowing coverage test tool to see all Dart files
Dart
6
star
55

via_cep_search

C++
6
star
56

slidy-vscode

snippets for slidy
TypeScript
6
star
57

semana-do-flutter-rx-notifier

Dart
6
star
58

crud_completo

CRUD Completo
C++
6
star
59

dart-backend

Dart
6
star
60

asp_arch

C++
6
star
61

fteam_authentication

Dart
5
star
62

builders

Use Consumer, Select and BlocConsumer in any System Injector
Dart
5
star
63

dialog_launcher

A Dart package to facilitate the creation and handling of dialog boxes in command line interfaces across different operating systems (Windows, Linux, and macOS).
Dart
5
star
64

clean_dart_search_getit_cubit

Dart
4
star
65

shelf_hasura_actions

Shelf Middleware for Hasura Action.
Dart
4
star
66

value_listenable_test

Assists in testing ValueListenable objects (ex: ValueNotifier).
Dart
4
star
67

hasura_cache_interceptor

Package to implements cache in Hasura package
Dart
3
star
68

slidy_extension

TypeScript
3
star
69

passport

Dart
3
star
70

flutter-latam-conf-2020-site

A site for Flutter LATAM Conf 2020
Dart
3
star
71

dividindo

Dart
2
star
72

hive_cache_interceptor

Package to implements cache using hive in hasura_connect package
Dart
2
star
73

.github

2
star
74

hasura-webhook-auth

Dart
2
star
75

flutterolx

Dart
2
star
76

matchmaker_lol

Dart
2
star
77

keyframe

Improve the animation experience in Flutter by transforming Tweens into Timeline with Keyframe like a video editor, but using programming language
C++
2
star
78

hasura_core-Deprecated-

Dart
1
star
79

state_management

Dart
1
star
80

flutter-latam-conf-2020-challenge

A challenge for Flutter LATAM Conf 2020
1
star
81

hasura_firebase_performance

Hasura connect Interceptor implementation that sends querys metric data to Firebase.
Dart
1
star
82

flutterando_workflows

Reusable GitHub Workflows used at Flutterando
1
star
83

precache_image_builder

Dart
1
star
84

shared_preferences_cache_interceptor

Package to implements cache using shared preferences to hasura_connect package
Dart
1
star
85

signals

Dart
1
star
86

coopartilhar-api-mock

JavaScript
1
star