Пояснение: Когда браузер загружает HTML и доходит до тега <script>...</script>, он не может продолжать строить DOM. Он должен сначала выполнить скрипт. То же самое происходит и с внешними скриптами <script src="..."></script>: браузер должен подождать, пока загрузится скрипт, выполнить его, и только затем обработать остальную страницу.

async: Порядок загрузки (кто загрузится первым, тот и сработает). Может выполниться до того, как страница полностью загрузится. Такое случается, если скрипты маленькие или хранятся в кэше, а документ достаточно большой.

defer: Порядок документа (как расположены в документе). Выполняется после того, как документ загружен и обработан (ждёт), непосредственно перед DOMContentLoaded.

Поэтому сначала исполнится скрипт 2, поскольку он первый в очереди и по скорости загрузки. Далее 1, потому что у него скорость загрузки такая же быстрая — 1 секунда. Загрузка асинхронно — вне очереди, 3 скрипт загружается за 3 секунды и выполняется сразу после загрузки, затем загружаются остальные скрипты и в порядке очереди размещения в DOM.

В чем разница между элементами div и span?

Div – блочный элемент, а span – строчный элемент. В соответствии с семантическими требованиями div используют для группировки контента в секции, а span – для оформления текста и изображений.

Разница между cookie, sessionStorage и localStorage

Сookie, sessionStorage и localStorage – это технологии для хранения данных в браузере на стороне клиента. Различия заключаются в использовании и хранении данных.


Cookie – небольшой и наиболее защищенный способ хранения данных пользователя, который отправляется сервером в браузер, а затем сохраняется в браузере клиента. LocalStorage и sessionStorage предназначены для хранения данных на клиенте, их нельзя прочитать с сервера, и они не подходят для хранения конфиденциальных данных.

Какая технология наиболее популярна сейчас и точно будет популярна ещё несколько лет?



Вопросы с философским уклоном уже стали нормой на современных собеседованиях. Здесь нет единого правильного варианта ответа, ведь Front-end в последние годы стал очень многогранен, обзавелся множеством прогрессивных библиотек и фреймворков.


Наиболее популярным языком сейчас является JavaScript и его фреймворки: React, Angular и Vue.js. Стоит помнить также и о технологиях, которые связаны с искусственным интеллектом, машинным обучением и анализом данных. В частности, такие библиотеки и фреймворки для визуализации данных, как D3.js и Chart.js, станут наверняка использовать для создания интерактивных графиков и диаграмм на веб-сайтах.

С какими системами контроля версий вы знакомы

Git – стандарт в индустрии, это децентрализованная система контроля версий. А также централизованные системы. Например, Subversion или SVN.