Из собственного опыта:
начинал с книг, статей, htmlbook - дало начальную базу, позволяло с большего править готовые шаблоны.
Потом появились интерактивные курсы:
- codecademy.com показались слабыми: пройти лишним не будет, но особо не продвинетесь.
- teamtreehouse.com - неплохие курсы, активно развиваются, но платные.
- htmlacademy.ru - очень крутые: отлично подается теория, много практики, основной раздел бесплатный. К тому же сервис русскоязычный.

У этих же ребят есть интенсив по верстке сайтов с нуля. Прошел его.
Если есть возможность оплатить - очень рекомендую. Реально вырастете за месяц. Плюс у вас останутся записи вебинаров и бесплатный доступ на все последующие интенсивы.
Могу поделиться промо-кодом "344a1a5b"(без кавычек) - скидка 800р.

Успехов!

По личному опыту:
1. Начать с верстки - порог входа ниже.
Изучать теорию, обязательно закрепляя большим количеством практики. Сверстав несколько больших макетов для портфолио активно искать работу. На этом этапе нет ничего лучше работы фуллтайм. Сначала будет куча вопросов, ошибок, проблем, но прогресс будет идти максимально быстро.
Где изучать?
Теория: developer.mozilla.org, htmlbook.ru, learn.javascript.ru/css-for-js
Удобно пробовать верстать в песочнице (мне нра codepen.io).
Практика: интерактивные курсы htmlacademy.ru (большинство можно пройти бесплатно).
У этих же ребят есть интенсив по верстке сайтов с нуля. Прошел его.
Если есть возможность оплатить - очень рекомендую. Реально вырастете за месяц. Плюс у вас останутся записи вебинаров и бесплатный доступ на все последующие интенсивы.
Могу поделиться промо-кодом "344a1a5b"(без кавычек) - скидка 800р.
2. Продолжить изучая JS.
Теория: learn.javascript.ru.
Практика: stepik.org, немного есть у htmlacademy.ru.
Интенсивы: я проходил интенсивы по JS у learn.javascript.ru и htmlacademy.ru.
Понравилось больше у htmlacademy: проработанный интерфейс курсов, интерактивные упражнения, проект годится для портфолио, постоянная помощь наставника.
3. Дальше изучать фреймфорк(и): React, Angular, Vue.

Я уже ответил здесь, повторюсь.
По личному опыту:
1. Начать с верстки - порог входа ниже.
Изучать теорию, обязательно закрепляя большим количеством практики. Сверстав несколько больших макетов для портфолио активно искать работу. На этом этапе нет ничего лучше работы фуллтайм. Сначала будет куча вопросов, ошибок, проблем, но прогресс будет идти максимально быстро.
Где изучать?
Теория: developer.mozilla.org, htmlbook.ru, learn.javascript.ru/css-for-js
Удобно пробовать верстать в песочнице (мне нра codepen.io).
Практика: интерактивные курсы htmlacademy.ru (большинство можно пройти бесплатно).
У этих же ребят есть интенсив по верстке сайтов с нуля. Прошел его.
Если есть возможность оплатить - очень рекомендую. Реально вырастете за месяц. Плюс у вас останутся записи вебинаров и бесплатный доступ на все последующие интенсивы.
Могу поделиться промо-кодом "344a1a5b"(без кавычек) - скидка 800р.
2. Продолжить изучая JS.
Теория: learn.javascript.ru.
Практика: stepik.org, немного есть у htmlacademy.ru.
Интенсивы: я проходил интенсивы по JS у learn.javascript.ru и htmlacademy.ru.
Понравилось больше у htmlacademy: проработанный интерфейс курсов, интерактивные упражнения, проект годится для портфолио, постоянная помощь наставника.
3. Дальше изучать фреймфорк(и): React, Angular, Vue.

Продублирую свой ответ.
По личному опыту:
1. Начать с верстки - порог входа ниже.
Изучать теорию, обязательно закрепляя большим количеством практики. Сверстав несколько больших макетов для портфолио активно искать работу. На этом этапе нет ничего лучше работы фуллтайм. Сначала будет куча вопросов, ошибок, проблем, но прогресс будет идти максимально быстро.
Где изучать?
Теория: developer.mozilla.org, htmlbook.ru, learn.javascript.ru/css-for-js
Удобно пробовать верстать в песочнице (мне нра codepen.io).
Практика: интерактивные курсы htmlacademy.ru (большинство можно пройти бесплатно).
У этих же ребят есть интенсив по верстке сайтов с нуля. Прошел его.
Если есть возможность оплатить - очень рекомендую. Реально вырастете за месяц. Плюс у вас останутся записи вебинаров и бесплатный доступ на все последующие интенсивы.
Могу поделиться промо-кодом "344a1a5b"(без кавычек) - скидка 800р.
2. Продолжить изучая JS.
Теория: learn.javascript.ru.
Практика: stepik.org, немного есть у htmlacademy.ru.
Интенсивы: я проходил интенсивы по JS у learn.javascript.ru и htmlacademy.ru.
Понравилось больше у htmlacademy: проработанный интерфейс курсов, интерактивные упражнения, проект годится для портфолио, постоянная помощь наставника.
3. Дальше изучать фреймфорк(и): React, Angular, Vue.

Я просто меняю разрешение css на less у самих файлов.