Flutter
Flutter
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)
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)
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]
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 - 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
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
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
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
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
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]
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 - 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]
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
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
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
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:
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]
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
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
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
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
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:
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
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
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
TechGuide - Alura
Alura, PM3 e FIAP
O [Link] é um projeto open source