Premissas

[huogerac]

Visão geral

Em um trabalho colaborativo de código, é comum ter falta de padrão ou cada um trabalhando de uma forma diferente, isto torna a manutenção mais difícil.

Ideias para minimizar este problema

• Segui algum padrão
• Decidir se o código, nomes das classes devem estar em Português ou Inglês
• Escrever CSS consistente
• Evitar usar nome de cores (preferir #hex)
• Utilizar variáveis (CSS variables)
• Remover CSS sem uso (será que existe um plugin para detectar isto automaticamente?)
• Considerar o uso de algum padrão para CSS:
  • BEM (Block Element Modifier) http://getbem.com/introduction/
  • ITCSS (Inverted Triangle CSS) — https://willianjusten.com.br/organizando-seu-css-com-itcss
  • OOCSS (Object Oriented CSS) https://github.com/stubbornella/oocss/wiki
• Utilizar HTML semântico (HTML semantics) https://developer.mozilla.org/en-US/docs/Glossary/Semantics#semantics_in_html

Tarefa

👉 O objetivo NÃO é utilizar TUDO, mas sim entender um pouco de cada método acima e tentar ver o que podemos pegar que pode ser saudável para nosso HTML e CSS. Coloque no comentário sua opinião

[julianapereiradev]

Sobre a questão do idioma eu queria saber como as empresas nacionais geralmente cobram isso? Se em projetos em equipe são feitos com código em português ou em inglês. Eu particularmente pensei em começar a treinar e codar em inglês porque observo muito mais informações/códigos na internet com esse idioma. Mas ao mesmo tempo como é o nosso primeiro projeto em grupo, não sei se já começar a codar em inglês pode acabar atrapalhando na hora de "escolher as palavras".

Eu dei uma lida nas metodologias e eu acredito que a que está mais parecida com o que vimos foi o BEM (Block Element Modifier). Por mais que eu tenha adorado a forma de organização do OOCSS (Object Oriented CSS) kkk pelo que eu entendi ele vale mais quando se tem um site com muuitas páginas. E como o próprio site que fala do Block Element Modifier diz, o BEM é uma metodologia "menos confusa do que os outros métodos, mas que ainda nos fornece a boa arquitetura que queremos (ou seja, OOCSS) e com uma terminologia reconhecível".

[huogerac]

Sobre o idioma, acredito que tem de tudo! acredito também que no CSS faz mais sentido Ingles, ainda mais se estamos utilizando um framework CSS, onde vamos criar estilo onde já tem estilo (classes CSS) do framework.

E falando nos padrões, acabei definindo algumas coisas...o que você acha? https://github.com/huogerac/todolist-turma1/blob/main/CONTRIBUTING.md

[julianapereiradev]

Sobre o idioma, acredito que tem de tudo! acredito também que no CSS faz mais sentido Ingles, ainda mais se estamos utilizando um framework CSS, onde vamos criar estilo onde já tem estilo (classes CSS) do framework.

E falando nos padrões, acabei definindo algumas coisas...o que você acha? https://github.com/huogerac/todolist-turma1/blob/main/CONTRIBUTING.md

Eu gostei bastante, principalmente porque juntou os princípios de "organização" do OOCSS com o padrão BEM. Eu entendi a metodologia por trás do padrão BEM, mas como eu não estava prestando atenção para padronização na escrita do meu código, eu vou ler de novo cada ponto para conseguir seguir a ideia de bloco-elemento-modificador de forma certinha na hora de escrever.

[ericksoumes]

Gostei muito do método BEM para escrever o código. Acredito que vai ajudar muito na origanização do projeto. Pelo o que eu pesquisei, o SASS também seria muito interessante usar, porque nos ajudaria a escrever o código mais rápido. Sobre a semântica do HTML, faz muito sentido usarmos os elementos certos para cada coisa.