Tendo como base o incrível developer roadmap e o frontend handbook
- HTML
- CSS
- GIT
- Terminal (Linha de Comando)
- HTTP
- Lógica de Programação
- Javascript e frameworks
- Testes
- Editores de Texto
- Design e layout
- Eventos e palestras
- Cursos, desafios e exercícios
- Freelas e jobs
- APIs e ideias
- Outros
- Pesquisa
- Código online
- Canvas
- Programação Funcional
-
HTML Tutorial - htmldog inglês
Um tutorial bem bacana de HTML ordenado em básico, intermediário e avançado.
-
HTML Cheatsheet - digital inglês
Folha de cola bem bonitinha e com exemplos bem legais.
-
HTMLcheatsheet inglês
Folha de cola bem completa e reduzida.
-
HTML Tags inglês
Lista de tags HTML.
-
Markup Validator inglês
Revisa o seu HTML.
-
Character Codes inglês
Lista de como fazer caracteres especiais no HTML.
-
Bad HTML inglês
Lista de práticas ruins. É um site bem intencionalmente bem feio, mas com muito conteúdo.
-
O que é SEO? português
Bastante conteúdo sobre SEO, dividido em tópicos.
-
SEO Ranking factors - no pinterest inglês
-
CSS Tutorial - htmldog inglês
Um tutorial bem bacana de HTML ordenado em básico, intermediário e avançado.
-
Maujor português
Site com muuuuuuito conteúdo (não só de CSS!)
-
CSS Tricks inglês
Site com muito conteúdo de CSS.
-
CSS Cheatsheet - Toptal inglês
Folha de cola reduzida da Toptal.
-
CSS Generator inglês
Simulador de algumas propriedades do css.
-
You might not need javascript inglês
Coisas que você consegue fazer sem usar javascript, apenas com css.
-
A beginners guide to pure css images inglês
Texto bem bacana ensinando a desenhar com CSS.
-
Flexbox Cheat Sheet inglês
Folha de cola de flexbox, feito todo com desenhos bonitinhos.
-
Introdução ao design responsivo português
-
Mobile First português
-
Google Mobile Friendly inglês
Ferramenta do google que verifica o quão responsiva sua página está.
-
SASS inglês
-
LESS inglês
-
Stylus inglês
-
CSS Modules inglês
-
Bootstrap inglês
-
Semantic UI inglês
-
OOCSS - Object Oriented CSS inglês
-
OOCSS - Tableless português
-
Afinal, como escrever css? português
-
BEM Introduction inglês
Metodologia utilizada para nomenclatura de classes no CSS.
-
Airbnb Styleguide inglês
-
Github Student Pack inglês
Tenha acesso a conta premium do github DE GRÁTIS (se for estudante).
-
Plano para estudar git e github enquanto aprende programação português
-
Git - the simple guide português
-
Github: do clone ao pull request português
-
Oh shit git! inglês
Caso algo não saia como o planejado, aqui tem um compilado de links úteis que podem te salvar. Tudo é reversível, nada está perdido!
-
Iniciando na linha de comando português
-
Command line inglês
-
Configurando zsh no linux inglês
-
Oh my zsh inglês
-
HTTP Status inglês
-
HTTP Status Dog inglês
-
Axios inglês
Ferramenta que facilita as requisições
-
Livro importantíssimo (e já com es6!) e de fácil leitura para quem está começando a se aventurar com javascript.
-
Tutorial, com exemplos, de conceitos importantes de javascript com es6.
-
Para quem está migrando do jquery para o javascript, aqui fala como fazer com javascript o que se fazia com jquery.
-
Te ajuda a criar um app, tirando algumas preocupações (como instalação de babel e outras coisas) da sua mão. Bem útil para quem está começando também.
-
Javascript compiler.
Ferramenta de testes para javascript.
Ferramenta de testes para javascript.
Ferramenta do facebook para testes para javascript.
Ferramenta para auxílio nos testes em React.
-
[Protractor]
-
[Karma]
-
Colorzilla inglês
Plugin que mostra cores usadas na página.
-
Adobe Color português
Crie e salve a sua própria paleta de cores.
-
Coolors inglês
Aperte espaço para gerar uma paleta nova de cores <3
-
Color hunt inglês
-
Bada55 - cores maneiras inglês
Cores legais votadas pela comunidade.
-
Ui Gradients inglês
-
Movies in color inglês
Paleta de cores retiradas de cenas de filmes.
-
Teoria das Cores português
-
Color theory design inglês
-
Como escolher a cor ideal para o seu negócio? - no pinterest português
-
Tipografia básica - no pinterest português
-
Guia sobre tipografia português
-
Font Moods - no pinterest inglês
-
Font Psychology - no pinterest inglês
-
Google Fonts inglês
-
1001 fonts inglês
-
Webfont Generator inglês
-
Font Pair inglês
Trás boas combinações de fontes do Google Fonts.
-
Fontface ninja inglês
Plugin que fala quais fontes estão sendo utilizadas na página.
-
Fontstruct inglês
Crie, compartilhe e faça o download de fontes.
-
Fontflame inglês
Tinder para fontes
-
Pinterest português
-
Dribbble inglês
-
CSS Winner inglês
-
CSS Design Awards inglês
-
Awwwards inglês
-
The FWA inglês
-
One page love inglês
-
Behance inglês
-
Site inspire inglês
-
Uplabs inglês
-
Mobile patterns inglês
-
Lista com mulheres palestrantes para chamar para o seu evento. Se você é mulher e quer estar na lista, basta abrir um pull request com seu nome e aguardar o/
-
Site que ajuda a montar a sua palestra.
-
Lista de eventos que irão acontecer, em que são acessíveis e como apoiam a diversidade <3
-
Guideline de estudos
-
Contém desafios com várias linguagens (inclusive javascript) e muitas empresas usam para fazer seus testes admissionais.
-
Sempre sai curso em promoção (recomendo esperar xD)
-
51 freelance websites - no pinterest inglês
-
@UdemyGratis
-
@mulherespodcasters
-
@packtfreebot
-
@mundoJS
-
Lista de coisas que podemos fazer hoje através do browser.
-
Dilinger - Markdown online editor
Caso queira escrever algo com markdown (aqui no github, por exemplo) você pode formatar nesse link e colar aqui depois.
