zooks

.scss файл должен быть общим для всех страниц. И лежать по пути app/sass/
Тогда не возникнет необходимости извращаться с путями.

Это означает, что нужно вынести критические стили инлайн.

Либо через JavaScript, либо через Flex и свойство order.

Довольно сложная стрелка с закруглениями.
Я бы использовал SVG.

Говори "Веб-разработчик".
JavaScript — недоязык для создания сценариев, но если ты на нем активно пишешь, то можешь смело назвать себя программистом. Если нет, то верстальщиком.

При загрузке в Firefox beta порядок элементов такой же как в Edge.
А в Dev Edition он действительно другой.

htmlbook.ru/css/transition
За задержку отвечает transition-delay.

Через Jade (Pug) или gulp-rigger.

Не слушай нубов. Баннеры лучше всего делать в Adobe Animate (формат canvas).
Проверенная информация из медийного агенства.

Обычные курсы дают подтверждающую бумажку, что прослушан курс.
Так что лучше просто описать свой опыт и показать работы.
Замечу, что из курсов ты получил знания, но не опыт.

Можно, но куда удобнее сделать инклуды на Jade (Pug).

В середине нежелательно, лучше перед закрывающим body.

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

<!--[if IE]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

gulp-autoprefixer

В будущем будет возможно, но пока это мечты.

Bootstrap — дешевка. Собственно если серьезный проект не опасается выглядеть дешевкой, то можно смело использовать. Лично я бы выбрал SASS + БЭМ.

30em, 48em, 64em