Guideline Front-End

guideline.md

Linguagem

Javascript

Comparativo de compatibilidade da ES6 pelos navegadores

Um guia com recursos para aprender a ES6

Discussão sobre JS disabilitado

Tratamento de erros no JS

Cheat Sheet ES6

Guideline do AirBnB pra estilo do JS com regras configuradas pro ESLint

Excelente resumo do ES6 no blog da Concrete

Excelente explicação sobre Generators

Bad parts que o ES6 e 7 consertam

Tricks que dá pra fazer com ES6

Como substituir o lodash por ES6

Artigo interessante pra demonstrar o perigo sem strict

Quando não usar Arrow Function

Resumo de Service Worker, Web Worker e WebSocket

Dicas estúpidas de tão bacanas em ES6

Comparação entre configurações pro ESLint

Excelente artigo sobre Immutable

Melhor artigo sobre Invariance, covariance, contravariance e bivariance

Introdução ao ES6

Estilo de escrita

Nodejs

Guideline

Estilos

Tendências de layout para 2015 e 2016

CSS dentro do componente e o fim de css global

Layout

Excelente resumo sobre tipografia

Flat Design

Guia interessante sobre Flat em geral

Account Registration

UX sobre Login e Registro

Menus e Navegação

Porque e como evitar o Hamburguer Menu

Uma proposta pra Drop Down no mobile

Discussões sobre Bottom Navigation

Exemplos de navegação para Mobile

Patterns de navegação Mobile First

Infinite Scrolling vs Paginação

Cards

Guia completo e resumido sobre Cards

Forms e Inputs

10 boas práticas para Forms

Boas práticas de Forms

Boas práticas para botões

Boostrap, Foundation, Frameworks para estilização

Material Design

Especificação

Sugestão de implementação do Google

Font Awesome

Estratégias

Progressive Web Apps

Guide de bons materiais para aprender sobre PWA

Offline First

Guia bem completo com links para o mundo Offline-First

Proposta sobre anonimos, ciclo de vida da conexão, resolução de conflitos

Bom post básico sobre Service Workers

Mobile First

Progressive Enhacement e Graceful degradation

Prototipando para pequenas telas

Atomic Design

Idéia de implementação com React

Proposta com React mais antiga, mas com referências as propostas de Atomic

Responsive Deliverables

Proposta da entregáveis responsivos Coleção de recursos sobre responsabilidade

Isomorphism

React no server e client

Palestra sobre react isomorfico

CSSX, estratégia de CSS como cidadão de primeira classe

Charts com React

UX

Diferença entre UX, UI, IA e IxD

Apostila completa da Caelum

UX Patterns

Aonde procurar Patterns

Pop-up inspiration

Chamada primária e secundária para ações em botões

Inspiração de Date Pickers

Mobile UX para buscas

Coisas em geral do que fazer e não fazer, principalmente em mensagens

Tools

Pré-processadores CSS

Stylus

PostCSS

Stylus trabalhando junto com PostCSS

Design

Sketch

Origami

Development

editor Atom

Product Development

User Centered Design Canvas

Marketing

Boas práticas pra content marketing

Psicologia das cores no marketing e nas marcas

Mais sobre psicologia das cores com infográfico

Canvas para Marketing

Template do Elon Musk

5 Passos para fortalecer a marca

Headlines para propagar e postar sobre assuntos

Utils

Cheat Sheet Markdown

Lista de Checklists de UX

32 ferramentas de produtividade

React World

Cheat Sheet

Redux Saga para substituir o Thunk para necessidades de Async

Um bom resumo sobre o pattern Saga

Melhor apresentação sobre o Redux

Componentes do Material Design com react

React ORM

Redux Storage com abordagem para salver local pro Offline First

Bom resumo sobre boas práticas em testes

Centenas de libs pra Redux

Libs pra React Native

Reduzindo o tamanho de uma app com React

Boas dicas de unit test com Jest

Libs

React

Create React App

React Router

Redux

React Router Redux

Action e selectors

Redux Saga

Data Grid

I18n

Charts

React Styleguidist

Source Map Explorer