ALEXEY

https://gist.github.com/
https://jsfiddle.net/

angular и react - самые популярные
у foundation foundation.zurb.com есть даже шаблоны для ангуляр apps

https://github.com/zualex/devmap
images.vfl.ru/ii/1466366676/e324255d/13079149.png
www.webdesigndegreecenter.org/learn-to-code

Для чего составлять такую подборку? Вы просто перечислили практически все книги на русском по JS. При чем однотипные.
Большинство из них описывают одно и тоже. Я прочитал почти все из этого списка. По опыту могу сказать, что читать всю подборку не нужно.
Посоветовал бы прочитать книгу Ильи Кантора и книгу "Javascript для профессиональных веб-разработчиков", автор Николас Закас вроде.(Вместо второй можно прочитать Фленагана. Подробное руководство., но Заказ мне больше нравится, по моему мнению гораздо лучше объясняются многие вещи). Две эти книги, достаточно объемные и информативные, всю основу прекрасно преподносят.
Также посоветовал бы книгу по оптимизации производительности, автор также Николас Закас и любую книгу по регулярным выражениям, но это уже после некоторой практики. А также книгу "Веб-приложения на JavaScript". Сам ее только вот начну читать, но по содержанию и отзывам достаточно хорошая.

Достаточно будет чтобы довольно хорошо освоиться в языке.
Не нужно читать однотипные книги. С 3 по 6 включительно пункты не стоит читать. Только зря потратите время.

ООП объясняется в первых двух книгах которые я упомянул. Также книга про паттерны - largescalejs.ru/.

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

nnmclub.to/forum/viewtopic.php?t=973073&start=45
Единственный курс, в котором подробно изучается сам стандарт ES.
Очень много практических заданий.
Тем более обучение основано на изучении по учебнику Ильи Кантора.
Тем более преподаватель бывший сотрудник Яндекса, нынешний сотрудник Lusoft
Обучение длится 48 часов. Это только видеолекции, не считая времени на практику.
По ES в курсе достаточно большое количество задач после каждой лекции, по JS также много задач из учебникак Ильи Картора, плюс выполняются такие работы как Слайдер, ToDo list, RSS ридер, корзина интернет магазина с local storage, а также выпускные проекты, сайт и игра.

Этого курса + книги на learn.javascript.ru будет достаточно чтобы получить очень хорошую базу, конечно если выполнять все задания.

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

Не очень практично, но возможно сделать.
Фотошоп нужно знать хоть чуть-чуть в любом случае ;)

Очень долго сам искал различную информацию по адаптивной вёрстке, много чего пересмотрел, но всё равно было немного боязно верстать адаптивно. Как только просто взял и попробовал - понял, что всё это нереально просто. Постараюсь объяснить, как верстать с помощью media.

Представьте, что вы верстаете обычный сайт, сразу вписывая стили в файл. Сверстали всё, отлично. Теперь создаёте ещё один файл в css и снова верстаете сайт, только при этом указываете media необходимый (zooks уже показал, как это сделать). То есть это та же вёрстка один в один, просто добавляется строчка с указанием размера экранов, а дальше делайте так, как вам удобно. Единственный нюанс - смотреть вёрстку для того или иного разрешения - инструмент в FF адаптивный дизайн. В хроме и опере тоже такая же фича есть - выставляете необходимое разрешение (к примеру в media у вас максимум 320px - выставьте разрешение в браузере 320px) всё.

Конечно надо понимать наследования и перезапись свойств в css, тогда становится ещё легче. Ну и многое зависит от вашего стиля вёрстки. Сейчас flexbox очень удобно пользоваться и при его использовании надобность достаточно большого количества дополнительных перезаписей правил в media просто отпадает.