РЕАЛЬНОЕ СОБЕСЕДОВАНИЕ НА MIDDLE/SENIOR FRONTEND РАЗРАБОТЧИКА С ЗП 300К

👉 Помощь в трудоустройстве - goo.su/xeDj
👉 Подписывайся на ТГ канал с полезной инфой - t.me/m1sha_fro...
👉 ТГ для связи со мной - t.me/m1sha_bbn
JavaScript:
1:08 Event Loop - что такое, с чем едят, для чего нужен?
2:02 Какую проблему решает Event Loop?
4:35 Как устроены Promise'ы?
7:05 Что такое Async/Await? Как они связаны с промисами?
8:01 Замыкания - что такое, как можно использовать?
10:00 Прототипы. Как они реализованы в JS?
11:24 Статические методы объектов - как определяются, как используются?
13:10 Set, Map, Array - чем отличаются?
14:52 Сборщик мусора - знаешь что-нибудь?
15:27 В каких случаях сборщик мусора начинает работать?
Верстка:
18:35 С какими CSS-препроцессорами работал?
19:05 Какую проблему решает модульный CSS?
19:25 Как сделать так, чтобы у селектора в стилях был максимально возможный вес?
React:
20:14 Что такое Virtual DOM?
22:32 При написании кода, где приходится принудительно указывать ключи (key)?
22:45 Что такое JSX? Можно ли использовать React без JSX?
23:20 Доводилось ли работать с классовыми компонентами? В чем отличия функционального и классового подходов?
24:44 Хуки. В каких случаях стоит/не стоит использовать useCallback?
25:30 Знаком ли с Context API? Что предпочтешь использовать - Context API или Redux?
26:21 Знаком ли с Portals?
26:37 Для чего Portals был введен в React?
Redux:
27:04 Опиши жизненный цикл в Redux
28:46 RTK Query. Кэширование данных. Инвалидация.
TypeScript:
30:00 Какой опыт? Что такое дженерики?
30:52 Примеры utility-типов/функций?
Общие вопросы:
31:20 Что такое протокол HTTP?
31:23 Сталкивался ли с CORS? Знаком с механизмами обхода CORS?
33:11 CORS реализуется на стороне бэкенда или фронтенда? Кто проверяет исполнение CORS-политик?
34:08 Сталкивался ли с проксированием?
34:36 Сталкивался ли с web-socket'ами?
34:45 Как организовывается передача данных через веб-сокеты?
35:05 Какие альтернативы есть веб-сокету? (polling / long polling / server-sent events)
Задачи:
37:25 JavaScript: Что будет выведено в результате выполнения функции?
45:00 React: провести код-ревью. Джун написал компонент с моковыми данными (бэк не был готов), который отображает список справочников. Надо отревьюить, сформулировать максимум замечаний, предложить идеи по улучшению.
Оргмоменты:
1:05:29 Есть ли какие-то красные линии, которые для тебя недопустимы на работе?
1:07:17 Интервьюеры рассказывают о проекте и спрашивают об ожиданиях кандидата
==================== Теги
#frontend #react #js #javascript #фронтенд #реакт #it #айти #программирование #webdevelopment #software #собеседование #собеседованиефронтенд #ulbitv #ульби #frontendсобеседование #реальноесобеседование #redux #reduxtoolkit #reactjs #антонназаров #middlefrontend #frontendразработчик #frontendразработчикснуля #frontendroadmap #seniorfrontend #войтивайти #войтивit #reactjs #typescript

[@frontend-m0ney]

Помощь в трудоустройстве и повышении ЗП - goo.su/xeDj ТГ канал - t.me/m1sha_frontend ТГ для связи со мной - t.me/m1sha_bbn

[@viacheslavgurin9368]

