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

Рет қаралды 22,529

Күн бұрын

👉 Подписывайся на ТГ канал с полезной инфой и советами по поиску работы (оставил там ссылку на вакансию из видео) - t.me/m1sha_fro...
ТГ для связи со мной - t.me/m1sha_bbn
Помощь в трудоустройстве - goo.su/xeDj
Верстка:
01:00 Приоритет, вес селекторов, специфичность
01:54 Свойство position, его виды, отличия
03:23 Как сверстать кастомный checkbox
04:50 Для чего нужны псевдо-классы и псевдо-элементы. Примеры использования.
JavaScript:
06:22 Event Loop - как работает и для чего нужен?
08:10 Задача: Что и в каком порядке выведется?
09:30 Что такое замыкания, примеры использования
React:
12:01 Что такое React, для чего используется, в чем преимущества
12:50 При каких условиях происходит ре-рендер компонентов в React
13:30 Как React понимает что нужно перерендерить списки?
14:05 React хуки. Какие знаешь, какие использовал, как они работают?
17:14 React.memo() - для чего нужен, какие принимает аргументы?
17:55 Расскажи, как ты принимаешь решения о том, когда лучше использовать useMemo, а когда useCallback
18:58 Задача на code review
22:28 Жизненный цикл классового компонента
JavaScript:
24:06 Основные типы данных в JS
24:28 Расскажи про области видимости
25:42 Есть ли опыт работы с виртуализацией списков? В чем особенности? Как улучшить performance?
27:03 Как обойтись без виртуализации с комплексными коллбэками?
27:57 В чем разница между currentTarget и target?
TypeScript
28:24 Generics. Использовал? Для чего? Как описываются?
29:03 Декораторы. Пользовался? Для чего? Как описываются?
30:24 Что за оператор ?? (нулевое слияние)?
31:07 Приведи примеры utilty-типов в TS?
Стейт-менеджеры
32:40 Какими стейт-менеджерами пользовался? Какие больше нравятся? Почему? Какие особенности у разных?
35:19 Какие основные паттерны используются в Redux и MobX?
Общие вопросы:
37:38 Где лучше хранить авторизационные токены?
38:10 Что такое CORS-ошибка? Сталкивался ли? Какие есть варианты решения?
41:55 Твои действия, если долго не можешь решить задачу?
44:46 Вопросы про опыт и проекты
==================== Теги
#frontend #react #js #javascript #фронтенд #реакт #it #айти #программирование #webdevelopment #software #собеседование #собеседованиефронтенд #ulbitv #ульби #frontendсобеседование #реальноесобеседование #redux #reduxtoolkit #reactjs #антонназаров #middlefrontend #frontendразработчик #frontendразработчикснуля #frontendroadmap #seniorfrontend #войтивайти #войтивit #reactjs #typescript

Пікірлер: 84

@frontend-m0ney 9 ай бұрын

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

@viacheslavgurin9368 7 ай бұрын

Таймкоды непосредственно техсобеса: Верстка: 01:00 Приоритет, вес селекторов, специфичность 01:54 Свойство position, его виды, отличия 03:23 Как сверстать кастомный checkbox 04:50 Для чего нужны псевдо-классы и псевдо-элементы. Примеры использования. JavaScript: 06:22 Event Loop - как работает и для чего нужен? 08:10 Задача: Что и в каком порядке выведется? 09:30 Что такое замыкания, примеры использования React: 12:01 Что такое React, для чего используется, в чем преимущества 12:50 При каких условиях происходит ре-рендер компонентов в React 13:30 Как React понимает что нужно перерендерить списки? 14:05 React хуки. Какие знаешь, какие использовал, как они работают? 17:14 React.memo() - для чего нужен, какие принимает аргументы? 17:55 Расскажи, как ты принимаешь решения о том, когда лучше использовать useMemo, а когда useCallback 18:58 Задача на code review 22:28 Жизненный цикл классового компонента JavaScript: 24:06 Основные типы данных в JS 24:28 Расскажи про области видимости 25:42 Есть ли опыт работы с виртуализацией списков? В чем особенности? Как улучшить performance? 27:03 Как обойтись без виртуализации с комплексными коллбэками? 27:57 В чем разница между currentTarget и target? TypeScript 28:24 Generics. Использовал? Для чего? Как описываются? 29:03 Декораторы. Пользовался? Для чего? Как описываются? 30:24 Что за оператор ?? (нулевое слияние)? 31:07 Приведи примеры utilty-типов в TS? Стейт-менеджеры 32:40 Какими стейт-менеджерами пользовался? Какие больше нравятся? Почему? Какие особенности у разных? 35:19 Какие основные паттерны используются в Redux и MobX? Общие вопросы: 37:38 Где лучше хранить авторизационные токены? 38:10 Что такое CORS-ошибка? Сталкивался ли? Какие есть варианты решения? 41:55 Твои действия, если долго не можешь решить задачу? 44:46 Вопросы про опыт и проекты

