sergey

Изучил html, css процентов так на 70.

это еще не тот уровень, который даст Вам возможность быть востребованным на фриласнсе, кроме того что такое 70%? Это Ваше субъективное мнение, покажите работ 10 сверстанных Вами, и я скажу насколько Вы готовы.

Когда я доучу JS - могу идти верстать за зелёные?

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

отметьте все необходимые настройки и плагины еще раз експортните.

1) прежде чем переносить настройки нужно включить раннее отключенные
2) дурная практика отключать нужное!!! для повышения производительности (не нужное - без проблем), повышать производительность необходимо достаточным колличеством памяти

ну как-то так

у slick-slider по умолчанию overflow: hidden;

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list это контейнер для .slick-slide (ваших item/картинок)

Вот пример на скорую руку: jsfiddle
Звездочку возьми с примера выше или картинкой ставь - вместо текста Звезда

Сам файл находиться внутри редактора: открываем редактор, Help - Edit Custom VM Options, и не нужно никаких администраторов.

На чистом CSS не рекомендую, но можно и так вот к примеру:jsfiddle

Учимся пользоваться Gulp, ну и в итоге собираем все одним css-файлом и одним js-файлом с помощью плагинов конкатенации gulp-concat

var concat = require('gulp-concat');
 
gulp.task('scripts', function() {
  return gulp.src('./lib/*.js')
    .pipe(concat('all.js'))
    .pipe(gulp.dest('./dist/'));
});

Не знаю что тут можно было напутать, все же просто:

$('.responsive').slick({
  dots: true,
  infinite: false,
  speed: 300,
  slidesToShow: 4,
  slidesToScroll: 4,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        infinite: true,
        dots: true
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});

Нужно объединить все действия в одну функцию и присвоить её к onStart и onChange

$(document).ready(function() {
  var $range = $(".range_slider"),
    $min = $(".min-price"),
    $max = $(".max-price"),
    ionValues = function(data) {
      $min.text(data.from + ' руб.');
      $max.text(data.to + ' руб');
    }

  $range.ionRangeSlider({
    type: "double",
    min: 10000,
    max: 10000000,
    from: 26000,
    to: 900000,
    hide_from_to: true,
    onStart: ionValues,
    onChange: ionValues
  });
});

вы о косых пунктах меню?
тогда все просто:

li.active{
    -webkit-transform: skewX(-20deg); //для активно li
    transform: skewX(-20deg);
}
a{
    -webkit-transform: skewX(20deg); //для текста
    transform: skewX(20deg);
}

вот на скорую руку, дальше сам сможешь jsfiddle