Таймкоды: JavaScript: 1:08 Event Loop - что такое, с чем едят, для чего нужен? 2:02 Какую проблему решает Event Loop? 4:35 Как устроены Promise'ы? 7:05 Что такое Async/Await? Как они связаны с промисами? 8:01 Замыкания - что такое, как можно использовать? 10:00 Прототипы. Как они реализованы в JS? 11:24 Статические методы объектов - как определяются, как используются? 13:10 Set, Map, Array - чем отличаются? 14:52 Сборщик мусора - знаешь что-нибудь? 15:27 В каких случаях сборщик мусора начинает работать? Верстка: 18:35 С какими CSS-препроцессорами работал? 19:05 Какую проблему решает модульный CSS? 19:25 Как сделать так, чтобы у селектора в стилях был максимально возможный вес? React: 20:14 Что такое Virtual DOM? 22:32 При написании кода, где приходится принудительно указывать ключи (key)? 22:45 Что такое JSX? Можно ли использовать React без JSX? 23:20 Доводилось ли работать с классовыми компонентами? В чем отличия функционального и классового подходов? 24:44 Хуки. В каких случаях стоит/не стоит использовать useCallback? 25:30 Знаком ли с Context API? Что предпочтешь использовать - Context API или Redux? 26:21 Знаком ли с Portals? 26:37 Для чего Portals был введен в React? Redux: 27:04 Опиши жизненный цикл в Redux 28:46 RTK Query. Кэширование данных. Инвалидация. TypeScript: 30:00 Какой опыт? Что такое дженерики? 30:52 Примеры utility-типов/функций? Общие вопросы: 31:20 Что такое протокол HTTP? 31:23 Сталкивался ли с CORS? Знаком с механизмами обхода CORS? 33:11 CORS реализуется на стороне бэкенда или фронтенда? Кто проверяет исполнение CORS-политик? 34:08 Сталкивался ли с проксированием? 34:36 Сталкивался ли с web-socket'ами? 34:45 Как организовывается передача данных через веб-сокеты? 35:05 Какие альтернативы есть веб-сокету? (polling / long polling / server-sent events) Задачи: 37:25 JavaScript: Что будет выведено в результате выполнения функции? 45:00 React: провести код-ревью. Джун написал компонент с моковыми данными (бэк не был готов), который отображает список справочников. Надо отревьюить, сформулировать максимум замечаний, предложить идеи по улучшению. Оргмоменты: 1:05:29 Есть ли какие-то красные линии, которые для тебя недопустимы на работе? 1:07:17 Интервьюеры рассказывают о проекте и спрашивают об ожиданиях кандидата

[@belayaboroda1431]

🎉

[@true227]

Такое чувство , что интервьюер общается с голосовым чатом гпт

[@КириллМухортов-ь4ж]

Не, тут видимо все не так. У него нейронка слушает вопрос и генерит ответ. Поэтому вначале каждого вопроса он "экает и мыкает", ждет пока прогрузится ответ и потом его читает, пытаясь сходу уловить основную суть.

[@youth991]

После услышанной зп вопросы отпали 😂

[@ДимаОксентюк-ж6т]

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

[@rhost-9968]

судя по душности собеса, представляю какой там говнокод в сберыче)

[@rususa2000]

да вроде всё по делу спросили, даже минимум для senior, по базе прогнали

[@rhost-9968]

@@rususa2000 эти вопросы не показывают реальный уровень знаний кандидата, человек может писать откровенный говнокод но просто зазубрить эту теорию и получается пройдет собес) У меня вот 11 лет опыта и многое у меня уже на автомате делается, если я не заучу ответы то выходит я не пройду собес? хотя у меня много опыта и много знаний)

[@vovnet]

@@rhost-9968 не пройдешь

[@tama4717]

​@@rhost-9968скорее всего там несколько этапов отбора, с твоим опытом пары вечером подготовки хватит, чтобы немного структурировать знания в голове перед собесом и быть готовым поддержать диалог с интервьюером, а твое портфолио и решение задач на практическом собесе с лёгкостью покажет, кто опытный, а кто "зазубрил" теорию просто.

[@deo5686]

@@rhost-9968 Хочешь сказать, что за 11 лет опыта, у тебя нет понимания что ты делаешь и как все работает? Мне кажется ты прибедняешься...

[@AlexCoxx]

они думали на 50к а он в конце уничтожил их от 300к ))

[@pavelgushchin2223]

