Егор Живагин

Очень просто на самом деле. Если вам нужен именно фон - ставьте фон в css. Если картинка - самостоятельный элемент -

Кажется, это очевидно, но нужно просто научиться понимать, какая роль у изображения в вашем случае.

Про адаптивность: В работе с фоновой картинкой почти всегда хватает background-size: cover / contain .
Если картинка в html, то тут уже поинтереснее. Самый распространённый вариант - ширина в процентах + не указывать высоту.

У body высота auto по дефолту. Можно поставить min-height: 100vh и всё заработает, например.

А можно просто заполнить сайт контентом и всё будет хорошо)

Есть смысл разбить файл на мелкие файлы компонентов, а потом сборщиком собирать один минифицированный файл и его подключать на страницу. Гораздо удобнее читать/писать стили + препроцессоры one love + минификация + ...

Это нормальный результат. Никогда не делайте бездумно всё, что говорит pagespeed.

"Удалите код ..." - чаще всего, это вполне приемлимо.
Шрифты тем более. Сам google не рекомендует делать import в CSS . (это можно загуглить и посмотреть на их сайте)

Лендосы можешь начинать пилить уже сейчас. Образование к твоим навыкам отношения вообще не имеет) Когда ты пишешь сложный проект, важнее твой опыт и практические навыки, а любая теория есть в гугле.

Рабочий вариант -

var a = 1;
	function d(c){
		console.log(c);
		return c = 2;		
	}
a = d(a);

console.log(a);

Ответ на вопрос: Потому что вы вызываете функцию с параметром, равным a. Это не влияет на значение самой переменной

Правильный вариант - юзать какой-нибудь сборщик модулей а ля gulp-browserify . Про его настройку можно узнать в гугле

Неправильный вариант - просто закинуть шрифты эти в папку с билдом

module.exports в gulp - это вообще законно? Я такого ещё не видел.

Ну, как минимум, я не вижу gulp-таска . А что за ошибку выводит?

Смотреть тут . Там же объяснение, почему так.

slick + center mode

Вообще не оборачивая? Неа, невозможно. Особенно на флексах

На флексах вижу решение с тремя рядами только, притом у среднего надо задать направление в колону + flex-wrap + фиксированная высота.

На будущее - Бутстрап не юзает абсолютные элементы в сетке никогда. Он вообще довольно неплохой. Но тут он тоже не особо поможет.

news.forEach(function(news) {
            var article = document.createElement('article');
            article.className = "block-news__news";
            article.innerHTML = '
                              <span>
                                  <h2 class="block-news__header">'+news.header+'</h2>
                                  <time class="block-news__date">'+news.date+'</time> 
                              </span>
                              <p id="'+news.preId+news.id+'">'+news.content+'</p>
                              <a class="block-news__more" id="'+news.id+'" href="#">more ></a>'

            divNews.insertBefore(article, divNews.children[1]);
        });

Сработает же, да?)

JavaScript . Гуглите, там куча ответов на этот вопрос

Node + Express/Sails . На Sails чуть проще, но в боевых условиях не юзал.
Express - это на все случаи жизни

Как мне обойти кэширование для gif баннера, который выводится со стороннего сайта (моего).

Звучит как iframe

В css от ЯП есть ровно ничего. Переменных, соответственно, тоже нет.