Алексей Струков

Height у майн контейнера уберите.
Overflow hidden там тоже вроде не нужен у другого контейнера

Учите оба ресурса)
Всегда бывает так, что автор одной книги в изложении забывает подробно остановиться на чем-то что ему кажется очевидным. А автор другой книги наоборот этот момент разжует, а другое опустит. Поэтому рецепт таков - читать все, вычленяя недостающее.
Все вышесказанное применимо и к курсам соответственно.

У меня все отображается как и в примере

Там надо еще css injection делать вроде
Иначе браузер не обновляет стили

В редакторе brackets он вроде встроен

Помести иконки в тег <a>

Может лучше будет градиент наложить в фотошопе на эту картинку?

Там много надо переделывать
Почти все
Это на бустрапе сделано?
У них на сайте должен быть правильный код html для такого слайдера

попробуй выполнить цикл через setTimeout()

Есть несколько способов
Если тебе надо, чтобы все итемы были одного размера и центрировались посередине контейнера, то лучше сделать через display: flex

поставь в зависимость таск по обработке sass, чтобы перед запуском браузера он конвертировал твой sass в css

Ставишь position: relative у блока-родителя
У блока который надо выровнять ставишь position: absolute; top: 50%; transform: translateY(-50%);

Вам надо создать image map для своей фигуры.

Тут можно сделать это автоматически:
https://developer.cdn.mozilla.net/media/uploads/de...

А про использование можно почитать здесь:
htmlbook.ru/content/karty-izobrazheniya

на планшетах поставь этому блоку свойство display: none; или visible: none;
В зависимости от того, должно ли исчезновение блока влиять на соседние блоки.
Делается через медиа запросы.
Пример медиа запросов с нужными значениями можно найти в интернете.
Они бывают разные и под разное количество устройств. Тут уже надо Вам смотреть по своим потребностям какие вам больше подойдут.

Plati.ru можно попробовать
Это проще чем создавать свой сайт для этих целей и процент с продаж они берут небольшой.
Или партнерские программы с оплатой партнеру за скачивание курса а не за клики.

Систематизировать знания это полезно по моему, и даже необходимо.
Я лично храню все в таблицах Numbers на маке
Они синхронизируются со всеми моими устройствами и всегда под рукой.

Прошлый разработчик собирал возможно эти проекты очень давно и теперь эти плагины устарели. Скорее всего все будет работать если эти вещи удалось скачать и установить, но так и так лучше их обновить, как советует npm, ибо все новые туториалы в сети будут уже использовать новые версии этих плагинов, что соответственно рано или поздно заставит вас обновиться. Так зачем откладывать этот процесс? )

Если эти курсы стоят больших денег, то скорее всего они тебе не нужны. У меня есть мнение по поводу всех этих интенсивов, но боюсь оно перельется в некоторый дискусс, который приведет к появлению модераторов в треде.
Ну а по существу:
Верстальщику не нужен PHP
С ним можно ознакомиться потом, когда изучишь html, css и javascript
Вот три кита, на которых тебе надо смотреть, ибо они держат глобус вэб-разработки (верстания в просторечии)