Собеседуемый разговаривает как умирающий лебедь(

[@wayfaringstranger2798]

мммм.. душнота. Опять вопросы по алгоритму - выучи 100 тыщ вопросов jS документации , которые тебе никак не понадобятся в реальной работе и напыщенный интревьюер, который это спрашивает таким тоном будто познал Вселенскую мудрость.

[@wayfaringstranger2798]

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

[@evgenykorolev9108]

@@wayfaringstranger2798 , Фронтенд-разработчику важно понимать принципы работы сборщика мусора (Garbage Collector, GC) в JavaScript по нескольким причинам: Оптимизация производительности: Понимание того, как работает сборщик мусора, помогает разработчику создавать более эффективный код. Например, избыточные или забытые ссылки на объекты могут привести к утечкам памяти. Если разработчик понимает, как и когда память освобождается, он может избегать ситуаций, которые замедляют работу приложения. Избежание утечек памяти: Утечки памяти происходят, когда объекты в памяти остаются недоступными, но не удаляются сборщиком мусора. Знание того, как работают замыкания, слабые ссылки (WeakMap, WeakSet), а также особенности работы с DOM-деревом, помогает избегать таких ситуаций. Эффективное управление ресурсами: Фронтенд-разработчик должен понимать, как долго объекты могут оставаться в памяти и как это влияет на использование ресурсов. Например, манипуляции с большим количеством данных (например, создание множества DOM-элементов) требуют осторожного подхода, чтобы избежать ненужного потребления памяти. Отладка и решение проблем: Если приложение работает медленно или нестабильно, знание принципов работы GC помогает в диагностике и исправлении проблем. Понимание того, как именно сборщик мусора освобождает память, помогает интерпретировать профилирование памяти и находить узкие места. Поведение в разных окружениях: Важно понимать, что сборщик мусора может работать по-разному в разных браузерах и средах выполнения JavaScript (например, Node.js). Это может повлиять на то, как код будет работать в продакшене, поэтому понимание принципов работы GC помогает обеспечить стабильность и предсказуемость приложения в разных условиях. Знание работы сборщика мусора не обязательно для написания базового кода, но оно становится крайне важным при создании крупных и сложных приложений, где оптимизация и управление ресурсами играют ключевую роль.

[@benrise4775]

Сильный кандидат, лайк

[@RaubeR666]

25:35 Контекст или Редакс? - Да! (в том смысле, что редакс работает через контекст, странный вопрос)

[@TheTexPro]

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

[@zalupalupa228jackpot]

у меня со сбером так и было, на собесе с командами срезали)

[@pkorneev5226]

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

[@golddeaggler2029]

Розумный?

[@ДмитрийСитников-ш2х]

6:40 что подразумевал интервьюер под сокетами и ОС? Как это нагуглить?

[@tebesvet]

Сетевые сокеты погуглите

[@ДмитрийСитников-ш2х]

@@tebesvet Благодарю

[@alexandrcorbin]

Можешь не гуглить, это для людей которые пишут на нормальных языках, а не жопаскрипте

[@nail36058]

Вопросы как под копирку у всех, ивент лупы, замыкания и т.д. что на джуна, что на мидла, что на синьора. Серьёзно? Спрашивать синьора про то как работает async await? А не проще посмотреть его проекты предыдущие, посмотреть где и на какой должности он работал, открыть гитхаб его, у синьора за плечами должно быть уже много проектов, по которым и так понятно будет, что он async await знает иначе как он работал вообще.

[@antonbuldigin1816]

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

[@Todortodorov62]

Сеньору некогда и незачем пет проекты на гитхабе вести😂

[@KZVlad1]

Гитхаб с проектами существует только у задротов (в хорошем смысле) и джунов. Первых очень очень мало. Среднестатистический мидл/сеньер не имеет проектов тупо потому что он работает и ему некогда. Да и не у всех есть идеи и желание для пет проектов.

[@VolodymyrKarpov]

разница должна быть в грубине и деталях ответа на эти вопросы

[@АкхдиАхади]

Пет проект это метка Джуна или трейни.

[@codenetw]

с такой важжностью в голосе - у нас гибрид, мы стараемся ходить в офис.... с каких пор хождение в офис стало работой. Если человек на удаленке решает все ваши задачи , зачем ему е*ть мозги бессмысленым хождением. Или там такое расп-йство что не могут иначе работать и надо хоть раз в неделю за ними следить

[@gabblz480]

Я тоже из Сбера и у нас это руководитель обосновывает тем, что виден процесс, видны обсуждения, решения проблем, а вот те кто дома сидят, не понятно, чем занимаются. И не важно, что эти обсуждения бесполезны, потому что челы проблему решают, которую сами же создали, но для него, как человека, который не шарит это процесс, это хорошо.

[@ВилкаКарпов]

Не сильно приятно смотреть, советую посмотреть как другие люди собесы записывают, а то просто звук на фоне кота….

[@jsonslim]

6:50 о каких сокетах шла речь?

[@tebesvet]

О сетевых, видимо

[@МаксимИсаев-ъ5о]

Очень хороший собес ❤

[@Justfunandchill]

так а приняли в итоге? очень не хватает резюмирования в конце - прошел/не прошел, т.к. видны их вопросы, видны твои ответы, а вот результата - не видно, непорядок :) за видео спасибо, хорошо держался, вопросы в меру адекватные, хотя меня бы напрягло мокать данные вперед бэка, т.е. видимо даже контракт еще не готов. в остальном - каждому свое

[@rainbowfish6148]

В сбере так делают, сам работаю там

[@frontend-m0ney]

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

[@Justfunandchill]

@@frontend-m0ney понял, проглядел видимо, спасибо

[@golddeaggler2029]

​@@frontend-m0neyникакого скрина нет

[@frontend-m0ney]

@@golddeaggler2029 0:15

[@AlexCoxx]

Ты скажи, ты работаешь то в итоге? И сколько зп?

