Arquitetura CSS Limpa e Escalável (2023)
Aprenda a Escrever Código CSS Limpo e Escalável
Neste curso, você aprenderá como escrever código CSS limpo e escalável. Abordaremos tópicos como criação de CSS modular e implementação de princípios Orientados a Objetos, como SOLID, DRY e imutabilidade. Ao entender esses conceitos, você poderá melhorar seu código CSS e evitar problemas comuns.
O CSS pode parecer fácil de aprender e escrever, mas quando se trata de escrever código escalável e sustentável para projetos grandes, pode se tornar desafiador. Uma das razões para isso é que o CSS opera em um escopo global, o que significa que qualquer alteração em um arquivo pode ter efeitos inesperados em outros elementos ou páginas. Além disso, o CSS é altamente mutável devido à sua natureza em cascata, o que pode levar a confusão e resultados inesperados. A ordem de origem e a especificidade do CSS também desempenham um papel significativo em seu comportamento, tornando difícil sua estruturação e escalabilidade.
Neste curso, forneceremos uma abordagem melhor para a arquitetura CSS. Nosso objetivo é ajudá-lo a escrever CSS previsível, reutilizável e sustentável. Exploraremos como aplicar os princípios da Programação Orientada a Objetos (POO) que você já pode estar familiarizado em linguagens como Java, PHP e C#. Ao traduzir esses princípios para o CSS, você pode criar um código modular e previsível.
Ao longo do curso, discutiremos os principais problemas do CSS e como superá-los. Abordaremos tópicos como a importância de um bom gráfico de especificidade, os conceitos de OOCSS (CSS Orientado a Objetos) e BEM (Block Element Modifier) e como gerenciar o gráfico de especificidade com a abordagem do Triângulo Invertido.
Este curso é projetado para aqueles que estão interessados em aprender como escrever código CSS limpo e escalável. Se você é um iniciante ou tem alguma experiência com CSS, este curso fornecerá insights valiosos e técnicas para melhorar sua arquitetura CSS.
Junte-se a nós agora e leve suas habilidades de CSS para o próximo nível!
O que você aprenderá:
- Compreender problemas comuns do CSS
- Como escrever código CSS limpo
- Implementar princípios Orientados a Objetos no CSS (SOLID, DRY, imutabilidade...)
- Reconhecer bons e maus gráficos de especificidade
- Compreender os conceitos de OOCSS e como ele pode melhorar seu código
- Aprender sobre os conceitos de BEM
- Gerenciar o gráfico de especificidade com a abordagem do Triângulo Invertido
