1. основы shamansir.github.io/JavaScript-Garden
2. мини паттерны shichuan.github.io/javascript-patterns
3. паттерны проектирования addyosmani.com/resources/essentialjsdesignpatterns/book
4. MVC по вкусу

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

ненавижу бутсрап! фондейшн лучше, все что угодно кроме бутстрапа

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

в реальном проекте от него ничего не останется кроме мусора, плохой разметки и сброса стилей
95% из него бесполезно в любом проекте.

Возьмите mediaqueri.es и найдите там бутстрап

вместо того чтобы изучить азы, изучают такое Гэ как бутстрап

Категорически не разделяю свинячей радости некоторых здесь как все просто и быстро у которых получается. (знание -> умение -> способность)

1) чтобы использовать любую элементарную фишку - нужно знать как грамотно ее применить и где.
2) устал писать - есть паттерны которые нужно использовать (будь то css js или бекенд).
3) опыт опыт и еще раз опыт (практика рулит).
4) от основ к сложному - не надо учится оперировать модулями и ангулярами, если не знаешь как работает элементарное замыкание в js

для тех кто не согласен - элементарный вопрос - сколькими технологиями можно продуктивно и грамотно оперировать.

и не говорите чушь типа за год из грязи в князи... единственный возможный вариант - сидеть и программировать с наставником за ручку, который будет сразу на практике все объяснять - но таких дураков думаю нет.

не то и не другое

1. использовать REM для масштабируемых стилей
таким образом вы получаете изменение масштаба сайта 1 строчкой
html { font-size:125%;}

2. использовать % для резиновых стилей
получаем резину по ширине и прочее подобное

3. использовать em для стилей жестко зависящих от размера шрифта
(например вертикальное позиционирование тире перед списком и тп.)
получаем гибкость независимо от размера шрифта

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