[@frontend-m0ney]

да, ~400 собесы прохожу просто для практики

[@AlexCoxx]

​​@@frontend-m0neyнормально, напиши где то список всего что ты умеешь и знаешь. Ещё интересно сколько времени может уйти на изучение frontend, чтобы найти хотя бы минимальную работу

[@L1LMORTY]

можешь курс создать свой или хотя бы руд мап что учить, детальный построить пожалуйста?​@@frontend-m0ney

[@dididie158]

Про eventloop не раскрыли тему, как будто оба не до конца понимают как работает движок. Просто собеседующий сам не раскрыл эту тему до конца.

[@alexandrcorbin]

Какой нафиг движок, это цикл с парочкой структур данных

[@maclaud2039]

Спасибо за видео) Ты, кстати, пересмотрел, когда видео смонтировал? Там сберовские лица засветились.....ахахахах

[@VolodymyrKarpov]

Привет, спс за видос. Мне не очень понятно. Тебя зовут на тех собес до того, как ты с РЕкрутером обсуждаешь график работы(удаленка гибрит), ожидания по ЗП? Или тех спецы все равно переспрашивают?

[@frontend-m0ney]

зовут после общения с HR

[@СемёнАстаркин-я6ф]

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

[@kpacubo5431]

Нде искать работу? на ххру?

[@ne4to777]

У нас везде три единицы не из-за var, а из-за push

[@KotSk8er]

вместо него взяли азазина в сбер

[@nikitayaskevich813]

Судя по всему, главное на теоретические вопросы ответить - а тачку решить и джун сможет

[@mramoer6272]

Я тут на джуна готовлюсь уже, хотел спросить кое-что. Я вот думаю, если там scroll state заменить на useRef, это поможет оптимизировать код? Там типа когда скроллишь же, то постоянно ререндерится компонент из-за useState, а при useRef мемоизируется и ререндеринга не происходит, правильно понимаю?

[@Валерабезруков-щ8д]

useRef не вызывает ререндер, это да. Но твой вариант не подходит, т.к переменная scroll вставлена в вёрстку Scroll {scroll} В твоём случае, при использовании useRef скролл страницы изменит переменную `scroll`, но не перерисует компонент, то есть изменений в интерфейсе не будет. А useState вызовет ререндер -> интерфейс обновится

[@mramoer6272]

@@Валерабезруков-щ8д не увидел, что оно на странице изображается, спасибо)

[@DmitryKorovin-rr9hl]

спасибо за видео

[@ne4to777]

Красавчик)

[@tazer8635]

Сразу лайк не глядя)

[@qaysar800]

на Ангулар не будет собеседование?

[@frontend-m0ney]

нет, так как работаю на React стеке

[@tnsaturday]

​@@frontend-m0neyреакт протык

[@carry-on-chaos4032]

Со сборкой мусора интервьюер сам не понимает, что спрашивает

[@GonzaVladimir]

где такие вопросы? вы гоните?))) я послушал вопросов 10. все просто жесть какие лёгкие. без видео лица, где можно гуглить и полглядывать. чел. мой собес ты не пройдёшь.

[@ИльяИванов-ы9о]

Сори дядь, но ты не прошел. Мысли местами правильные, но сам себя угоняешь не туда, нет уверенности. На первой задаче с рефактором посыпался. В целом молодец, но больше уверенности, не Экай, с ходу ответ (мысли то правильные, их и транслируй). Ну и 300к ЗП с таким результатом собеса не сходится

[@kawaikaino5277]

Ты конечно большой дядя, видишь - кому и какая зарплата полагается! Видимо и линейка у тебя есть, по которой точно понятно, на какую ЗП пришел кандидат... Тебе не кажется, что ты много на себя берешь? Вали, чиновникам и продажным полицаям выставляй мерило ЗП

[@AmazinglyUniqueUserName]

@@kawaikaino5277 Я, конечно, согласен, что чел борщит с оценкой скиллов и зп, и не ему ее мерить, но тебе хрюкнуть не захотелось, случайно, когда последнее предложение писал? Или ,может, желудь хочешь?

[@kawaikaino5277]

@@AmazinglyUniqueUserName Это намек типа на Украинца?)) Чел, проспись! И перестань смотреть зомбоящик))

[@AmazinglyUniqueUserName]

@@kawaikaino5277 Точно. И перейду на эльфоящик, ведь там именно те люди, которые хотят рассказать правду;) Глубокое понимание ситуации, благодарю за совет.

[@AmazinglyUniqueUserName]

​@@kawaikaino5277 и посмотреть эльфоящик? с чистейшей правдой от людей в белом пальто и чистой совестью. Глубокое понимание вопроса , и мнение аргументированное, сразу видно :)