Влад Меркалин, начните с изучения HTML и CSS. Они за собой потянут понимание многих нужных вещей + по пути вы сразу будете встречать описания технологий, которые используются.
Потом уже сами выберите, будете ли вы во front-end или back-end.
Роман Кузнецов, достаточно просто сделать с помощью box-shadow на самом деле.
UPDATE. Про box-shadow сказал, не подумав нормально. Я не знаю, как с box-shadow так сделать (прозрачные круги с тонкой границей и отступом от элемента).
Moskus, ну, думать головой нужно всегда, согласен полностью, только как это относится к BEM как к таковому? Если разработчик нетолковый — то ему ничего не поможет, думаю, вы с этим согласитесь.
Но если он толковый, то, если брать во внимание простой современный сценарий применения BEM, — эта методология может помочь изолировать стили и нивелировать влияние на них DOM-структуры, что уже вполне хорошо.
Мне кажется, вопрос самой структуры построения вёрстки — это уже отдельная тема. И да, более важная: тут можно соблюдать в точности любую методологию и делать при этом плохую вёрстку с безумной логикой и архитектурой. Или использовать, не думая, метологию там, где это не нужно. Только это уже проблема разработчика, нежели любой методологии/технологии/метода.
Moskus, а какие есть иные варианты, если в проекте нет обфускации селекторов или styled components? Панацеи, к сожалению, не бывает вовсе, есть инструмент, который выполняет ту или иную задачу с разной степенью успешности. BEM достойная методология для нейминга и структуризации CSS, если в проекте нет ни обфускации селекторов, ни styled components.
2. Ноутбук в круге сделать тоже фоном через запятую.
3. Круг сделать псевдоэлементом, относительно ноутбука, а круги-волны сделать с помощью box-shadow. Можно радиальным градиентом.
Лучше 3-й вариант.
UPDATE. Про box-shadow сказал, не подумав нормально. Я не знаю, как с box-shadow так сделать (прозрачные круги с тонкой границей и отступом от элемента).
Alex_87, посмотрите на директиву @at-root, которую я использую в SASS (пример): она выносит правило внутри за пределы вложенности на самый верх, сохраняя в исходнике визуальную вложенность. Поищите, какой там аналог этому в LESS, я его не знаю.
Значит, необязательно ВСЮ страницу, писать по BEM... а лишь только с над теми элементами, которые должны повторяться в коде, я правильно?
С огромным удовольствием 5 минут раскрашивал тюленя.