Metodologia BEMIT - Design Avançado de Websites

Aprenda uma metodologia à prova de balas, robusta, escalável, intuitiva, auto-documentada e transparente.

Você está lidando com seletores CSS como este em seus projetos? #main .post div:first-child > a.button Então, este curso é para você. Ainda, para provar isso, vou fazer uma série de perguntas, e se você não conseguir responder todas elas, com certeza é para você. Você consegue me dizer onde esse seletor é definido? Em qual arquivo? Em qual pasta? Se você não usa um pré-processador CSS e tem tudo no mesmo arquivo, ainda assim poderia responder rapidamente essas perguntas. No entanto, sem as vantagens que o pré-processador oferece. Mas tem mais: Você consegue me dizer quais seções do seu site esse seletor afeta? Talvez em um formulário da página de contato? Em um bloco da página inicial? Talvez em ambos os lugares? Esse seletor está sendo usado no seu JavaScript? Provavelmente, você não sabe. E eu poderia continuar. Você conseguiu responder todas as perguntas? Não? Então não espere mais, este curso é para você. Com a metodologia que você verá aqui, você teria uma resposta para todas essas perguntas e muitas mais. E se eu te dissesse que, simplesmente visualizando o código HTML no inspetor do navegador, você poderia saber a pasta e o arquivo onde o estilo é definido para cada classe? Você também poderia saber a relação que cada classe tem com as outras e como cada classe afeta globalmente todo o seu site. Mas sem uma documentação extensa, apenas lendo seu código, um ano depois, em menos de 5 segundos. O que você acha da ideia? Eu sou Ricardo, e esta é a razão pela qual estou aqui para te contar isso. Vou falar sobre nomenclatura, metodologia e melhores práticas. Porque escrever CSS é fácil, mas cuidar dele e mantê-lo é outra história. Quando você faz um projeto, no nível de front-end, você gasta muito tempo estilizando e mantendo o código CSS. É uma tarefa difícil quando existem seletores aninhados que influenciam várias partes do site e podem quebrar estilos em outras seções. Você não sabe o que pode editar ou excluir. Além disso, como o código não está bem estruturado, você acaba adicionando !important em todos os lugares, que bagunça. Você quer melhorar sua metodologia de trabalho no desenvolvimento web front-end? Você quer otimizar o tempo e evitar problemas quando um cliente pede modificações imprevistas? Você não terá mais que sofrer com esse tipo de problema. Esse sistema é robusto, escalável e mantível ao longo do tempo, com um conjunto de regras fáceis de seguir. Além disso, o curso é super concentrado, não tem enrolação, por isso dura apenas 3 horas. Isso significa que você pode assisti-lo agora mesmo e começar a aplicá-lo amanhã. Eu criei este curso porque gostaria de tê-lo encontrado. Com esse método, estilizar se torna muito mais fácil. O que você vai aprender neste curso? Bem: A nomenclatura BEM. O sistema ITCSS. E a combinação de ambos, a metodologia BEMIT. Se você usa, por exemplo, React ou qualquer outra tecnologia, os conceitos vistos aqui também podem ser úteis para você. O que você realmente quer é escrever um código o mais transparente e auto-documentado possível. Transparência significa que é claro e óbvio em sua intenção, e auto-documentação significa que não precisamos perder tempo escrevendo e lendo documentação extensa e complementar. De forma resumida: Esse sistema fornece diretrizes para nomear classes HTML e como direcioná-las a partir do seu CSS. Ele também oferece uma organização especial de pastas e arquivos que oferece certas funcionalidades no seu código. Você pode implementá-lo em qualquer coisa que esteja usando, tudo ou apenas algumas partes. O que você preferir. Talvez você esteja interessado apenas na seção BEM, ou talvez esteja interessado em ITCSS para organizar melhor o seu projeto. Ou talvez você goste de tudo e queira implementá-lo no que já está usando. Mas tenho certeza de que este curso lhe dará um novo foco, uma nova perspectiva. Eu uso todos os dias em todos os projetos, na verdade, tenho usado há quase 2 anos, e mesmo hoje quando tenho que modificar um projeto que fiz com o sistema BEMIT e vejo o código, agradeço a mim mesmo por tê-lo aplicado. Bem, não vou dizer mais nada, nos vemos no curso!

O que você vai aprender

- Nomenclatura BEM - Sistema ITCSS - Metodologia BEMIT (BEM CSS + ITCSS) - Código limpo e melhores práticas