Front-end chapter
  • Front-end chapter
  • Guia de boas práticas
    • Desenvolvendo com rapidez
    • Seguindo alguns princípios
    • Código limpo e bonito
    • Guias de estilo
    • HTML
    • CSS
    • JavaScript
    • SEO
    • Git
    • Turbinando os seus testes
  • CSS - Guia de estilo 🎨
    • Terminologia
    • Estilo de código
    • Acessando a DOM no JavaScript
    • Especificidade
    • OOCSS e BEM
    • Desenvolvimento responsivo
    • Sass
    • O que NÃO fazer de jeito nenhum
Powered by GitBook
On this page
  1. Guia de boas práticas

Guias de estilo

PreviousCódigo limpo e bonitoNextHTML

Last updated 6 years ago

Quando você está desenvolvendo, é importante seguir um padrão (como já deste guia). Algumas linguagens, bibliotecas e frameworks já têm seus padrões, que são definidos pelos seus próprios criadores (ou time de desenvolvedores) ou pela própria comunidade. Esses padrões são chamados de guias de estilo, que têm como objetivo informá-lo (a) sobre como produzir o melhor código possível, com a menor probabilidade de erros e mais acessível para você e para os outros.

e existem algumas regrinhas básicas a serem seguidas no desenvolvimento de aplicações Vue, enquanto algumas outras são sugestões para que o seu código fique melhor. Essas informações estão disponíveis no e é altamente recomendável que você leia antes de começar a codificação.

Leitura extra

Alguns clientes fornecerão um guia de estilos visual para o desenvolvimento front-end (ou algum UI/UX designer da Softbox o produzirá). Esses guias visuais são bem úteis na hora de desenvolver a interface gráfica de aplicações e, muitas vezes, devem ser seguidos à risca -- ou a sua tela com certeza não será aprovada pelo time de qualidade.

Leitura extra

React é uma e, apesar de não possuir um guia de estilos oficial, sugerimos também que você dê uma lida para que possa utilizá-lo como referência futura.

(publicado pelo Softboxer Pablo Silva)

Se o seu time não está usando o para fornecer os guias de estilo, sugira esta ferramenta, já que ela permite a criação de excelentes e completos guias, incluindo códigos de cores, arquivos estáticos, fontes, tamanhos, etc.

Também é altamente recomendável que você tenha em sua máquina uma régua virtual (como ) para auxiliar no desenvolvimento seguindo guias de estilo.

Guia de estilos do Airbnb para React/JSX
Vue.js component style guide
Zeplin
essa
50 meticulous style guides every startup should see before launching
How to create a brand style guide
Style guides for visual inspiration
foi dito em outras páginas
site oficial do Vue
neste guia
Aqui na Softbox utilizamos o framework Vue.js
biblioteca que faz parte da stack de desenvolvimento Front-end da Softbox