Sergiu Mitu

Потому что задача js_reload вызывает перед выполнением себя задачу scripts, та пересохраняет файлы, срабатывает ватчер, который запускает задачу js_reload, которая вызывает перед выполнением себя....
Сами так написали.

onLoad - очень очень коварная штука. Может не срабатывать очень долго, например если на сайте есть левый счетчик, который не может загрузится полчаса и т.п.

Лучше используйте document.ready + timeout

Дублировать ничего не нужно, вот пример моего gulpfile.js:

// Configuring paths and options for different environments
env = process.env.NODE_ENV || 'dev';

if (env === 'dev') {
    outputDir = 'builds/development/';
    sassStyle = 'expanded';
    sassComments = true;
} else {
    outputDir = 'builds/production/';
    sassStyle = 'compressed';
    sassComments = false;
}

//и потом к примеру в стилях у меня 
....
.pipe(gulpIf(env !== 'dev', cleanCSS({compatibility: 'ie8'})))

// в js
...
.pipe(gulpIf(env !== 'dev', uglify()))
....
просто меняю env на === и собираю стили и скрипты для продакшн (оптимизированы)

и т.д по сути заменяя лишь значения с !== на === собираются 2 сборки: или builds/development /или builds/production/

Table Responsive
Выбирайте по вкусу. Самый простой вариант, добавить скролл.

.g-table-scroll table {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

https://mixitup.kunkalabs.com

В исходник гляньте.

<!--== mixitup js ==-->
<script src="assets/js/jquery.mixitup.js"></script>

Самый важный и простой шаг — лечение дивянки использование html5 тегов для разметки страницы.

Вот здесь Вадим Макеев расскажет Вам, как и почему стоит использовать html5 теги.
А вот здесь Ричард Кларк расскажет Вам, как и почему не стоит использовать html5 теги.
А потом ещё можете прочитать вот эту статью, чтобы окончательно запутаться и уйти на бэк-энд.

Но если вам это интересно настолько, что вы понимаете, что между SEO и семантикой не очень-то много общего, то можете ещё почитать вот эти статьи.

Кстати, обязательно читайте комментарии к статьям, они тоже очень полезны.

P.S. После просмотра этих видео вы поймете, почему картинка под спойлером очень крутая.

Как исполнитель, заработавший больше 100К$ (PHP, JS) на апворке и как заказчик, потративший больше 300K$ (тоже PHP и JS), скажу, что cover letter - это 90% успеха.

Cover letter в стиле "быстро, дёшево, качественно" - сразу отправляются в топку. Когда фрилансил, то 10 из 10 заказчиков мне отвечали и почти всегда нанимали. Просто потому что в cover letter я сразу рассказывал как буду решать их задачу и задавал дополнительные вопросы по проекту. Когда нанимал сам, то хороший cover letter, где рассказывали что будут делать и задавали правильные вопросы, я получал, примерно один раз из 20 в случае с бэкендом (PHP) и ни разу за всю практику в случае с фронтендом (JS). Вообще грамотных фронтендеров на апворке я нашел ровно 0 (предлагая 35$ в час за ПОСТОЯННУЮ неограниченную работу), поэтому пришлось отказаться от услуг фриланса.

Еще. Мелочиться не стоит. Я обычно отфильтровывал тех кто просил меньше чем я готов дать. Потому что просто не было времени искать алмаз среди низкокачественных специалистов, у которых низкая стоимость - главный козырь.

Такие дела

Разобрался, надо было в редакторе кода изменить space: 4 на Tab size: 4. Если что редактор breackets, там в нижнем правом углу меняется это значение. Вдруг кто-нибудь столкнётся с такой же ситуацией )

Стандартный ответ на вопрос как, когда и что учить:
пили проекты, решай реальные задачи, все остальное тлен.

Нужно подкреплять практику теорией, а не наоборот.
Представь, что ты решил научится плавать, сколько книг тебе нужно прочитать по плаванью? Одну про плаванье для чайников, одну-две про стили плаванья, еще одну про всякие истории, где старые пловцы рассказывают о своих ошибках? Или просто залезть в воду и махать руками будет эффективнее? В идеале конечно тренера бы (не курсы, а наставника), но и самому побарахтаться - научит тебя больше, чем 100 книг.

Не дают работу? так сделай что-то для себя, для своих близких, для дяди, тети. Можно начать с какого-нибудь телеграм бота - сделать очень просто, минимум навыков.

@media screen and (max-width: 1200px)
  .block
    width: 200px

Вы забыли and после screen.

P.S. Переходите на синтаксис scss.

точно знаю, что контакт и фб кеширует ссылки
и если проверить, чето добавить, снова проверить — будет старый результат, нужно менять ссылку, чтоб увидеть изменения