How does BEM start?

BEM stands for "Block Element Modifier". This is an approach to web development that allows you to quickly create sites with a flexible architecture. He is familiar to many who are engaged in HTML / CSS layout.

Invented in Yandex, BEM gradually penetrates into the development of other companies.
At the moment, the main maintainers are working on the conclusion in the Open Source framework, built according to the BEM methodology, tools and many useful utilities.


Until now, the published information was very fragmented: certain topics were well covered, but it was not always clear what the whole approach was like. The main idea was able to convey public speaking. But it is clear that this is not the most convenient format for storing information. So the entry threshold was very high.
')
But now the canonical article “ What is BEM? ”, Which allows to study it from the very basics.

BEM was necessary because the development of a large portal should follow the following principles:

• Typical sites need to develop quickly;
• The project must live for a long time (years) and be easily maintained;
• You need to be able to easily scale the team. The project can work one person, and maybe ten;
• The team must have clear areas of responsibility;
• The code must be reused.

Together with the development of the methodology and its running-in, it turned out that it is suitable not only for large portals, but also for web-studios and other development models.

For the application of the methodology by the maintainers, technical solutions are being developed that do not just satisfy the BEM, but have certain advantages. This is, for example, “special” JavaScript. And JavaScript-based template engine. And a set of tools implemented on NodeJS.