@the_inalienable_dreamless 9 ай бұрын

"у нас используются классовые компо..." мне не подходит данное предложение, спасибо большое за уделенное время, до свидания.

@rusfungame 5 ай бұрын

Я 3 месяца назад еще писал на angular.js

@DmitriiAmagkn 3 ай бұрын

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

@forellko8600 3 ай бұрын

😂

@1001-w5q 8 ай бұрын

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

@nikitayaskevich813 7 ай бұрын

Спасибо за интервью, довольно интересно вышло. Миша так быстро отвечает на вопросы и без запинки, будто школьник заучивший четверостишие. Очень удивило

@stil279 9 ай бұрын

Прекрасный собес!:) Вопросов много и они хрестоматийные. Не хватило только классической рубрики "А что ты знаешь про this" 😄 Интересно было послушать про корс (особенно про его костыли со стороны браузера) и про паттерн в mobx

@Ешь-р2и 9 ай бұрын

Ну машина, благодарен рекомендациям и тебе. Было полезно

@Boortwint 3 ай бұрын

2:50 если родителю элемента с позиционированием fixed задать свойства filter, transform или perspective, то дочерний элемент fixed будет позиционирован относительно родителя.

@ВладПономарёв-м1ъ 2 ай бұрын

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

@tesohi 9 ай бұрын

спасибо, было мега полезно❤

@dimitrusmeleskausas2086 9 ай бұрын

спасибо за видео! очень полезно

@ДимаРапид-ф5ъ 7 ай бұрын

Лять... я не верю что это собес на senior и даже на middle не тянет))) Я всегда говорил, не работайте за копейки! Вот норм оплата труда.

@zergzerg4844 9 ай бұрын

Интересный собес, спасибо за видео.

@ВадимКоролев-л6ь 8 ай бұрын

Накидайте лайкосов Мише, за топ видос и старание!!!

@dewatanabe4010 9 ай бұрын

Что-то не верится, что такое задают сеньйору, слишком просто

@STRELOK-wq6on 9 ай бұрын

Шрифты и цвета для превью у ульби скопировал )) Я сначала подумал это его ролик

@Alequez97 9 ай бұрын

Ага, я тоже так подумал. В блок за такое😀

@torex1123 4 ай бұрын

Почему так тихо? Или это я глухой)

@Ешь-р2и 9 ай бұрын

Для того чтоб был толстый и крепкий канал

@lorandemarcus 9 ай бұрын

Какая же тупость почти на всех собесах спрашивать про event loop. И еще эти задачки про очередность вывода в event loop, так и каждый раз хочется спросить: "А у вас реально такой говнокод в проекте?". За все мои почти 5 лет опыта работы, только один раз понадобилось знание event loop

@nvkzmaks 9 ай бұрын

если ты делаешь дефолтные вещи, о да, тебе такое знать не к чему. а на самом деле, если делаешь что-то не тривиальное, то это понимание мягко говоря лишним не будет

@Goddamn_Right 9 ай бұрын

@nvkzmaks И каждый собес у нас конечно же в нетривиальное место?)

@nvkzmaks 9 ай бұрын

@@Goddamn_Right молодец. тебе не обязательно знать, конечно.

@Goddamn_Right 9 ай бұрын

@@nvkzmaks Спасибо, мне так не хватало совета от рандомного токсика в комментах))

@lorandemarcus 9 ай бұрын

@@nvkzmaks Чел сверху тебе по факту написал. Сколько проходил собесов, не все компании являются хайлоад финтех. Где то надо просто клепать простые формы и таблицы

@kawaikaino5277 7 ай бұрын

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

@antonmas3451 9 ай бұрын

таймкоды еще добавь и будет супер)

