Временные инвестиции в незнакомцев никто не делает, а стартануть лучше с программирования. Опытный кодер может стать хорошим дизайнером, а опытный дизайнер может быть только дизайнером, чьи фантазии бесплодны без хорошего кодера.

Вот некоторые ссылки на ресурсы, которые помогут сделать выбор:
Карта развития веб-разработчика
w3schools
freecodecamp
learn.javascript.ru
Сайты по обучения программирования в игровом стиле...

Что до остального, есть видео-уроки с youtube и целый океан пиратской продукции, книг и видео (если денег нет). Больше 80% лучших кодеров за свое обучение платили только временем и упорством, не прося посторонних нянчится с ними.

Как с мат.частью определитесь беритесь за практику на фрилансе, работая с жадными клиентами, беря их "мега-проекты" с "супер-бюджетами".

Стараюсь не использовать сетку фреймворков вообще, исключением будет только вкусный бюджет проекта и каприз платежеспособного заказчика. Блочная модель через медиа-запросы, Flex&Grid+CSS директива supports - основные инструменты. Да, иногда приходится отказывать адептам IE в поддержке старых версий. Да, быть может времени чуть больше может уйти, но зато полная свобода действий при любых правках и минимизация стресса при работе с медиа-запросами. Плюс меня вымораживает обилие ненужных дивов, айди и классов...Аж трясти до мата начинает, когда вижу поплывшую верстку на сайтах и костыль-классы в коде.

Маниакальным любопытством и постоянной практикой. Использовать несколько источников информации, отличающихся друг от друга подачей информации и даже трактовкой, а если потребуется - даже переводом или отсутствием последнего. Предложил как гипотетический вариант решения трудности.