Изучение front-end (css / html / javascript)

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

80% практики, 20% учебных материалов. Ежедневно уделять n часов практике.

С программированием почти не знаком. Пробовал браться за php, и это был самый первый опыт, на той стадии когда абсолютно всё было непонятно. Спустя 1-2 года взялся за Java. Не помню уже сколько потратил времени, но понял основы программирования, и ООП в частности. Стало более-менее ясно, как вообще используется программирование в реальных проектах. Когда в Java дело подошло к концу изучения стандартной библиотеки и началу изучения Java2EE, я понял, что всё только начинается, так как чтобы устроится junior-developer, нужно иметь представление о таких гигантах как Hibernate, Tomcat, Spring, нужно на 100% понимать как работает многопоточность, представлять, как работает компилятор, и желательно знать основные паттерны проектирования. Короче говоря, порог вхождения был на 3 головы выше, чем во front-end, и я опять сдулся.

Что точно буду учить: html5/css3/javascript/jquery/angular

В чём сомневаюсь: bootstrap/sass/less

Какие ресурсы буду использовать: habrahabr.ru/stackoverflow.com/htmlbook.ru/google.com/youtube.com/ (по мере изучения буду обновлять список)

ide: brackets (исключительно из-за возможности автообновления страницы). Если кто знает другие варианты - пишите.

os: ElementaryOS(пойду ставить после написания поста). Возможно, куплю macbook, или mac mini, если в чёрную пятницу будут хорошие скидки.

Наверное, нужно будет начать читать какие-то книги, и выложить название тут, но я чувствую, что это будут самые стандартные книги, или документации. Завтра попробую выделить пару книг и ресурсов.

Тут буду писать, с чем непонятным столкнулся, и где нашёл решения.

Надеюсь, что будет о чём писать каждый день.