https://github.com/rtivital/jsraccoon

Мы знаем, что вы хотите сделать сегодня ночью! Прочитать все советы и хитрости по вёрстке и JavaScript в нашем репозитории. Там же найдёте сборник статей по объектно-ориентированному JavaScript, самым полезным нововведениям ES6 и огромное количество задач для начинающих изучать JavaScript с подробным решением.

Из группы вк по фронту

Как обычно, много всего написали :)

Добавлю.
Как вариант предложи переписать сайт или его часть на флексбокс. Это будет очень удобно, сможешь развиваться на работе.

По адаптиву. Бутстрап это Фреймворк, он помогает, а знать чистую верстку знать нужно. Да и это не сложно, поймёшь, что к чему максимум за час )

БЭМ стоит почитать, как минимум для упрощение себе жизни. Начни с именования классов (инфа на самой странице БЭМ довольно просто написанно, можно разобраться за утренним кофе :) )

Попробуй все, что я выше написал. Подтянешь хтмл и CSS.

После почитай про бутстрап. Вижу не совсем понимаешь, что это за штука такая.

Ну а далее познакомься с JQ. И практикуйся, во время практики будет много моментов где ты что то не можешь или не знаешь как, так дальше поймёшь, что нужно изучать.

Советую поработать в Москве или Питере, если есть желание конечно же, но выбирай компанию где ты будешь не один. Когда есть старшие товарищи, обучение пойдёт быстрее.

Уже много всего написанно. Хочу добавить, что стоит смотреть немного шире. У каждого клиента есть потребности, и не всегда нужны сайты которые делает команда, а делает она это не дешево.

Бывают моменты, например, когда клиенту нужно много всего протестировать, и ему нужны 10 - 20 - 100 сайтов. Конечно адекватнее сделать все на шаблоне, быстро и не дорого.
А в дальнейшем уже, когда шаблон не будет покрывать все потребности, сделает с нуля.

Ну вот как вариант, может быть так. Везде свои плюсы.

Если можно использовать флекс бокс. То это очень просто.

Если нельзя, я решил эту проблему дублированием блока.