Алексей Скляров

Все правильно, ваша переменная morningAlarm получила новое значение.

Мы как-бы присвоили переменной morningAlarm новое значение =)

Здесь одним рефакторингом не обойтись, нужно поменять принцип взаимодействия с инпутами и блоками с ошибками к ним, то есть выводить отдельные id'шники для каждого поля вообще нет необходимости

Например, в одном из компонентов к Bootstrap сделано следующим образом:

Для каждого input'а выделается блок, который содержит сам input и блоки success и error.
Например

<div class="valid-group">
<input name="how"/>
<div class="valid-success"></div>
<div class="valid-error"></div>
</div>

Далее повесть обработчики

$('valid-group input').on('change', function(e){
           var input = $('this');
            var group = input.parent('.valid-group');
           group.find('.valid-success').css('display','block').addClass('fade in');
           group.find('.valid-error').css('display','none').addClass('fade in');

     switch(input.attr("name")) // для каждго поля своя валидация. Хотя стоит разобраься в том, что между ними общего и вынести некоторые вещи как data атрибуты
         {
            case 'how':  
              //...
                break;
             }
  });

Во втором примере, хоть мы и через this задали name, всё ровно выведет второе значение

Ну ясен пень. Вы же явно, с помощью return сами и возвращаете.

Пишу по порядку, как реально нужно.

Поиск по Тостеру, так как схожие вопросы задаются минимум 2-3 раза в неделю.

адаптива не знаю, он у нас и не требуется

Печально уже за такую компанию, которая сейчас пренебрегает адаптивной версткой.
Хотя, быть может (моя последняя надежда) у вас есть мобильная версия сайта.

про бэм и препроцессоры что-то где-то читал, но тоже не знаю

Да не используйте, и не учите. Просто теряете время и ресурсы на написание код (или говнокода, не знаю).
Просто без препроцессоров всё делается долго и нудно, и тяжело структурировать, копаясь в одном файле.
А так, можете не учить, если хочется заморачиваться %)

js так же, на уровне скопировал-вставил

Выскажу свое личное мнение.
Верстальщик без JS, это не верстальщик, это контент-менеджер со знанием HTML.
Любой сайт от лендинга до портала требует JS, правда часто делают хрень, напичканную плагинами, даже если требуется 2-3 строки кода. Не нужно подключать плагины там, где оно не нужно и обратная сторона вопроса, не нужно писать свой код там, где можно использовать готовый плагин (не изобретать велосипед).
Но если есть время, желание и умение, можно писать и свои плагины, для тренировки.

Верстаем display:table/table-cell

Тут буду краток. $^*(&%#(*$%($(%&*(*$#&*%($#%)($)^_*()#&@%$ - вырезано цензурой.

не в одну компанию с такими навыками меня явно не возьмут

Что мешает заниматься самообразованием?
Благо живем в 21 веке, в интернете есть любые учебники, тесты, курсы, да чего только нет.
На крайний случай, можно напросить в подмастерья к какому-нибудь верстальщику (знаю, часто требуются).
Да, работать придется в основном "за еду", но будет опытный наставник, который скажет - так норм, а так не надо.

надо изучать с бустрапа сразу

Не зная принципов адаптивной верстки, использовать Бутстрап не получится.
Так что в ьлюбом случае, понимание адаптивной верстки должно быть, при том "чистое", чтобы можно было разобраться не только в Бутстрапе. Фреймворков для адаптивной верстки еще очень и очень много.

советы от товарищей по цеху, как развивались они и откуда брали инфу

90% опыта приходит вместе с практикой.
Можно прочитать 100 учебников и не понять, что это за свойство, а можно один раз применить и сразу понять.
Нужно просто много и усердно практиковаться. Качать любые шаблоны PSD, верстать, верстать, верстать.
Сначала простые, трехколоночные сайты. Потом посложнее и закончить каким-нибудь паралаксом.
Но повторюсь, для обучения минимум плагинов.

есть ли смысл работать в маленьком городе

Не знаю, что за город у вас. Скажу про свой. Население около 900тыс.
В городе порядка 5 топовых студий по созданию сайтов, не считая 2-3 десятков мелких контор.
Также есть топовые IT компании, но про них говорить не буду, с таким багажом тебя туда пока не возьмут.
Так что в любом городе есть смысл работать.
Да и фриланс, удаленную работу никто не отменял.

вопрос только Москва или оставаться в городе

Что в Москве, медом намазано? Или думаешь, так вакансий больше?
Нифига не больше, потому как и желающих поработать там не меньше чем вакансий.

В общем, резюмируя всё вышесказанное - учись, развивайся.

Удачи.

ЗЫ: Недавно на Хабре опубликовали ссылку.
webmasters.teamdev.com
Чесслово, проникся. Отличный мануал.

еще вот так, возможно и имеет смысл:

@mixin flex($align: null, $direction: null) {
  display: flex;
  @if $align {
    align-items: $align;
  }
  @if $direction {
    flex-direction: $direction;
  }
}

.header {
  @include flex;
}

.content {
  @include flex(center, column);
}

.footer {
  @include flex;
}

Если вкратце, то в мобильной многое не нужно, что используется в полной версии сайта. При адаптивной верстки у вас скорее всего будет куча не нужного "мусора" оставшегося от полной версии. Который будет влиять на производительность, увеличивать вес данных, которые необходимо передать пользователю, что само по себе увеличит время загрузки страниц. Да и как по мне, то поддерживать 2 версии сайта куда проще, при условии, что есть штат квалифицированных специалистов. Мы используем у себя в проектах RESS, но это уже для крупных проектов с хорошим штатом специалистов.

hover вешать всегда нужно на li, а не a

li:hover > a {
background-color: green;
}