awesome-frontend
:eyeglasses: Uma lista de links, documentações e artigos úteis para o desenvolvimento de aplicações frontend.
https://github.com/EduardoRotundaro/awesome-frontend
Last synced: 3 days ago
JSON representation
-
Listas Awesome
-
Dicas
- CSS Protips - Coleção de dicas e utilidades CSS.
- JS Tips - Coleção de dicas e utilidades Javascript.
- 30 Seconds of Code - Outra coleção de dicas e utilidades Javascript.
- Web Development Roadmap - Um roteiro de estudo, focado em áreas de desenvolvimento web.
- 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. ★
-
React
-
Sites de Artigos e tutoriais
-
Desenvolvimento
- Can I Use? - Informa se determinado recurso é suportado por browsers ou por determinadas versões.
- Oh Shit Git - Uma lista com comandos GIT que podem salvar.
- Pingdom Website Speed Test - Uma ferramenta online para testes de performance em sites.
- Free Formatter - Ferramenta para desenvolvedores: formatadores, validadores, minificadores de código, conversores...
- Conventional Commits - Uma convenção simples para dar um significado legível às mensagens de commit.
- 4Devs - Ferramenta para desenvolvedores: geradores, validadores, funções...
- REPL - Uma IDE online, com suporte a mais de 50 linguagens.
-
Tutoriais
-
Bibliotecas
- Tailwind - framework CSS para criação rápida de estilos.
- Bourbon - coleção de ferramentas SASS.
- Base - framework CSS responsivo.
- Post CSS - criação e edição de estilos CSS com plugins.
- Moment.js - biblioteca de manipulação de datas me JS.
- Bulma - framework CSS baseado em Flexbox.
- Lodash - biblioteca de utilidades em JS.
- 960 Grid System - sistema de grid com 12 ou 16 colunas.
- CSS Owl - coleção de mixins utilitários.
- Pug - template engine.
- Math.js - biblioteca de utilidades matemáticas.
- Is.js - biblioteca para validações.
- Voca.js - biblioteca para strings em JS.
- Andy.scss - coleção de mixins utilitários.
- Breakpoint SASS - coleção de Media Queries.
- Dinero - biblioteca para manipulações com dinheiro.
- Clipboard - biblioteca utilitária para "Copy to clipboard".
- History - biblioteca de histórico e estados.
- Luxon - biblioteca de manipulação de datas me JS.
- Analyze CSS - analisar performance de arquivos CSS.
- SASS CSS3 Mixins - coleção de mixins utilitários.
- Pleeease - pré-processador de CSS.
- Is.js - biblioteca para validações.
- Pure CSS - pacote de módulos CSS leve e responsivo.
-
Design
-
Cores
-
Gerador de CSS
-
Ícones
-
Imagens
-
Animações CSS
-
Extensões
-
Fontes
-
Style guides
-
Markdown
-
Listas
-
Lorem Ipsum
-
Documentações
-
Conceitos
- 7 Regras para criar UIs Part II - Uma lista com 7 "regras" para seguir ao criar interfaces de usuário (parte II).
- 7 Regras para criar UIs Part I - Uma lista com 7 "regras" para seguir ao criar interfaces de usuário (parte I).
- Organizando o HTML - Estruturando o HTML da forma correta.
- Padrões de Arquitetura - Padrões explicados: MVC, MVP, VIPER, MVVM, MVI, FLUX, REDUX.
- Frontend Checklist I - Uma 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.
- Micro-frontend - Artigo sobre o conceito de micro frontends.
- Mobile First - Um guia sobre o conceito "Mobile First".
- 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.
- Validação de formulários - Um artigo com as melhores práticas para validação de formulários.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- Padrões de Arquitetura II - Os mais importantes padrões de arquitetura.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- Padrões de Arquitetura II - Os mais importantes padrões de arquitetura.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- Padrões de Arquitetura II - Os mais importantes padrões de arquitetura.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- Padrões de Arquitetura II - Os mais importantes padrões de arquitetura.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- Padrões de Arquitetura II - Os mais importantes padrões de arquitetura.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- Padrões de Arquitetura II - Os mais importantes padrões de arquitetura.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- Padrões de Arquitetura II - Os mais importantes padrões de arquitetura.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- 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.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- 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.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- Padrões de Arquitetura - Padrões explicados: MVC, MVP, VIPER, MVVM, MVI, FLUX, REDUX.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- 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.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- 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.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- 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.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- 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.
- Frontend Checklist I - Uma lista de itens necessários/obrigatórios em uma aplicação frontend.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- 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.
- + Javascript Design Patterns - Mais alguns design patterns explicados e exemplificados em Javascript.
- Código Limpo com Javascript - Conceitos de código limpo aplicados em Javascript.
- Frontend Checklist II - Outra lista de itens necessários/obrigatórios em uma aplicação frontend.
- 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.
- Padrões de Arquitetura - Padrões explicados: MVC, MVP, VIPER, MVVM, MVI, FLUX, REDUX.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- Padrões de Arquitetura II - Os mais importantes padrões de arquitetura.
- Javascript Design Patterns - Decorators, Facades e Proxies explicadas e exemplificadas em Javascript.
- Padrões de Arquitetura II - Os mais importantes padrões de arquitetura.
- SOLID - Um guia completo sobre SOLID.
- Testes - Um artigo sobre testes em frontend.
- SEO - Um guia sobre SEO.
- 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.
-
Artigos
- Media Queries
- 9 Flexbox Features
- Code Geekz
- Frontend Development Roadmap
- Lazy Loading Images
- SASS Structure
- SASS Structure
- SASS Structure
- SASS Structure
- SASS Structure
- SASS Structure
- SASS Structure
- SASS Structure
- SASS Structure
- SASS Structure
- SASS Structure
- SASS Structure
- SASS Structure
- SASS Structure
- You Dont Know JS
- SASS Structure
-
UI
Programming Languages
Categories
Sub Categories
Keywords
javascript
15
react
10
awesome-list
8
awesome
8
css
8
es6
4
list
3
lists
3
resources
3
programming
3
nodejs
3
html
3
typescript
2
reference
2
web-development
2
design-patterns
2
css-animations
2
eslint
2
learn-to-code
2
computer-science
2
es2015
2
redux
2
education
2
webpack
2
react-native
2
animation
2
best-practices
2
javascript-closures
1
javascript-engines
1
javascript-programming
1
es6-javascript
1
concepts
1
angular
1
training-providers
1
training-materials
1
prototypes
1
stylesheets
1
animation-library
1
closures
1
book-series
1
clipboard
1
yarn
1
stylelint
1
study-plan
1
jest
1
grab
1
front-end
1
flowtype
1
engineering
1
css-modules
1