JS для детей - поможет усвоить лучше то, что проходили в htmlacademy (сам заканчивал ур1), Выразительный js - хорошее описание ES6 интересные и относительно сложные упражнения. серия книг "вы не знаете js". В основном нужна практика.
Подключение шрифтов. Изменил высоту строки 1 к 1 и размер шрифта все же 19пх . Подключать шрифты напрямую с сайтов не желательно, так-как соединение может быть закрыто, для подобных ресурсов. Лучше скачать готовые и подключить как в статье.
Зависит от задач, что заказчику требуется, то и используешь. Обычно упирается в поддержке браузеров. Голый XMLHttpRequest не используют, обычно используют axios.
$('.col-md-3') - вот это очень плохая реализация, не стоит использовать классы bootstrap для подобных манипуляций, допиши свой селектор при необходимости используй !important к нему.