Сотрудники из VK рассказывают, что они спрашивают на собеседованиях (конспект их речи на 1.5 часа)

Что будет после того, как ввели адрес сайта в адресную строку. От начала и до отображения конечного результата.
Какие типы данных есть в JS. Чем отличается null или undefined.
Приведение типов. Не обязательно складывать всё со всем. Приведение типов toString, valueOf, и другие… Разница двойного и тройного равно. Приведение типов к boolean.
Что такое замыкание и область видимости. (Может на примере). Какой-то кусок кода могут показать. Почему так работает.
Цепочка promise (then, catch). Сложные цепочки.
Hosting переменных (всплытие)
Стрелочная и обычная функция. Задачи.
call, apply, bind.
Что такое this. Контекст.
Event loop. Макро и микро задачи.
События в js. Обработчики событий.
Прототипное наследование. И в целом, наследование в JS.
Почему CSS называется каскадной таблицей стилей. Как работает каскад.
Способы позиционирования и центрирования
Cookies
CORS
Методы массивов и объектов.

Путь разработчика

WebSocket

Особенности:
🔹Клиент инициирует постоянное соединение
🔹Сервер может самостоятельно давать ответ (без запроса)
🔹Каждая вкладка браузера - отдельное соединение

Минусы:
🔹Постоянное соединение, которое создает нагрузку
🔹Труднее в поддержке
🔹Отсутствует кеширование

Сфера применения:
🔹Чаты и мессенджеры
🔹Игровые приложения в реальном времени
🔹Мониторинги состояния критически важных сервисов в реальном времени
🔹Торговых приложениях с обновлением статуса заказов в реальном времени (финансовые биржи, аукционы)


Путь разработчика

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

Не секрет, что для привязки контекста используется метод функции, который называется bind.

Но что произойдет, если вызвать этот метод дважды?

Ответ прост: bind привязывает контекст только один раз. Все последующие попытки привязки не дадут результата.

В приведенном примере мы увидим в консоли строку "Dima". И это останется неизменным.

Путь разработчика

Вот такое представление веса селектора предложила сотрудница Яндекс на одном из митапов. Она представляет вес составного селектора в виде числа, где у каждого селектора в составе есть свой вес.

!important - 10000
style - 1000
id - 100
class - 10
название элемента - 1

Но это наталкивает нас на мысль, что 10 class = 1 id, что совсем не так.

И это я видел не только у неё. Почему авторам подобных интерпретаций не приходит это в голову - загадка…

Путь разработчика

Как руководитель отдела, я часто участвую в подборе подходящих кандидатов для различных проектов. В процессе подбора может возникать ситуация, когда заказчик предъявляет требования к опыту кандидата, но некоторые области опыта он не считает релевантными. Часто в резюме кандидата отсутствует описание проектов. В результате, хотя понятно, что кандидат делал на проекте, неясно, о каком проекте идет речь. В таких ситуациях бывает сложно точно оценить опыт сотрудника. На мой взгляд, помимо достижений, в резюме стоит добавить краткое описание проектов

Путь разработчика

Это так приятно, когда сотрудники из твоего отдела публикуют классные статьи. 🤩

https://habr.com/ru/articles/884862/

Написал статью на Хабре, где максимально просто объясняю принцип единой ответственности (буква S из SOLID) в React.

Планирую написать ещё 4 статьи, которые покроют остальные четыре принципа.

Надеюсь, статья будет полезна в понимании принципа.

https://habr.com/ru/articles/934928/

Написал статью про использование enum в TypeScript. Постарался покрыть все его особенности и рассказать про это максимально простым языком.

https://habr.com/ru/articles/936650/

Знаю, что обещал написать ещё 4 статьи, которые покроют остальные четыре принципа SOLID, но пока не было подходящего настроения.