0% acharam este documento útil (0 voto)
0 visualizações44 páginas

Flutter

O documento é um guia técnico sobre Flutter e Dart, abordando fundamentos, conceitos de programação orientada a objetos, persistência de dados, programação assíncrona, tratamento de erros, e comunicação com APIs. Ele inclui links para conteúdos de aprendizado, como artigos, vídeos e cursos, tanto em inglês quanto em português. O material é voltado para desenvolvedores que desejam aprender e aprimorar suas habilidades em Flutter e Dart.

Enviado por

brunosanda63
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
0 visualizações44 páginas

Flutter

O documento é um guia técnico sobre Flutter e Dart, abordando fundamentos, conceitos de programação orientada a objetos, persistência de dados, programação assíncrona, tratamento de erros, e comunicação com APIs. Ele inclui links para conteúdos de aprendizado, como artigos, vídeos e cursos, tanto em inglês quanto em português. O material é voltado para desenvolvedores que desejam aprender e aprimorar suas habilidades em Flutter e Dart.

Enviado por

brunosanda63
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

Flutter

TechGuide - Alura, FIAP e PM3

Nivel 1
Dart - Fundamentos:
Instalar e configurar o Dart
Conhecer as palavras chaves do Dart
Construir aplicações de terminal usando Dart
Entender como funciona o dinamismo no Dart
Compreender e aprender a usar o Null Safety no Dart
Conteúdos
Site Começando no Dart (inglês) ([Link]
Site Passeio pela Linguagem Dart (inglês)
([Link]
Artigo Sistemas de Tipos no Dart (inglês)
([Link]
ArtigoEntendendo Null Safety (inglês) ([Link]
safety/understanding-null-safety)
Código Fonte TV: Dart (a linguagem do Flutter) // Dicionário do
YouTube

Programador ([Link]
YouTube Dotcode: Dart ou Flutter - Por onde começar?
([Link]
Conteúdos Alura:
Artigo Dart: O que é? Como começar a estudar? Para quê serve?
([Link]
Artigo Boas práticas do Dart para organizar um projeto
([Link]
YouTube Alura: Entendendo Input e Output no Dart
([Link]
YouTube Alura: Os 5 métodos da lista do Dart | #AluraMais
([Link]
YouTube Alura: Const e Final no Dart | #Aluramais
([Link]
Alura: O que você precisa saber sobre Null Safety no Dart |
YouTube

#AluraMais ([Link]
Curso Dart: entendendo a Orientação a Objetos
([Link]
Curso Dart: trabalhando com a sintaxe e configuração de projeto
([Link]
projeto)
Curso Dart: cursos para aprender a linguagem utilizada no Flutter
([Link]
utilizada-flutter)

Flutter - Fundamentos:
Flutter é um kit de desenvolvimento de software de IU de código aberto
criado pelo Google. Ele é usado para desenvolver aplicativos
multiplataforma para Android, iOS, Linux, macOS, Windows, Google Fuchsia
e para a web a partir de um único código.
Os widgets Flutter são construídos utilizando uma estrutura moderna que se
inspira na React. A idéia central é que você construa sua interface de
usuário a partir de widgets. Os widgets descrevem como deve ser sua
visualização, dada sua configuração e estado atuais.
Instalar e configurar o Flutter
Conhecer e saber usar os Widgets básicos do Flutter, como Column, Row,
Scaffold, Text, Image, Container, AppBar, ElevatedButton, entre outros
Entender as diferenças entre widgets Stateless e Stateful
Desenvolver a primeira aplicação em Flutter
Conteúdos
Site Instalando o Flutter (inglês) ([Link]
Site Introdução aos Widgets (inglês)
([Link]
Site Catálogo de Widgets (inglês)
([Link]
YouTubeFilipe Deschamps: A Primeira Aula de Flutter Que Todo Mundo
Deveria Ter ([Link]
YouTube Flutter: Widget of the Week (Playlist em Inglês)
([Link]
v=XawP1i314WM&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG)
Conteúdos Alura:
Artigo Flutter: o que é e tudo sobre o framework
([Link]
Artigo Material Design e Cupertino no Flutter: o que são e como usar
([Link]
Alura: O que é Flutter? #HipstersPontoTube ([Link]
YouTube

XSfGW0)
YouTube Alura: Live Coding | Desenvolva um aplicativo em Flutter!
([Link]
Curso Flutter: Widgets, Stateless, Stateful, Imagens e Animações
([Link]
imagens-animacoes)
Curso Flutter: Controller, navegação e estados
([Link]
Conceitos de Orientação a Objetos:
A Programação Orientada a Objetos é um paradigma de programação de
software baseado na composição e interação entre diversas unidades
chamadas de 'objetos' e as classes, que contêm uma identidade,
propriedades e métodos). Ela é baseada em quatro componentes da
programação: abstração digital, encapsulamento, herança e polimorfismo.
Como funcionam objetos
Criar e utilizar construtores
O que são classes
Criar e utilizar métodos
Como funciona encapsulamento
O que é herança
O que é polimorfismo
Como funcionam interfaces
O que são abstrações
Conteúdos
Artigo Princípios básicos da Programação Orientação a Objetos (POO)
([Link]
programa%C3%A7%C3%A3o-orienta%C3%A7%C3%A3o-a-objetos-poo-
62da3998b7ce)
YouTube FernandaDev: O que é Programação Orientada a Objetos?(POO)
([Link]
YouTube Giuliana Bezerra: Desmistificando os tipos de referência - Ep. 8
([Link]
Conteúdos Alura:
[Link]: TechGuide - Orientação a Objetos – Hipsters Ponto
Tech #350 ([Link]
hipsters-ponto-tech-350/)
Artigo POO: o que é programação orientada a objetos?
([Link]
Site Apostila: Java e Orientação a Objetos
([Link]
Site Livro: Orientação a Objetos
([Link]
YouTube Alura: Orientação a objetos (com Roberta Arcoverde)
([Link]
YouTubeAlura: Imersão Java: Orientação a Objetos, APIs e além (e live
coding!) ([Link]
Curso Formação Java e Orientação a Objetos
([Link]
Curso Formação C# e Orientação a Objetos
([Link]
Curso Formação Python e orientação a objetos
([Link]
Curso Curso Orientação a Objetos com PHP: Classes, métodos e atributos
([Link]
Curso Curso JavaScript: programação orientada a objetos
([Link]
orientada-objetos)

Flutter - Persistência de Dados:


O conceito de "persistência de dados" refere-se a garantir que as
informações inseridas na aplicação serão armazenadas em um meio em que
possam ser recuperadas de forma consistente. Ou seja, são registros
permanentes e que não são perdidos quando há o encerramento da sessão.
Saber a armazenar dados usando o SharedPreferences
Aprender a usar o SQLite no Flutter
Aprender como persistir dados com Leitura e Escrita de arquivos
Conteúdos
Site Persistência com SQLite - Cookbook (inglês)
([Link]
Site Persistência com SharedPreferences - Cookbook (inglês)
([Link]
Site Persistência com Arquivos - Cookbook (inglês)
([Link]
Site SQL: O que é e como usar os principais comandos básicos SQL
([Link]
Artigo SQLite: Principais comandos, dicas, como instalar… (Parte 1)
([Link]
como-instalar-parte-1-bb94e0134935)
Código Fonte TV: SQLite (O Banco de Dados de Bolso) // Dicionário
YouTube

do Programador ([Link]
NdUc&ab_channel=C%C3%B3digoFonteTV)
Conteúdos Alura:
Artigo SQLite: da instalação até sua primeira tabela
([Link]
Artigo Persistência de Dados no Flutter: o que é? Qual ferramenta usar?
([Link]
com-flutter)
Curso Flutter: aplicando persistência de dados
([Link]
Curso Formação: domine aplicações offline-first com Flutter
([Link]
Flutter)

Dart Assíncrono:
Na programação assíncrona as funções não são executadas em ordem.
Com o assincronismo, podemos interromper do código para conseguirmos
alguma outra informação necessária para a continuar a execução. Isso
significa que o código espera por uma outra parte do código e, enquanto
espera, executa as demais partes.
Entender o que é assincronismo
Saber usar as expressões async , await e future no Dart
Conteúdos
Site Suporte a Assincronismo | Dart Language Tour (inglês)
([Link]
Artigo Programação Assíncrona: Async, Await e Future | Dart Codelabs
(inglês) ([Link]
Artigo Programação Assíncrona: Streams | Dart Codelabs (inglês)
([Link]
Artigo Simultaneidade no Dart | Dart Codelabs (inglês)
([Link]
Artigo Como funciona o async-await e Future no Flutter
([Link]
future-no-flutter)
Artigo Funções Assíncronas no Dart
([Link]
assincronas-ab5380d276dc)
YouTube Flutter: Playlist Dart Avançado (inglês)
([Link]
list=PLjxrf2q8roU0Net_g1NT5_vOO3s_FR02J)
Conteúdos Alura:
CursoCurso Persistência com Flutter: crie um app com armazenamento
interno ([Link]
safety)

Dart - Erros e Exceções:


O tratamento de erros refere-se aos procedimentos de resposta e
recuperação de condições de erro presentes em um aplicativo de software.
Em outras palavras, é o processo de antecipação, detecção e resolução de
erros de aplicação, de programação ou de comunicação.
Entender os métodos then e catchError do Future no Dart
Entender o que são erros e exceções no Dart
Conhecer e saber usar a estrutura try-on-catch-finally

Conteúdos
SiteAcervo Lima: Exceções no Dart ([Link]
de-excecoes-no-dart/)
Site Null safety (inglês) ([Link]
SiteEntendendo null safety (inglês) ([Link]
safety/understanding-null-safety)
YouTubeWashington Developer: Dart - Tratamento de Erros try-catch, stack-
trace, on, finally, rethrow ([Link]
v=O4A3hHvBQ5E)
YouTube Deivid Willyan | Flutter: Dart - Tratamento de Erros - Exceptions
([Link]
Conteúdos Alura:
Site Primeiras aulas do curso Dart: lidando com Exceptions e Null Safety
([Link]
Curso Dart: lidando com Exceptions e Null Safety
([Link]

Dart - Comunicação com APIs:


Uma API é uma interface que desenvolvedores de software utilizam para
programar a interação com componentes ou recursos de software fora de
seu próprio código. Uma definição ainda mais simples é que uma API é a
parte de um componente de software que é acessível a outros
componentes.
Entender o que é uma API REST
Conhecer os comandos básicos de comunicação HTTP
Saber usar as ferramentas do pacote http do Dart
Saber fazer requisições autenticadas para Web APIs
Conteúdos
SiteO que é API REST? ([Link]
a-rest-api)
Site JSON e Serialização | Flutter Docs (inglês)
([Link]
Site Página do Pacote http - [Link] (inglês)
([Link]
Site Obtendo dados da internet | Flutter Cookbook (inglês)
([Link]
Site Fazendo requisições autenticadas | Flutter Cookbook (inglês)
([Link]
Site Enviando dados para internet | Flutter Cookbook (inglês)
([Link]
Site Removendo dados na internet | Flutter Cookbook (inglês)
([Link]
YouTube Flutterando: Consumindo API externa (http)
([Link]
YouTube Julio de Lima: Como usar o Postman para Testar APIs Rest (Aula 10)
([Link]
Conteúdos Alura:
Artigo REST: Conceito e fundamentos
([Link]
Site Primeiras aulas do curso Flutter: entendendo comunicação HTTP e
utilizando Web API ([Link]
comunicacao-http)
Curso Flutter: entendendo comunicação HTTP e utilizando Web API
([Link]
Curso Flutter com Web API: evoluindo na integração da aplicação
([Link]

Nivel 2
Flutter - Pacotes Essenciais:
O Flutter suporta o uso de pacotes compartilhados contribuídos por outros
desenvolvedores para os ecossistemas Flutter e Dart. Isto permite construir
rapidamente um aplicativo sem ter que desenvolver tudo do zero.
Conhecer e saber utilizar a plataforma [Link]
Conhecer os principais pacotes do Flutter
Conteúdos
Site Usando pacotes e plugins | Flutter Docs (inglês)
([Link]
packages)
Site Repositório de Pacotes Dart e Flutter | [Link] (inglês)
([Link]
Site Pontuação dos Pacotes | [Link] (inglês)
([Link]
SiteFavoritos do Flutter | [Link] (inglês) ([Link]
q=is%3Aflutter-favorite)
SitePacotes Populares | [Link] (inglês) ([Link]
sort=popularity)
Dotcode: TOP 5 PACOTES FLUTTER QUE VOCÊ PRECISA
YouTube

CONHECER ([Link]
YouTube Flutter: (Playlist) Package of the Week | Flutter
([Link]
list=PLjxrf2q8roU1quF6ny8oFHJ2gBdrYN_AK)
Artigo 12 Bibliotecas úteis para auxiliar no desenvolvimento utilizando
Flutter ([Link]
%C3%BAteis-para-auxiliar-no-desenvolvimento-utilizando-flutter-
5982fdf01c80)
Conteúdos Alura:
Curso Formação: Utilize os serviços do Firebase com Flutter
([Link]
Curso Flutter: implementando persistência de dados com Drift e Hive
([Link]
dados-drift-hive)
Curso Flutter: utilizando o Dio para realizar a comunicação com Web API
([Link]
Artigo Conhecendo pacotes no Flutter
([Link]
Artigo Utilizando o Dio para comunicação com APIs
([Link]

Flutter - Gerenciamento de Estados:


Em Flutter, 'estado' (state) são os dados que você precisa para reconstruir
sua UI a qualquer momento. Quando estes dados mudarem, isso
desencadeará um redesenho da interface do usuário.
Entender o que é Gerenciamento de Estados
Conhecer e saber usar o Provider
Conhecer as demais opções de Gerenciamentos de Estados no Flutter
Conteúdos
Site Gerenciamento de Estados | Flutter Docs (inglês)
([Link]
Artigo Gerenciamento de Estado em Flutter e algumas soluções
([Link]
Artigo Flutter: Provider, BLoC e State Management
([Link]
Artigo O que aprendi utilizando as gerências de estado do Flutter
([Link]
ger%C3%AAncias-de-estado-do-flutter-8f8f2bc7911c)
Site Opções de Ferramentas para Gerenciamento de Estados | Flutter Docs
(inglês) ([Link]
mgmt/options)
YouTube Flutterando: Aulão sobre Provider e estrutura de projetos
([Link]
v=VhsqMahAmOk&ab_channel=Flutterando)
YouTube Flutter: Pragmatic State Management Using Provider
([Link]
Conteúdos Alura:

Artigo O que é gerenciamento de estados no Flutter e principais


ferramentas ([Link]
flutter-principais-ferramentas)
Artigo Como gerenciar estados com Flutter Provider
([Link]
provider)
Artigo BloC ou Cubit no Flutter: qual escolher?
([Link]
Artigo GetX: o canivete suíço do Flutter
([Link]
Curso Flutter: gerenciamento de estados com Provider
([Link]
provider)
Curso Formação: Gerenciamento de estados com Flutter
([Link]

Flutter - Testes:
O teste de software é o processo de avaliação e verificação de que um
software realmente faz o que deveria fazer. Os benefícios dos testes
incluem a prevenção de bugs, a redução dos custos de desenvolvimento e a
melhoria do desempenho.
Conhecer Testes Unitários no Flutter
Conhecer Testes de Widgets no Flutter
Conhecer Testes de Integração no Flutter
Conteúdos

Site Testando Apps Flutter | Flutter Docs (inglês)


([Link]
Site Uma introdução aos Testes Unitários no Flutter | Flutter Cookbook
(inglês) ([Link]
Site Uma introdução aos Testes de Widget no Flutter | Flutter Cookbook
(inglês) ([Link]
Site Testes de Integração no Flutter | Flutter Docs (inglês)
([Link]
Flutterando: Semana do Flutter - Testes de Unidade #1 | O que é
YouTube

unidade? ([Link]
YouTubeProf. Diego Antunes: Flutter - Teste de Integração (Integration Test
ou E2E Flutter) ([Link]
YouTubeFlutter: Testando Aplicativos Flutter - Garantindo que o código vai
funcionar (inglês) ([Link]
YouTube Flutter: Dicas de Perfomance com Testes no Flutter (inglês)
([Link]
Site Como testar um app Flutter | Google Codelabs (inglês)
([Link]
hl=pt-br#0)
Conteúdos Alura:
Primeiras aulas do curso Flutter: aplicando testes de unidade, de
Site

Widget e Mocks ([Link]


widget-mocks)
Curso Flutter: aplicando testes de unidade, de Widget e Mocks
([Link]
mocks)
Curso Flutter: criando testes automatizados de unidade, widgets e dublês
([Link]
unidade-widgets-dubles)
Curso Flutter: dominando testes de integração
([Link]
Curso TDD em Flutter: desenvolvimento orientado a testes
([Link]
testes)
Curso Testes no CI com Flutter: utilizando Bitrise, GitHub Actions e
Codemagic ([Link]
bitrise-github-actions-codemagic)
Testes no Flutter: O que é? Quando usar? Como começar a
Artigo

aprender? ([Link]

Flutter - Depuração:
Depuração (em inglês "debugging" ou "debug") é o processo de encontrar e
reduzir defeitos num aplicativo de software ou mesmo em hardware. Erros
de software incluem aqueles que previnem o programa de ser executado e
aqueles que produzem um resultado inesperado.
Conhecer as técnicas e ferramentas de depuração no Flutter
Saber depurar códigos Dart e Flutter
Conhecer o Dart DevTools
Conteúdos
YouTube Flutterando: Depuração (Breakpoint)
([Link]
Site Depurando Aplicativos Flutter | Flutter Docs (inglês)
([Link]
Site Depurando Códigos de forma Programática | Flutter Docs (inglês)
([Link]
Site Usando um depurador OEM | Flutter Docs (inglês)
([Link]
YouTube Flutter: Propriedades de Depuração | Decoding Flutter (inglês)
([Link]
Flutter: Depure e crie o perfil do seu aplicativo com o Flutter
YouTube

DevTools | Demo (inglês) ([Link]


Site Conhecendo o Dart DevTools | Dart Docs (inglês)
([Link]
YouTube Flutter: Dart DevTools | Decoding Flutter (inglês)
([Link]

Flutter - Jogos:
Aprender a criar jogos com Flutter
Conhecer o Kit de Desenvolvimento de Jogos Casuais do Flutter
Conhecer o pacote Flame como Engine de Jogos Flutter
Conhecer o pacote Bonfire como Engine de Jogos para Flutter
Conteúdos
Site Flutter: Jogos! (inglês) ([Link]
Artigo Flutter: Kit de Desenvolvimento de Jogos Casuais (inglês)
([Link]
YouTubeFlutter: Fazendo sue primeiro jogo com Flutter (inglês) | Flutter
Focus ([Link]
YouTube Meu primeiro jogo com Flutter e Flame (inglês)
([Link]
YouTubeFlutter Mapp: Criando um jogo do estilo RPG com Flutter usando
Bonfire ([Link]
YouTube Flame Engine: O básico do Flutter Flame | Vikings 2022 (inglês)
([Link]
YouTube Craig Oda: Velocidade, Gravidade e Movimento no Flutter (inglês)
([Link]
YouTube Flutterando: Criando jogos de RPG usando o Flutter Bonfire
([Link]

Nivel 3
Flutter - Nativo:
Conhecer as especificidades do desenvolvimento nativo para Android
Conhecer as especificidades do desenvolvimento nativo para iOS
Conteúdos

Site Android: Hospedando Views nativas do Android em seu aplicativo


Flutter com visualizações de plataforma - Integração Android | Flutter Docs
(inglês) ([Link]
integration/android/platform-views)
Site Android: API de Migração - Integração Android | Flutter Docs (inglês)
([Link]
api-migration)
Site Android: Migração para Android X - Integração Android | Flutter Docs
(inglês) ([Link]
integration/android/androidx-migration)
Site Android: Migração da Splash Screen - Integração Android | Flutter
Docs (inglês) ([Link]
integration/android/splash-screen-migration)
Site iOS: Usando o Cupertino | Flutter Docs (inglês)
([Link]
Site iOS: Veggie Seasons - iOS com Flutter (inglês)
([Link]
YouTube iOS: Criando para iOS com Flutter (Google I/O'19) (inglês)
([Link]
Site iOS: iOS App Clip | Flutter Docs (inglês)
([Link]
Site iOS: Hospedando Views nativas do iOS em seu aplicativo Flutter com
visualizações de plataforma | Flutter Docs (inglês)
([Link]
views)
Site Escrevendo código para uma plataforma específica | Flutter Docs
(inglês) ([Link]
channels)
Site Interoperabilidade do C | Dart Guides (inglês)
([Link]
Site Interoperabilidade do JavaScript | Dart Guides (inglês)
([Link]
Site Interoperabilidade do C para Android | Flutter Docs (inglês)
([Link]
interop)
Site Interoperabilidade do C para iOS | Flutter Docs (inglês)
([Link]
Conteúdos Alura:
Curso Formação Flutter: integrando com Recursos Nativos
([Link]

Estruturas de Dados:
No contexto dos computadores, uma estrutura de dados é uma forma
específica de armazenar e organizar os dados na memória do computador
para que esses dados possam ser facilmente recuperados e utilizados de
forma eficiente quando necessário posteriormente.
Conhecer as principais estruturas de dados
Implementar as principais estruturas de dados
Conteúdos

Estrutura de dados ([Link]


Artigo

dados-6afb386a6fc1)
Artigo Estrutura de Dados e Algoritmo - parte 1
([Link]
algoritmo-9cb6a9b14aa)
Artigo Estrutura de Dados e Algoritmo - parte 2
([Link]
algoritmo-deba0b384a0f)
YouTube Mario Souto - Dev Soutinho: Estruturas de dados com JavaScript
([Link]
Fabio Akita: Árvores ([Link]
YouTube

v=9GdesxWtOgs)
YouTube Loiane Groner: Estrutura de Dados com Java | Lista Encadeada
([Link]
YouTube Loiane Groner: Estrutura de Dados com Java | Filas
([Link]
YouTube Loiane Groner: Estrutura de Dados com Java | Pilhas
([Link]
Conteúdos Alura:
Site Apostila Python: Estruturas de dados
([Link]
de-dados)
Artigo Estruturas de dados: uma introdução
([Link]
Artigo Curso Estrutura de Dados: computação na prática com Java
([Link]
com-java)
Podcast [Link]: Algoritmos e estrutura de dados - Hipsters 186
([Link]
dados-hipsters-186-a375)
Curso Curso PHP: dominando as Collections
([Link]
Curso Curso Python: crie a sua primeira aplicação
([Link]
Desafio 7 Days of Code: Estruturas de Dados
([Link]

Flutter - Animações:
Conhecer a diferença entre Animações Implícitas e Explícitas no Flutter
Conhecer e saber usar os Widgets para Animações Implícitas
Entender os conceitos de Duração (Duration) e Curvas (Curves)
Conhecer a técnica de Animações Explicitas no Flutter
Conteúdos
Site Introdução à Animações no Flutter | Flutter Docs (inglês)
([Link]
Site Animações Implícitas | Flutter Docs (inglês)
([Link]
YouTubeFlutter: Animação Básica com Animações Implícitas | Flutter on
Focus (inglês) ([Link]
Site Lista de Widgets de Animação do Flutter | Flutter Docs (inglês)
([Link]
YouTube Dotcode: Destrinchando o AnimatedContainer
([Link]
YouTube Prof. Diego Antunes: 5 animações em 5 minutos
([Link]
v=7t_xZZh_K4Y&ab_channel=[Link])
Animações com Flutter ([Link]
Artigo

animacoes-em-flutter)
Site Simples animação de Opacidade | Flutter Cookbook (inglês)
([Link]
Site Animando propriedades de um Container | Flutter Cookbook (inglês)
([Link]
Site Animando transições de tela | Flutter Cookbook (inglês)
([Link]
Site Animando um Widget com Simulação de Física | Flutter Cookbook
(inglês) ([Link]
Site Animações Explicitas no Flutter | Flutter Docs (inglês)
([Link]
Site Animações com Hero | Flutter Docs (inglês)
([Link]
Site Animações Escalonadas | Flutter Docs (inglês)
([Link]
YouTube Flutter: Fazendo animações do jeito certo | Flutter Europe (inglês)
([Link]
Conteúdos Alura:
Curso Flutter ainda mais atraente com animações
([Link]

Flutter - Multiplataforma Desktop:


Conhecer e saber usar as opções de criação em multiplataforma do Flutter

Conteúdos
Site Flutter no Desktop (inglês) ([Link]
Site Suporte para Desktop do Flutter (inglês)
([Link]
Site Criando aplicativos para Linux com Flutter (inglês)
([Link]
Site Criando aplicativos para Windows com Flutter (inglês)
([Link]
integration/windows/building)
Site Criando aplicativos para macOS com Flutter (inglês)
([Link]

Flutter - Multiplataforma Web:


Conhecer as especificidades da criação de apps Flutter para Web
Conteúdos
Site Perguntas Frequentes - Flutter Web | Flutter Docs (inglês)
([Link]
Site Renderizadores - Flutter Web | Flutter Docs (inglês)
([Link]
Site Inicialização - Flutter Web | Flutter Docs (inglês)
([Link]
Site Uso de imagens - Flutter Web | Flutter Docs (inglês)
([Link]
Artigo PWA em Flutter (inglês) ([Link]

Flutter - Implantação (Deployment):


Implantação é a fase do ciclo de vida de um software (programa
computacional, documentação e dados), no contexto de um Sistema de
Informação, que corresponde textualmente à passagem do software para a
produção.
Conhecer as técnicas de ofuscação de código Dart
Conhecer e saber implantar aplicativos Flutter em várias plataformas
Entendendo Flavors em Flutter
Conhecer Entrega Contínua em Flutter
Conteúdos
Site Ofuscando Código Dart | Flutter Docs (inglês)
([Link]
Site Implantando para Android e lançando na PlayStore | Flutter Docs
(inglês) ([Link]
Site Implantando para iOS e lançando na AppStore | Flutter Docs (inglês)
([Link]
Site Implantando para macOS e lançando na AppStore | Flutter Docs
(inglês) ([Link]
Site Implantando para Linux e lançando na SnapStore | Flutter Docs (inglês)
([Link]
Site Implantando para Windows | Flutter Docs (inglês)
([Link]
Site Implantando para Web | Flutter Docs (inglês)
([Link]
Site Criando Flavors para Flutter | Flutter Docs (inglês)
([Link]
Site Entrega Contínua com Flutter | Flutter Docs (inglês)
([Link]
YouTube MJSD Coding: Build and Release Flutter App to App Store 2022
(inglês) ([Link]
YouTubepenseapp: Como fazer o deploy do seu aplicativo flutter na
Playstore! ([Link]
Artigo Publicando App Flutter na PlayStore (inglês)
([Link]
fa7543b61a7b)
Conteúdos Alura:

Curso Formação: Flutter CI/CD: automatize seu trabalho


([Link]
Artigo Flutter CI/CD: o que é? Como funciona e como usar?
([Link]

Flutter - Arquitetura:
Em programação, existem vários padrões de arquitetura para arquivos e
pastas de projetos, que fornecem aos desenvolvedores facilidade para
encontrar, pesquisar e entender o código escrito.
Conhecer as principais Arquiteturas usadas pela comunidade Flutter, como
MVC, MVVM, MVP, etc
Conteúdos
Artigo Uma introdução à Arquitetura Clean com Flutter (inglês)
([Link]
architecture-ae00154001b0)
Flutter: Arquitetura MVVM ([Link]
Artigo

mvvm-architecture-f8bed2521958)
Artigo Padrões de Projeto com Flutter: MVC
([Link]
c32a3ddb00e2)
Artigo Estrutura de Projeto em Flutter: Feature-first ou Layer-first? (inglês)
([Link]
YouTube Deivid Willyan | Flutter: Flutter NV1 - MVC Pattern
([Link]
YouTube Flutterando: MVVM no Flutter - Estrutura para iniciantes
([Link]

Conteúdos Alura:
Curso Formação: Flutter: desvendando arquiteturas
([Link]

Flutter - Pacotes e Plugins:


Conhecer o desenvolvimento de plugins para Flutter
Conteúdos

YouTube Pacotes ou Plugins | Decoding Flutter (inglês)


([Link]
YouTube Flutter Plugin Development (inglês)
([Link]
Site Desenvolvendo pacotes | Flutter Docs (inglês)
([Link]
packages)
Site Pluguins Federados | Flutter Docs (inglês)
([Link]
packages#federated-plugins)
Artigo Escrevendo um bom plugin Flutter (inglês)
([Link]
Site Contribuindo para a comunidade (inglês)
([Link]

Habilidade Auxiliar: Infraestrutura e Back-end


Git e GitHub - Fundamentos:
Git é um sistema de controle de versão distribuído gratuito e de código
aberto projetado para lidar com tudo, desde projetos pequenos a muito
grandes com velocidade e eficiência.
GitHub é um serviço de hospedagem para desenvolvimento de software e
controle de versão usando Git.
Criar um repositório
Clonar um repositório
Fazer commit, push e pull de e para o repositório
Reverter um commit
Criar branches e pul requests
Lidar com merge e conflitos

Conteúdos
Site GitHub Documentação ([Link]
Site GitHub Pages Documentação
([Link]
pages/about-github-pages)
Site Git School - Visualizing Git ([Link]
Site Dangit, Git!?! ([Link]
Rafaella Ballerini: O que é Git e GitHub? - definição e conceitos
YouTube

importantes 1/2 ([Link]


YouTubeRafaella Ballerini: Como usar Git e GitHub na prática! - desde o
primeiro commit até o pull request! 2/2 ([Link]
v=UBAX-13g8OM)
YouTubeMario Souto - Dev Soutinho: Git: Entendendo de vez como funciona
do melhor e mais visual jeito possível ([Link]
v=4-tfJ-ZyA0Q)
YouTube Mario Souto - Dev Soutinho: Como colocar seu projeto no ar DE
GRAÇA via GitHub! | Hospedagem com GitHub Pages
([Link]
YouTube CodandoTV(Rods) - 5 coisas que você precisa saber sobre Git
([Link]
YouTubeCodandoTV(Rods) - README de Sucesso: Transforme seu Projeto
ou seu Perfil em Destaque no GitHub ([Link]
si=49ah_HRPIwpSEX4A)
Conteúdos Alura:

Artigo Git e Github: O que são, Como Configurar e Primeiros Passos


([Link]
Artigo Mais git com o hub: a linha de comando do Github
([Link]
Podcast Hipsters 184: Guia do Iniciante em Github
([Link]
github-hipsters-184-a378)
Site GitHub: diferentes maneiras de compartilhar seu projeto
([Link]
de-compartilhar-seu-projeto-c2002)
Site Websérie: Git e Github para Sobrevivência
([Link]
Podcast Hipsters 109: Git e Github
([Link]
a474)
YouTube Alura: Git e Github para Sobrevivência 01: Como o Git funciona?
([Link]
Curso Curso Git e GitHub: compartilhando e colaborando em projetos
([Link]
colaborando-projetos)
Curso Curso Git e GitHub: dominando controle de versão de código
([Link]
codigo)
Desafio 7 Days of Code: GitHub ([Link]

HTTP - Fundamentos:
HTTP significa Hyper Text Transfer Protocol. A comunicação entre
computadores cliente e servidores web é feita enviando solicitações HTTP e
recebendo respostas HTTP.
Entender a diferença dos verbos HTTP
Testar os requests e ver os status codes no navegador
Saber fazer uma requisição HTTP na linha de comando com WGET
Baixar uma imagem com WGET
Fazer um post
Conteúdos

Site MDN Web Docs: Uma visão geral do HTTP


([Link]
Site MDN Web Docs: Métodos de requisição HTTP
([Link]
Site HTTP Cats ([Link]
Site HTTP Dogs ([Link]
Fabiano Gabardo Lemos: Requisições HTTP - GET, POST, PUT,
YouTube

PATCH DELETE ([Link]


YouTube Programador a Bordo: Protocolo HTTP e TCP/IP - Introdução
([Link]
Conteúdos Alura:

Artigo HTTP: Desmistificando o protocolo da Web


([Link]
1)
Artigo Métodos de requisição do HTTP
([Link]
Artigo Qual é a diferença entre HTTP e HTTPS?
([Link]
Podcast [Link]: HTTP/2: magia com o novo protocolo - Hipsters 13
([Link]
hipsters-13-a573)
Curso Curso HTTP: Entendendo a web por baixo dos panos
([Link]
dos-panos)

JSON:
JSON significa JavaScript Object Notation (notação de objeto JavaScript). É
um formato de texto para armazenar e transmitir dados.
Criar um objeto
Transformar um objeto em uma string
Transformar uma string em objeto
Manipular um objeto
Conteúdos

MDN Web Docs: JSON ([Link]


Site

BR/docs/Web/JavaScript/Reference/Global_Objects/JSON)
Site MDN Web Docs: Trabalhando com JSON
([Link]
Artigo Introdução ao JSON
([Link]
7825b1a550ff)
YouTube Marco Bruno: O que é JSON e como criar um objeto
([Link]
Conteúdos Alura:

Artigo O que é JSON? ([Link]


Curso Curso MySQL e JSON: persistindo JSON de maneira eficiente
([Link]

Design Patterns:
Na engenharia de software, um "padrão de projeto" (Design Pattern em
inglês) é uma solução geral e reutilizável para um problema que ocorre
normalmente dentro de um determinado contexto de projeto de software.
Conhecer e aplicar os principais Design Patterns

Conteúdos
Artigo Design Patterns — O que são e quais os benefícios?
([Link]
quais-os-benef%C3%ADcios-9cd0cfdd6ebf)
Design Patterns ([Link]
Artigo

727494af001d)
YouTubeMatheus Castiglioni: O que são design patterns (padrões de
projetos) e para que servem? ([Link]
v=KNWd1aWtsMw)
YouTube RinaldoDev: Design Patterns - o que são? Por que aprender a
utilizar? ([Link]
Conteúdos Alura:
[Link]: TechGuide - Design Patterns – Hipsters Ponto Tech
Podcast

#347 ([Link]
tech-347/)
Artigo Design patterns: Breve introdução aos padrões de projeto
([Link]
projeto)
Podcast [Link]: Design Patterns - Hipsters 206
([Link]
Curso Curso Design Patterns em Java I: boas práticas de programação
([Link]
Curso Curso Design Patterns C# I: boas práticas de programação
([Link]
Curso Curso Design Patterns em PHP: padrões comportamental
([Link]
comportamental)
Curso Curso Design Patterns em PHP: padrões estruturais
([Link]
Curso Curso Design Patterns em PHP: padrões criacionais
([Link]

Linha de comando - Fundamentos:


CLI é um programa de linha de comando que aceita entradas de texto para
executar funções do sistema operacional.
Conhecer os principais comandos
Conteúdos

SiteMicrosoft Docs: Como usar argumentos de linha de comando para


terminal do Windows ([Link]
br/windows/terminal/command-line-arguments?tabs=windows)
YouTubeEstevan Maito: Linha de comando básica - 8 comandos mais
frequentes - WINDOWS e LINUX ([Link]
v=rKBqXJZocYk)
YouTube Ninja do Linux: Comandos básicos da linha de comando do Linux
([Link]
Conteúdos Alura:

Artigo CMD: dicas para trabalhar no prompt do Windows


([Link]
windows)
Artigo Como configurar variáveis de ambiente no Windows, Linux e macOS
([Link]
linux-macos)
SitePrimeiras aulas do Curso Windows Prompt: Trabalhando na linha de
comando ([Link]
cmd)
Curso Curso Windows Prompt: Trabalhando na linha de comando
([Link]
Curso Curso Terminal: aprenda comandos para executar tarefas
([Link]

Cloud - Fundamentos:
Cloud, ou computação em nuvem é a distribuição de serviços de
computação pela Internet usando um modelo de preço pago conforme o
uso. Uma nuvem é composta de vários recursos de computação, que
abrangem desde os próprios computadores (ou instâncias, na terminologia
de nuvem) até redes, armazenamento, bancos de dados e o que estiver em
torno deles. Ou seja, tudo o que normalmente é necessário para montar o
equivalente a uma sala de servidores, ou mesmo um data center completo,
estará pronto para ser utilizado, configurado e executado.
Conhecer a diferença entre IaaS, PaaS e SaaS
Conhecer os maiores provedores de cloud
Especializar-se em algum provedor
Conteúdos
Artigo Computação em nuvem
([Link]
515930304cf9)
O que é cloud? ([Link]
Artigo

%C3%A9-cloud-991109e708c6)
YouTube Gabs Ferreira: Por que investir e estudar cloud?
([Link]
Andre Iacono: O que é MICROSOFT AZURE? Qual Certificação
YouTube

começar em 2022? ([Link]


AWS: O que é a AWS? ([Link]
YouTube

v=8JI9wQ8sUdQ)
YouTube O que é Google Cloud e por que aprender?
([Link]
Artigo AWS vs Google Cloud vs Azure: o que cada um tem de melhor?
([Link]
cada-um-tem-de-melhor-52107174f7b7)
YouTube Código Fonte TV: Azure (A plataforma Cloud da Microsoft)
([Link]
YouTube Mundo da Cloud: AWS do Zero ao Expert
([Link]
v=HiBCv9DolxI&list=PLtL97Owd1gkQ0dfqGW8OtJ-155Gs67Ecz)
Conteúdos Alura:
[Link]: TechGuide - Fundamentos Cloud – Hipsters Ponto
Tech #348 ([Link]
hipsters-ponto-tech-348/)
Artigo Cloud: o que é, História e Guia da computação em nuvem
([Link]
Podcast [Link]: Uma jornada Para o Cloud - Hipsters Deep Dive 005
([Link]
deep-dive-005-a1100)
Podcast [Link]: Histórias do Cloud - Hipsters 04
([Link]
Artigo Heroku, Vercel e outras opções de cloud como plataforma
([Link]
plataforma)
Artigo AWS: Guia sobre o que é Amazon Web Services, seus Serviços e
Certificações ([Link]
Artigo Terraform: criando máquinas na Azure
([Link]
Alura: O que é cloud? ([Link]
YouTube

v=wev9fMrg-TU)
YouTube Alura: AWS, Google Cloud e Azure: Por onde começar? |
[Link] ([Link]
v=z9k6rsdmWc0&t=300s)
YouTube Alura: Certificação em Cloud: Azure, AWS, Google | [Link]
([Link]
Curso Formação Começando em Cloud Computing
([Link]
Curso Formação Amazon Web Services
([Link]
Curso Formação Google Certified Associate Cloud Engineer
([Link]
engineer)
Curso Formação Certificação AWS Certified Cloud Practitioner
([Link]
Curso Formação Containers com AWS ECS e EKS
([Link]
Curso Formação Google Cloud Platform
([Link]
Curso Formação Certificação Google Certified Associate Cloud Engineer
([Link]
engineer)
Curso Formação Azure ([Link]
azure)
Curso Formação Certificação AZ-900: Microsoft Azure Fundamentals
([Link]
azure-fundamentals)

SOLID:
O Solid possui cinco princípios considerados como boas práticas no
desenvolvimento de software que ajudam os programadores a escrever os
códigos mais limpos, separando as responsabilidades, diminuindo
acoplamentos, facilitando na refatoração e estimulando o reaproveitamento
do código.
Conteúdos

Artigo Princípios de S.O.L.I.D em C# — Guia prático


([Link]
c-guia-pr%C3%A1tico-cbb1e6584284)
YouTube Filipe Deschamps: SOLID fica fácil com Essas Ilustrações
([Link]
YouTube Central dotNET: Princípios de SOLID com C#
([Link]
YouTube Felipe Pinheiro - Tech: Princípios SOLID, o que é DIP?
([Link]
Dev Eficiente: SOLID - Uma reflexão sobre o Princípio da
YouTube

responsabilidade única ([Link]


Conteúdos Alura:
ArtigoSOLID: o que é e quais os 5 princípios da Programação Orientada a
Objetos (POO) ([Link]
Podcast SOLID: Código bom e bonito - Hipsters Ponto Tech 219
([Link]
bonito-hipsters-ponto-tech-219-a649)
Alura: Clean Code e Solid ([Link]
YouTube

v=XV9B4LX_re8)
Curso Curso C#: aplique princípios SOLID
([Link]
CursoCurso Boas práticas de programação: melhore o código de uma API
Java ([Link]
melhore-codigo-api-java)
Curso Curso SOLID com PHP: princípios da programação orientada a objetos
([Link]
objetos)
Curso Curso iOS: escrevendo código de qualidade com SOLID em Swift
([Link]
solid-swift)
Curso SOLID com TypeScript: aplicando boas práticas em orientação a
objetos ([Link]
praticas-orientacao-objetos)
Curso Formação Boas práticas em C#
([Link]
Curso Formação Boas práticas em PHP
([Link]
Curso Formação Boas práticas em Java
([Link]
Site Livro Casa do Código: Desbravando SOLID - Práticas avançadas para
códigos de qualidade em Java moderno
([Link]
YouTube CodandoTV(Rods): SOLID e o 'D' do Principio da Inversão de
Dependência usando a Injeção de Dependência para ajudar
([Link]

Clean Architecture:
A Clean Architecture (Arquitetura Limpa) é uma forma de desenvolver
software, de tal forma que apenas olhando para o código fonte de um
programa, você deve ser capaz de dizer o que o programa faz.
Conteúdos

Artigo Descomplicando a Clean Architecture


([Link]
cf4dfc4a1ac6)
YouTube Como DEV ser!: Entenda CLEAN ARCHITECTURE de uma vez por
todas! ([Link]
YouTube Full Cycle: O que é Clean Architecture
([Link]
YouTubeCodandoTV(Rods) - Simplificando o Clean Architecture +MVVM na
sua aplicação mobile - Guia Completo ([Link]
I5I4zsnYLlSjD)
Conteúdos Alura:

Site Clean Architecture (Arquitetura Limpa) - O que é?


([Link]
arquitetura-limpa-o-que-e--c204)
Podcast [Link]: Clean Architeture - Hipsters Ponto Tech 254
([Link]
Alura: Arquitetura de sistemas ([Link]
YouTube

v=oedWxgAZc2A)
Site Primeiras aulas do curso Java e Clean Architecture: descomplicando
arquitetura de software ([Link]
architecture)
CursoCurso Java e Clean Architecture: descomplicando arquitetura de
software ([Link]
CursoCurso PHP e Clean Architecture: descomplicando arquitetura de
software ([Link]
achitecture)

Firebase:
O Firebase é uma plataforma de desenvolvimento de aplicativos Backend-
as-a-Service (BaaS) que fornece serviços de backend hospedados, tais
como banco de dados em tempo real, armazenamento em nuvem,
autenticação, relatórios de falhas, aprendizado de máquina, configuração
remota e hospedagem para seus arquivos estáticos.
Entender como Instalar o Firebase
Conhecer a documentação do Firebase
Conhecer as ferramentas do Firebase disponíveis
Conteúdos

Site Produtos do Firebase | Firebase


([Link]
SiteCasos de Uso do Firebase | Firebase ([Link]
cases?hl=pt-br)
Site Adicionando o Firebase ao App Flutter | Firebase Docs
([Link]
Site Adicionando o Firebase ao seu projeto Android | Firebase Docs
([Link]
YouTube Firebase: Começando no Firebase com Flutter - Firecasts (inglês)
([Link]
YouTube Prof. Diego Antunes: Instalação do Firebase no Flutter em 2022
(FlutterFire e Realtime Database) ([Link]
v=OjdGSoDntZQ&ab_channel=[Link])
Site Precificação do Firebase | Firebase
([Link]
Conteúdos Alura:
Artigo Integrando App Android com o Firebase Cloud Messaging
([Link]
cloud-messaging)
Artigo Tratando notificações recebidas do Firebase no Android
([Link]
firebase-no-android)
Artigo Autenticando com a conta Google no Android utilizando o Firebase
Authentication ([Link]
com-firebase-authentication)
Artigo Flutter: Tratamento de exceções com Firebase Crashlytics
([Link]
crashlytics)
YouTubeAlura: Primeiros passos em Cloud Firestore no Flutter (Parte 1) |
#AluraMais ([Link]
YouTubeAlura: Primeiros passos em Cloud Firestore no Flutter (Parte 2) |
#AluraMais ([Link]
YouTube Alura: Registro de exceções no Firebase Crashlytics | #AluraMais
([Link]
v=L0LjsG_eNyY&ab_channel=AluraCursosOnline)
Curso Curso Flutter: Push Notifications com Firebase Cloud Messaging
([Link]
cloud-messaging)
Curso Formação Firebase com Android
([Link]

Habilidade Auxiliar: UX e Design


Design System:
Um Design System (sistema de design) é uma coleção de componentes
reutilizáveis, guiados por padrões claros, que podem ser colocados juntos
para construir aplicações.
Criar e manter bibliotecas que serão consumidas e usadas como padrão
para a construção de um projeto
Design tokens
Estilos fundamentais
Construção de componentes
Microinterações
Documentação
Conteúdos

Artigo Design System: o que é e quais os benefícios?


([Link]
438773dd811)
Afinal, o que é Design System? ([Link]
Artigo

que-%C3%A9-design-system-448c257b0021)
ArtigoO que são Design Tokens ([Link]
tokens-112b2ee11ddf)
YouTubeCaio Gonzalez: O que é Design System? / Guia para começar o seu
próprio Design System ([Link]
Conteúdos Alura:

ArtigoO que é Design System? ([Link]


design-system)
Artigo Design Systems: exemplos práticos
([Link]
YouTube Alura: Design System & Style Guide
([Link]
YouTube Alura: Design Systems (com Charles Assunção)
([Link]
Podcast [Link]: Design Systems - Hipsters 170
([Link]
170-a399)
Podcast [Link]: Design System – Layers ponto tech 36
([Link]
tech-36-a1056)
Curso Design System: definindo estilos e tokens
([Link]
tokens)
Curso Design System: projetando e construindo componentes
([Link]
componentes)
Curso Design System: documentando um design system
([Link]
system)
Desafio Experimente o que é ser um(a) profissional de Ux
([Link]

Figma - Fundamentos:
Figma é uma aplicação web colaborativa para design de interfaces. O
conjunto de recursos do Figma se concentra na interface do usuário e no
design da experiência do usuário, com ênfase na colaboração em tempo
real, utilizando uma variedade de editores de gráficos vetoriais e
ferramentas de prototipagem.
Criar layouts de páginas e componentes
Conteúdos
Site Figma Básico - Primeiros passos com Figma
([Link]
O que é o Figma e por que usar ele? ([Link]
Artigo

que-%C3%A9-o-figma-e-por-que-usar-ele-a71fbf1dbdd8)
Artigo Entenda o que é e como usar o Figma para criar designs
([Link]
YouTube Marco Bruno: Como usar o Figma!
([Link]
YouTube 4 Exemplos de Componentes interativos no Figma
([Link]
Conteúdos Alura:
Artigo Figma: o que é a ferramenta, Design e uso
([Link]
Site Como Front-End utiliza o Figma - Alura+
([Link]
figma-c858)
Artigo Top 5 plugins no Figma para trabalhar com Design System
([Link]
design-system)
Artigo 5 plugins essenciais que você precisa ter no seu Figma
([Link]
Artigo 10 truques incríveis e pouco conhecidos no Figma
([Link]
figma)
Podcast [Link]: Figma do Design ao Código 03
([Link]
layers-ponto-tech-03-a726)
YouTube Como fazer estilos locais mais rapidamente no Figma?
([Link]
Curso Formação Figma ([Link]

Componentes de design:
Conhecer os componentes descrevem um layout ou interface
Conteúdos

Artigo Componentes Principais UI


([Link]
8b538a3aaaa5)
Artigo Compartilhando CSS em projetos do Nx
([Link]
YouTubedanielmacedoco: UI Design e Design System - Visão geral e prática
sobre alguns componentes ([Link]
v=VpgQNeSItpA)
YouTube 4 Exemplos de Componentes interativos no Figma
([Link]
Conteúdos Alura:
Curso Curso Design System: criando componentes e documentando
([Link]
documentando)
Curso Curso Figma: conhecendo componentes da interface
([Link]
interface)

Sistemas de cores:
Definir uma paleta de cores que faça sentido para determinada interface
Conteúdos
Artigo Cores em UI: Um Guia Rápido Para Usar em Seus Projetos
([Link]
em-seus-projetos-31ccffe3e16b)
Artigo A Psicologia das cores e sua relação com o UX Design
([Link]
rela%C3%A7%C3%A3o-com-o-ux-design-af02460639cd)
YouTube [Link]: Aplicação de Cores - Princípios do UI
([Link]
Conteúdos Alura:
Curso Cores para Designers: escolhendo e trabalhando com cores em
Curso

um projeto ([Link]
Site Primeiras aulas do curso Cores: sistemas básicos e paletas
([Link]
CursoCores: sistemas básicos e paletas ([Link]
online-fundamentos-da-cor)
Curso Curso Design editorial: criação de materiais gráficos
([Link]
Como usar fontes:
Escolher a fonte mais adequada para determinado projeto
Conteúdos

ArtigoVocê sabe usar tipografia em UI Design? ([Link]


school/voc%C3%AA-sabe-usar-tipografia-em-ui-design-9ce4ccdbab43)
Artigo As 20 fontes mais usadas pelos designers gráficos
([Link]
todos-os-tempos-38a6c121dfb)
Artigo Usando ícones SVG como fontes com o IcoMoon
([Link]
icomoon-563e)
YouTube Nadine Fronza: Como escolher a melhor fonte para seu projeto
([Link]
YouTube Thiago Abreu: Como Escolher Fontes para um Trabalho de Design
([Link]
Conteúdos Alura:
Artigo 10 tipografias gratuitas para um design incrível
([Link]
Site Tipografia para Web ([Link]
Site Primeiras aulas do curso Tipografia: conhecendo o que há por trás dos
tipos ([Link]
Curso Curso Tipografia: conhecendo o que há por trás dos tipos
([Link]
Curso Curso Design editorial: criação de materiais gráficos
([Link]

Acessibilidade em Flutter:
Acessibilidade Digital é a eliminação de barreiras na Web. O conceito
pressupõe que os sites e aplicativos sejam projetados de modo que todas as
pessoas possam perceber, entender, navegar e interagir de maneira efetiva
com as páginas, incluindo pessoas com necessidades de acessibilidades,
como pessoas com problemas de visão, daltonismo, dificuldades auditivas,
comprometimento motor, deficiência cognitivas e muitos outros tipos de
deficiência.
Escrever código com acessibilidade em mente
Aumentar a visibilidade do texto
Usar controles grandes e simples
Descrever cada elemento de IU
Conteúdos
Site Flutter - Documentação - Acessibilidade (em inglês)
([Link]
localization/accessibility)
Artigo Flutter: dicas para acessibilidade no seu aplicativo
([Link]
aplicati-16c8fee46342)
Artigo Melhorando acessibilidade de linhas e colunas em Flutter
([Link]
flutter/)
YouTube Flutter: Construindo acessibilidade com Flutter (em inglês)
([Link]
YouTubemonterail: Funcionalidades de acessibilidade e como implementá-
las em Flutter (em inglês) ([Link]
v=sO97YsPxwsw)

Design Responsivo:
Ajustar suas páginas para o tamanho da tela do usuário
Media queries
Conhecer o conceito de Mobile first
Conteúdos

Artigo Design responsivo para leigos


([Link]
888c9d0dfdaf)
ArtigoEntendendo as diferenças entre design responsivo, adaptativo e
mobile-first ([Link]
diferen%C3%A7as-entre-design-responsivo-adaptativo-e-mobile-first-
ea3c61fc9181)
Artigo Web Design Responsivo — O Que É e Como Usá-lo
([Link]
%C3%A9-e-como-us%C3%A1-lo-12477b168fc7)
YouTube MobGeek: O que é Design Responsivo?
([Link]
YouTube Ralf Lima: Mobile First e Desktop First
([Link]
Conteúdos Alura:

Artigo Como fazer Grids e a Responsividade na Web


([Link]
na-web)
Curso Curso Layouts Responsivos: trabalhando com layouts mobile
([Link]
Curso HTML e CSS: responsividade com mobile-first
([Link]
first)
Desafio 7 Days of Code: Responsividade
([Link]

TechGuide - Alura
Alura, PM3 e FIAP
O [Link] é um projeto open source

Você também pode gostar