Metodologia BEM no CSS: Como Organizar Seu Código de Forma Eficiente

Quer saber mais sobre o nosso Curso Completo de HTML e CSS? Clique no link abaixo para garantir sua vaga na próxima turma: https://dlp.hashtagtreinamentos.com/html-css/espera/impressionador?origemurl=hashtag_yt_org_listaesperahc_0cHrLt38uB4 PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css2?origemurl=hashtag_yt_org_minihtmlcss_0cHrLt38uB4 ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-htmlcss-15MCxiYZk6uDaQSLXkW_pMh2GhoAnvrBP?origemurl=hashtag_yt_org_planilhahc_0cHrLt38uB4 ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/metodologia-bem-no-css-html-e-css ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt ----------------------------------------------------------------------- Você sabe o que é a metodologia BEM no CSS? Esse nome BEM, vem de Blocks, Elements e Modifiers. Traduzindo para o português, teríamos blocos, elementos e modificadores. Nessa aula eu vou te explicar qual é a principal funcionalidade da metodologia BEM, o que são blocos, o que são elementos e o que são modificadores! Dessa forma você vai entender melhor como funciona essa metodologia e como ela vai te ajudar a escrever o CSS de uma forma mais legível! Sim, vai ficar mais fácil na hora de entender o seu código em CSS, por mais que você precise escrever um pouco mais, fica muito mais fácil de ler esse código e bem mais intuitivo! ----------------------------------------------------------------------- Vídeos Recomendados ► Curso Básico de HTML e CSS https://www.youtube.com/watch?v=vtX9BzESWnQ&list=PLpdAy0tYrnKwmcenKePWr9TQ9deRanAr7&pp=iAQB ► Como Baixar e Configurar o VSCode para HTML e CSS https://youtu.be/WyXcfCPlIlk ----------------------------------------------------------------------- Hashtag Programação ► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi ► Ative as notificações (clica no sininho)! ► Curta o nosso vídeo! ----------------------------------------------------------------------- Redes Sociais ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos! ----------------------------------------------------------------------- Conteúdo da Aula 00:00 Introdução 01:30 O que é a metodologia BEM 01:54 Principal funcionalidade da metodologia 02:58 O que são blocos (blocks) 03:47 O que são elementos (elements) 04:38 O que são modificadores (modifiers) 06:15 Entendendo com exemplos 07:56 Como introduzir a metodologia BEM 10:28 Como nomear um elemento 11:38 Modificadores no CSS 15:43 Conclusão #htmlecss #htmlcss #html #css #hashtagprogramacao