Вопросы на собеседовании на middle frontend-разработчика в 2022 году

Проходя собеседования в этом году на позицию middle frontend-разработчик, я решил собрать вопросы, которые сейчас задают наши с вами коллеги. 0️⃣ Что выведет консоль?

1️⃣ Что выведет консоль?

2️⃣ Классы, наследование, доступ к родительскому классу через super(); 3️⃣ Что такое new? 4️⃣ Что такое замыкание? 5️⃣ Рассказать про контекст this; 6️⃣ Что выведет … подробнее

Как исключить node modules в конфигах webpack, но оставить несколько для транспиляции babel’ом

Если вы хотите транспилировать javascript-файлы проекта с помощью Babel и webpack — вам потребуется babel-loader, но это и без меня вам известно, но что если некоторые пакеты из исключенных node_modules вы все же хотите скормить транспилятору…? Относительно недавно в работе я столкнулся с такой проблемой: на сборке проекта в dependencies попали модули, юзающие пакеты, которые IE … подробнее

Отзыв о том, как я учился в ИТМО (design.ifmo.ru) на «Frontend-разработчика»

К слову сказать, я много на каких курсах побывал (LoftSchool, HTML-академия, GeekBrains, Дмитрий Лаврик, Нетология, уч. центр «Статус», подкасты и каналы на YouTube и т.д.) и, думаю, имею более-менее достаточное представление о рынке образовательных услуг в Веб-индустрии, потому надеюсь, что мой отзыв будет достаточно объективным. Итак… В первую очередь меня завлекли 4 важных момента: 0️⃣ … подробнее

Как очистить кэш браузера пользователя? Не обновляется CSS после изменений на сайте.

Очень часто при работе с клиентскими сайтами на различных CMS меня раздражала одна проблема — после изменений в верстке (а именно CSS) мне приходилось просить клиентов обновить кеш браузера. Это очень не правильно и на каждое изменение писать пользователю «почисти кеш» — предельно не удобно для всех. Для решения данной проблемы существует не один способ. … подробнее

Как перенести inline элемент на другую строку

Совсем не частый случай, тем не менее я с ним столкнулся и потратил определенное время на то, чтобы перенести inline элемент на другую строку. Кейс заключался в том, чтобы элементы списка, выстроенные в строку (горизонтальная менюшка), расположить в три строки: Разные варианты пробовал, но получилось следующим образом:

Потыкать пример можно ниже 🙂    

WordPress wp-admin 503 Service Temporarily Unavailable

Столкнулся сейчас с проблемой на одном из ранее обслуживаемых сайтов, связанной с входом в админку WordPress. Страница авторизации wp-admin отображается, а вот на проходе авторизации, либо при клике на «забыли пароль» и прочих манипуляция сайт моментально выдавал 503 Service Temporarily Unavailable Ввиду того, что системный администратор из меня так себе (впрочем, как и бэкендщик), то начал … подробнее

Vue.js не выводится контент router-view в production mode

В dev режиме контент выводится без проблем, но на билде в месте вывода контента <router-view></router-view> появляется только блок с пустым комментарием <!—->. Проблема в том, что файл открывается в браузере через file:///: Некоторые API браузера работают только при открытии файла через http://…. Таким образом, если убрать в файле routes.js history mode или поменять на hash … подробнее

Vue router: router-link не поддерживает v-on:click

При написание небольшого проекта на VueJS столкнулся с проблемой при настройке роутинга на кнопках, а именно при подвешивании события:

— роутинг отрабатывал, но никакого запланированного события не происходило. На сколько я понял, директива v-on работает только с нативными HTML-элементами, т.к. это браузерное событие, а не событие Vue. Одним из выходом из этой ситуации может … подробнее

ToDo лист на LocalStorage и jQuery с возможностью редактирования задач

Здравствуйте, коллеги. Чуть ниже представлен алгоритм написания ToDo листа на jQuery с использованием локального хранилища LocalStorage + возможность редактирования и удаления каждой отдельной задачи из списка. В результате получиться должно следующее —  демо. За код прошу строго не судить, т.к. в JS я только начинаю. Однако дельным советам я буду только рад. Поехали. Для начала … подробнее

Превышение нагрузки на процессор (сервер хостинга) аккаунтом

Сразу предупрежу, что далее я описываю конкретное (одно) решение снятия нагрузки на сервер. Оно может как помочь, так и быть бесполезным в вашем случае… Получил недавно письмо от своего хостинг-провайдера о том, что мой аккаунт генерирует нагрузку на сервер. В админке аккаунта было следующее: И вряд ли мои сайты стали за пару дней такими популярными. Бонусом … подробнее