Download

Estrutura do padrão BEM

Pronto para descomplicar seu CSS?

Aprenda como blocos, elementos e modificadores se combinam para criar um código organizado, escalável e fácil de manter.

Capítulos que serão abordados

Estrutura do padrão BEM

- Bloco (Block)

- Características

- Estrutura

- Funcionamento

- Exemplos

- Elemento (Element)

- Características

- Estrutura

- Funcionamento

- Exemplos

- Modificadores (Modifier)

- Características

- Estrutura

- Funcionamento

- Exemplos

Boas práticas

- Aninhamento de elementos

- Evitando a herança não intencional de estilos mantendo a hierarquia clara

- Utilização de classes específicas e únicas

- Evitando especificidade excessiva

Integração do BEM com JavaScript

- Utilizando Seletores BEM

- Adicionar e remover classes BEM dinamicamente com JavaScript

- Alterando classes BEM dinamicamente

Criando componentes BEM reutilizáveis em diferentes partes do projeto

- Identificação e estruturação dos componentes

- Determinação da Estrutura de Classes BEM

- Utilização de Modificadores

- Criação de Estilos CSS

- Reutilização de componentes

- Manutenção e Atualização

Plugin VsCode

26 páginas de conteúdo!

Falta pouco para você ter acesso a todo este conteúdo

Preencha os campos abaixo e receba o e-book em seu e-mail.

*Todos os campos são obrigatórios.