@SeriousJet 9 ай бұрын

Как же микрофон пищит на букве С, брат натяни носок😁 пожалуйста или купи поп фильтр, он вроде позволяет этого избежать

@iGotton 9 ай бұрын

Это не более чем мидловское собеседование, причем мидл минус. Нет алгоритмической секции, нет лайвкодинга.. Они сказали, что работают с видео, но не было вопросов по WebRTC. В очередной раз повезло)

@Rodovay_vedunia 8 ай бұрын

Так сказать узнаю по голосу ваши лица

@aleksprimetv 8 ай бұрын

про корс они какую то хрень несут, никто в здравом уме не будет обращаться напрямую на другой домен из браузера, для этого есть прокси сервер, если на то пошло...

@THE-bv2zu 9 ай бұрын

Ребят кто шарит, подскажите для Джуна фронт тенда что нужно знать что бы процти собеседование найти работу?

@АлександрВаракин-ч8т 9 ай бұрын

Один раз ходил на джуна на 40 тыс дали алгоритмы, там более сложнее, чем здесь. Тут очень лайтово, жди что будет сложнее, конкуренция огромна.

@АлександрВаракин-ч8т 9 ай бұрын

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

@taidleqdwwhdd6985 9 ай бұрын

Хорошее собеседование

@Redmigarichuchichello 5 ай бұрын

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

@frontend-m0ney 5 ай бұрын

sorry(

@дэнгарма 4 ай бұрын

@@frontend-m0ney,довольно мило мн показалось)

@danylogudz 9 ай бұрын

9:03 так а 5 не должно быть перед 3.1?

@СкриганДмитрий 9 ай бұрын

нет

@dielectric7265 8 ай бұрын

3.1 идёт раньше, т.к. при обработке макротаски(setTimeOut с console.log(3)) была создана новая микротаска. А т.к. у микротасок приоритет выше, то как только она попадёт в очередь, все макротаски ожидают её выполнения. console.log(5) как раз этот случай

@danylogudz 8 ай бұрын

@@dielectric7265 та я уже глянул детализированный ролик по евентлупу - то понял) кейс конечно из супер редких

@Ешь-р2и 9 ай бұрын

Напишу еще пару комментов

@ZolFKN 9 ай бұрын

Единственное - звук тихий и в других роликах тоже

@DmytroHoncharenko-p8w 5 ай бұрын

господи, НУ ЗАЧЕМ ЭТИ ВСЕ ВОПРОСЫ.... За 10минут можно легко понять что человек из себя представляет

@ХанболотЖанибеков 9 ай бұрын

Эта работа на удаленку ?

@frontend-m0ney 9 ай бұрын

да

@ХанболотЖанибеков 9 ай бұрын

@@frontend-m0ney А как происходит удаленная работа ?

@endergayyt8968 9 ай бұрын

@@ХанболотЖанибековудаленно

@ДмитрийСитников-ш2х 9 ай бұрын

Тоже интересно

@БУРБОН-с9ж 9 ай бұрын

мммм медитация на собеседовании ммммм :)))

@kawaikaino5277 7 ай бұрын

У нас нехватка рук... Неудивительно)) такие душные собесы и классовые компоненты, отсеивают адекватов

@ballmathieu0 9 ай бұрын

тихо слишком

@Ешь-р2и 9 ай бұрын

Больше трех слов, говорят полезно

@antonmas3451 9 ай бұрын

на 300 челики макротасок не существует изменение пропсов не приводит к ререндеру приколдесные вы конечно

@antonmas3451 9 ай бұрын

а я досмотрел где интервьюер спрашивает про ключи и списки, все ясно там челик на интевьюере из скилбокса походу...пздц ребята

@frontend-m0ney 9 ай бұрын

Если на собесе скажешь что макротасок не существует, то холивар/спор может начаться и это повлияет на результат собеседования)

@sashokkomarchev7167 9 ай бұрын

Почему изменение пропсов не приводит к ререндеру?

@antonmas3451 9 ай бұрын

@@sashokkomarchev7167 потому что это база и надо знать а не сказки пересказывать ты можешь сам в этом убедиться попробовав

@KupriyanovNikita 9 ай бұрын

@@frontend-m0ney Какой может быть холивар, если в документации написано, что есть tasks которые кладутся в task queue и microtasks которые кладутся в microtask queue. Макротасков нет)