Омак Ооржак

Книги по SEO устаревают еще до того, как попадут в типографию.

Или illustrator или sketch, т.к. удобно работать с векторной графикой.
Сам пользуюсь скетчем, т.к. быстрый, легкий, удобный, простой + импорт в figma или principle + куча всяких крутых плагинов, которые упрощают работу. Все растровые изображения обрабатываются в фотошопе.

Зачем оно надо все? Сверстайте в html, а дальше если понадобиться натяните на любую цмс.

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

Про от остальных отличается тем, что максимально эффективно использует самый дорогой ресурс - собственное время.

Поэтому: максимально исключается написание с нуля, используются свои и чужие наработки, отлаженные куски кода, библиотеки классов, фреймворки, готовые движки, ошибки отлавливаются прогоном тестов (а не руками)... и т.д., и.т.д.

Учить веб нужно так же, как и другую платформу, тонкость только в том, что веб, особенно современный - это конгломерат технологий (HTML, CSS, HTTP, БД, серверный ЯП, JS на фронте - если будете создавать современные веб-сайты, а не только API для них или мобил).
С учётом опыта 1С, возможно, Битрикс - самый правильный путь, но архитектура и код Битрикса.. ммм.. отвратительны, а придётся программировать с его стиле.
PHP - самый распространённый серверный ЯП, Wordpress - самая распространённая CMS, соответственно, этот путь тоже может оказаться "самым правильным".
Если рассматривать профессиональный путь в PHP - очень рекомендую Laravel.
Ну и, возможно, в качестве серверного ЯП имеет смысл взять таки не PHP, а Node.JS/Go/Java.

Проект для тренировки выберите просто любой, если сами придумать не можете - обращайтесь, попробуем подобрать.