Alex

Воспользоваться сертификатом Let’s Encrypt, он бесплатный: https://letsencrypt.org/

Привет! Давайте разберём ваш код.

Во-первых, вы заполняете массив в самом начале:

// Создали массив
var stepSecond = [];
// Сохранили в него свойства checked разных объектов
stepSecond[1] = $('#firmware2').prop('checked');
stepSecond[2] = $('[name="stamping"]').prop('checked');
stepSecond[3] = $('#eyelet-color').prop('checked');
stepSecond[4] = $('[name="rubber-flat"]').prop('checked');

При изменении инпутов их состояния не попадут в массив автоматически.

Во-вторых, проверка $(stepSecond == 'true') очень странная. stepSecond — массив из 5 элементов (на нулевом месте у вас undefined, 1-4 элементы заполнены. Вы сравниваете его со строкой "true". Оператор сравнения == может вернуть либо true, либо false. В вашем случае массив stepSecond никогда не будет равен строке true. Так что сравнение всегда вернёт false. Значит ваше условие эквивалентно такому: $(false). Функция $ из jQuery создаёт jQuery-объект. Тогда ваше условие превращается в if (jQuery-объект), а значит всегда истинно.

Вот как можно было бы запрограммировать эту форму: https://jsfiddle.net/isqua/gge88ogL/2/

Вам нужно получить базовые знания о том, как работает JavaScript. Что такое переменные, функции, каких типов бывают данные и т.п.

В том, что вторая функция сразу вызывается, а первую надо потом откуда-нибудь вызывать. Второй ваш пример называется Immediately-invoked function expression.

Если я правильно понимаю вопрос, то добавьте в стили:

#need-to-be-fixed { overflow: hidden }

f(2) = f(1) + f(0) = 1. Вот где вы ошиблись. Поэтому

f(3) = f(2) + f(1) = 1 + 1 = 2;
f(4) = f(3) + f(2) = 2 + 1 = 3;
f(5) = f(4) + f(3) = 3 + 2 = 5;
f(6) = f(5) + f(4) = 5 + 3 = 8;
f(7) = f(6) + f(5) = 8 + 5 = 13;

Bookmate.

Нет, результаты сборки хранить в репозитории не нужно. Потом будет болеть голова от вопросов «а сейчас собранные файлы синхронизированны с исходниками или нет?».

Есть несколько вариантов. Один из них — запускать сборку на сервере. Т.е. сервер делает `git pull && grunt build` и появляются новые файлы. Ещё лучше — делать не git pull, а git clone в новую папку. Тогда можно будет быстро откатиться на предыдущую версию, если что-то пошло не так. Папки называть по текущему времени. И хранить последние N (ну, например, пять).

project
    2016-02-29-12-15-36
    2016-03-15-17-00-11
    2016-03-21-11-57-59
    current -> 2016-03-21-11-57-59 // current — ссылка на папку с последней версией

Т.е. при деплое происходит вот что:

git clone <%projecturl%> <%currenttime%>
cd <%currenttime%>
grunt build
cd ..
rm <%current%>
ln -s <%currenttime%> current

Есть много утилит, автоматизирующих это. Например, Capistrano (в руби). Какой у вас в проекте основной язык? Для него наверное есть аналоги.

Можно просто заливать готовые файлы rsync’ом. А можно написать bash-скрипт, типа shipit.

Лучше разделить представление и логику. Ищите элементы, и на подходящие (или не подходящие) навешивайте класс. А через CSS уже делайте с этим классом что угодно: скрывайте, подсвечивайте, забледняйте.

Мой пример: codepen.io/isqua/pen/yOXyVP

Небольшая справка по методам, которые я использую:
querySelectorAll
dataset
classList
map
filter
forEach
some
indexOf

Конечно можно. Например, вот так: codepen. Элементы, которые будут создавать тень сверху и снизу, нужно «сперспективить». Для этого нужно задать свойство perspective их родителю, а их самих повернуть относительно оси X с помощью transform.