s-jet

Вы поймете только в процессе работы, да и никто не будет 100% всех фич использовать в каждом проекте.

Попишите 1000 раз один и тот же цвет, а потом дизайнер его изменит и вам придётся менять код в 1000 местах - надоест - начнёте использовать переменные.

Напишите стили на 5000 строк и замучаетесь скроллить туда-сюда - начнёте использовать импорты.

Замучались писать селекторы по 5 классов глубиной? Начнёте использовать наследование (а потом ещё и БЭМ).

Надоест писать @media screen and max-width($width-md) {...} - напишите первый миксин $breakpoint-md {...}.

И Т Д

Изучать надо технологии а не реализации изучение слайдера из трех картинок и из четырех глупо. Для начала стоит ознакомится как вообще все работает что делает сервер что браузер затем прочитать про все теги хтмл. Что бы при случае вспомнить как разметить документ, затем цсс , затем js, о фрилансе пока забыть.

Как вариант, можно обойтись без скриптов, используя один лишь css:

.card:nth-of-type(2n) img {
  display: none;
}

Если все же использовать jquery, то например так:

$('.card').each(function(i) {
    if(i%2){
      $(this).find('img').hide();
    }
});

jsbin