Посмотреть как это делают крутые парни
https://www.youtube.com/watch?v=PrvilFct91I
Видосов много.
Конечно вам нужен фотошоп - чтоб psd вкрыть
Emmet - ускорит верстку.
live reload из ide в браузере (собственно как и нормальная ide, а не текстовый редактор аля notepad++ или sublime)
Конечно же консоль браузера осваивайте - там столько возможностей.
Бутстрап... Типовые сайты если делать похожие друг на друга. Это скучно. Он хорош для быстрого прототипирования. Хотя уже есть онлайн инструменты для быстрого накидывания html макетов и верстки.
js - надо знать, ну чуток jquery (хотя уже нет)
css 3 - обязательно. Псевдоселекторы, атрибуты. Совместимость всего зоопарка с браузерами (caninuse - наш друг).
svg применять
Шрифты и иконки
Верхние 3 пункта: дизайнеры иногда так макет завернут - думаешь: "а как, его мать, он думает это делается?"
флекс - обязательно знать. Гриды пока только по выходным почитать, поиграться. Также как и css переменные.
Медиазапросы - обязательно знать
Принципы адаптивности, mobile first и конечно же для простоты стилей BEM применять.
Элементор - забудьте. Это не знания.
Коли вы в тегах указали вордпресс - то его апи знать нужно. Циклы, хуки, базовые функции используемые в ВП темах. Много что нужно освоить.
Если нужны настройки в админке - кастомизация темы - освойте ВП кастомайзер. Мощная штука в ядре ВП.
Апи виджетов - это тоже ядро ВП
Гит - понимание и версионность - очень удобно.
Верстать под ВП это не только фронтенд. Тут понятие намного шире. Вам придется работать с php - его знать и учить придется.
Потом, как надоест это дело с натягиванием на ВП, будете писать плагины. Вот тут и ценник выше и востребованность и интересней. + возможность развивать свои pro версии ну и понеслось...
p.s. не хейта ради я тут некоторые технологии и инструменты назвал против них мнение, а лично мой выбор спустя несколько лет. т.к. я это прошел сам, спотыкаясь. ИМХО - оно не конечная точка зрения, а мнение личное из опыта.
