Адаптивная верстка это всего лишь по сути манипулирование media queries для преобразования размера и позиций элементов в зависимости от ширины экрана, плотности пикселей и т.п. Для изучения этой технологии подойдут любые макеты.
Фича в том, что может быть 2 варианта:
1. Дизайнер все продумал за вас и сам отрисовал макет сайта в нескольких популярных разрешениях (экран смартфона, экран планшета, полноразмерный десктоп). И вам нужно лишь грамотно сделать переход из одного состояния в другое.
2. Дизайнер нарисовал только десктоп версию и вам нужно адаптировать её под мобильные устройства. Тут работает фантазия и здравый смыл. Вот и всё.
Т.е. по сути отличие только в том, продумали за вас внешний вид или нет. В остальном же, верстка обоих типов макетов ничем не отличается.
Javascript.ru неплохой ресурс, но он капля в море.
Если хотите серьезно изучать JavaScript, то прежде всего нужно учить английский, так как на этом языке гораздо больше серьезных ресурсов, курсов, тестов и вообще всего.
SSD - must have. Читайте обзоры, какой лучше. И обязательно покупайте, ноутбук с обычным HDD, это уже и представить сложно сегодня.
Файловое хранилище имеет смысл вынести на внешний жесткий диск, по USB 3 все достаточно шустро.
Что значит использовать везде? Допустим у вас есть сайт, на нём есть контакты в подвале + отдельная страница "контакты". Вы можете смело использовать микроразметку в обоих случаях.
Конечно, если например у вас на странице миллион раз указан телефон компании, то уже совсем не обязательно каждый раз оборачивать его в микроразметку, а повод подумать над плохим дизайном)
Правильно делается так:
на сервере создается некая прослойка, которая предоставляет публичный API для запросов, в ответ отдает данные в виде JSON. Далее на клиенте эти данные превращаются в красивый график, например с помощью D3.js