Uma lista de links, documentações e artigos úteis para o desenvolvimento de aplicações frontend.

Conteúdo

Conteúdo	O que tem?
🤯 Conceitos	Artigos e links para aprender/lembrar conceitos importantes	Ver
🔨 Desenvolvimento	Ferramentas úteis para desenvolvimento	Ver
🆒 Dicas	Coleções de dicas e utilidades	Ver
📂 Bibliotecas	🚧...👨‍💻...🚧	Ver
📑 Style guides	🚧...👨‍💻...🚧	Ver
💄 UI	🚧...👨‍💻...🚧	Ver
👉🏻 Gerador de CSS	🚧...👨‍💻...🚧	Ver
🎨 Cores	🚧...👨‍💻...🚧	Ver
🏃 Animações CSS	🚧...👨‍💻...🚧	Ver
📝 Markdown	🚧...👨‍💻...🚧	Ver
📋 Listas	🚧...👨‍💻...🚧	Ver
🅰️ Fontes	🚧...👨‍💻...🚧	Ver
👍🏻 Ícones	🚧...👨‍💻...🚧	Ver
🎴 Imagens	🚧...👨‍💻...🚧	Ver
🈵 Lorem Ipsum	🚧...👨‍💻...🚧	Ver
💡 Design	🚧...👨‍💻...🚧	Ver
👓 Listas Awesome	🚧...👨‍💻...🚧	Ver
❓ Tutoriais	🚧...👨‍💻...🚧	Ver
📰 Artigos	🚧...👨‍💻...🚧	Ver
💻 Sites de Artigos e tutoriais	🚧...👨‍💻...🚧	Ver
⚛ React.js	🚧...👨‍💻...🚧	Ver
🔻 Vue.js	🚧...👨‍💻...🚧	Ver
⬇️ Extensões	🚧...👨‍💻...🚧	Ver
📔 Documentações	🚧...👨‍💻...🚧	Ver

Conceitos

7 Regras para criar UIs Part I - Uma lista com 7 "regras" para seguir ao criar interfaces de usuário (parte I).
7 Regras para criar UIs Part II - Uma lista com 7 "regras" para seguir ao criar interfaces de usuário (parte II).
30 seletores CSS - Uma lista com 30 formas de selecionar elementos com CSS.
BEM - Padrão de nomenclatura de classes CSS para um projeto organizado.
Código Limpo com Javascript - Conceitos de código limpo aplicados em Javascript.
Conteúdo do Head - Uma lista com tags para inserir no HEAD da página e o porquê de inseri-las.
Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
Frontend Checklist II - Outra lista de itens necessários/obrigatórios em uma aplicação frontend.
HTML5 Cheatsheet - Uma lista com todas as tags HTML e uma descrição sobre quando dever ser utilizadas.
Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
+ Javascript Design Patterns - Mais alguns design patterns explicados e exemplificados em Javascript.
Micro-frontend - Artigo sobre o conceito de micro frontends.
Mobile First - Um guia sobre o conceito "Mobile First".
Organizando o HTML - Estruturando o HTML da forma correta.
Padrões de Arquitetura - Padrões explicados: MVC, MVP, VIPER, MVVM, MVI, FLUX, REDUX.
Padrões de Arquitetura II - Os mais importantes padrões de arquitetura.
SEO - Um guia sobre SEO.
SOLID - Um guia completo sobre SOLID.
Testes - Um artigo sobre testes em frontend.
UI Patterns - Design patterns na criação de interfaces de usuário.
Validação de formulários - Um artigo com as melhores práticas para validação de formulários.

⬆ Voltar ao menu

Desenvolvimento

4Devs - Ferramenta para desenvolvedores: geradores, validadores, funções...
Can I Use? - Informa se determinado recurso é suportado por browsers ou por determinadas versões.
Conventional Commits - Uma convenção simples para dar um significado legível às mensagens de commit.
Free Formatter - Ferramenta para desenvolvedores: formatadores, validadores, minificadores de código, conversores...
Gitmoji - Uma forma visual de categorizar os commits de um projeto.
Oh Shit Git - Uma lista com comandos GIT que podem salvar.
Pingdom Website Speed Test - Uma ferramenta online para testes de performance em sites.
REPL - Uma IDE online, com suporte a mais de 50 linguagens.

⬆ Voltar ao menu

Dicas

30 Seconds of Code - Outra coleção de dicas e utilidades Javascript.
33 JS Concepts - 33 conceitos em Javascript que todo desenvolvedor "deve" conhecer.
Apps Ideas - Uma coleção de idéias para criar aplicações para aprender um novo conceito, uma nova tecnologia ou aumentar o portifólio. ★
CSS Protips - Coleção de dicas e utilidades CSS.
JS Tips - Coleção de dicas e utilidades Javascript.
Web Development Roadmap - Um roteiro de estudo, focado em áreas de desenvolvimento web.

⬆ Voltar ao menu