Тестовое собеседование на позицию Frontend React-разработчика (Junior/Middle)

🔗 Вступайте в ингушское сообщество ИТ специалистов Ingternet: ingternet.ru/nav
00:00 Начало
01:55 Тема трансляции
05:50 Знакомство с кандидатом
09:45 План собеседования
11:36 Вопросы по HTML - Вопрос про теги, скрипт, линк
13:43 Можно ли в html грузить стили асинхронно
16:30 Можно ли link подгружать асинхронно или заранее подгружать
17:20 Как подгружать 100 картинок на странице, если например интернет слабый, что сделать, чтобы не пришлось ждать подгрузки всех картинок
19:20 Вопросы по css, что такое position и какие у него есть значения, как они работают
21:40 Использует чистый css или какие-нибудь препроцессоры
22:20 Чтобы в центре экрана отобразился красный блок, какими способами этого можно достичь
23:35 Как узнать, что у блока есть дочерний элемент
25:25 Как кастомизировать скроллбар
26:10 Есть ли в css способы вычисления, циклы, функции или переменные
26:55 Как быстро сделать эффективный карусель (слайдер)
28:55 Вопросы по javaScript, какая разница между двойным равно и тройным
29:35 Что такое async await, что под капотом у async await
32:05 Для просмотра, во-что переконвертируется код, использовать babel.js и typescript playground
32:50 Какая разница между spread и rest операторами
33:41 Чем отличается стрелочная функция от именованной
34:55 Для отображения времени в нужном формате, что можно использовать
37:16 Что использовать, чтобы при скролле списка с 1000 элементами и когда скролл дойдет до нужного элемента, например 766 элемента в списке, он подсвечивался
40:00 Слышал ли про Intersection Observer
41:30 Про методы bind, apply, call в js - чем они отличаются
42:15 Слышал ли про генераторы в js
42:45 Имутабельность в js
43:40 Что такое мемоизация - перескочили на реакт
44:50 Возвращение к js и последний вопрос по js, что такое Event Loop
48:25 Вопросы по ts, какая разница между any и unknown
49:40 Как сделать в ts, чтобы переменная принимала только массив из строк и чисел
53:03 Что такое дженерики
53:25 Как сделать первые два типизированных параметра функции необязательными, у функции три параметра
56:15 Вопросы по реакт, вопрос про стейт и пропс
57:50 Про virtual DOM
58:45 Про хук useRef
59:30 В классовых компонентах есть ли свой useEffect и что вообще он умеет делать в функциональных компонентах 1:03:03 Про next.js, что такое ssr, ssg и знаешь ли еще какие-нибудь такие страшные слова
1:06:15 Какие тесты ты знаешь, про тесты 1:08:00 Вопросы про производительность, оптимизацию приложения, про code splitting
1:13:12 Live coding, задача N-1
1:15:30 Сколько ререндеров произойдет, если нажать на кнопку 1:30:33 Live coding, задача N-2 1:31:00 Будет ли счетчик перерисовываться, если я ввожу текст в инпут и не кликаю по счетчику
1:33:30 Можно ли предотвратить перерисовку 1:38:06 Про задачу N-3, которая будет скинута для всех, не решается в рамках собеса, но раскрывается 1:43:28 Подведение итогов собеседования, оценка уровня кандидата, сильные и слабые стороны, что нужно подтянуть, рассмотрение резюме кандидата
1:49:30 Совет по изучению ts на сайте typehero.dev 1:51:01 Еще раз показывает babel.js и typescript playground, как ими пользоваться, еще раз что дополнительно изучать, в чем был слаб, что нужно подтянуть
1:56:30 Разбор резюме кандидата, завершение

[@MrEmil-cf8wo]

Это арчаков?бомба

[@user-hk7td4dh1o]

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

[@user-qt3lg3st8f]

Классный собес, Адам держался молодцом. Archakov как всегда разжует и всё объяснит, топ ментор)

[@MoranKitzCode-dl5lj]

Спасибо :)

[@Tony-kd3ko]

@@MoranKitzCode-dl5lj а можешь гитхаб скинуть?) Тоже учусь сейчас)

[@user-nd7th3bv8v]

- позволяет загрузиться JS скрипты асинхронно, но последовательно, defer сработает только тогда когда весь HTML обработает браузер

[@DubinArtur]

А потом читаешь резюме и видишь: опыт 3 года, работал в Яндекс

[@DubinArtur]

1:19:30 капитал шоу Поле чудес. Правую шкатулку или левую? А если я вам дам капусту, вы не будете открывать чёрный ящик?

[@user-cg8gf9hq6l]

Блин половину не знаю/не помню, пойду ещё раз реакт пиццу пройду😂

[@user-fn6xx7db1r]

Хпхпхпхахахаахха, а она актуальная ещё

[@magaall7249]

😂😂

[@user-rq9fn3tq6v]

Топчик👍

[@trimmtrabb7629]

Куда можно записаться для собеса?

[@denys7715]

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

[@user-dn4ry3uw8i]

Такое чувство, что опыт накручен. Как работал парень, если про useEffect, например, не ответил

[@magaall7249]

Возможно переволновался)

[@SMILESHOW1337]

больше пж

[@s_admin7111]

++

[@yoshimitsu7723]

вот блядь) я сейчас смотрю на задачу по перерисовкам сперва подумал, что будет 1 рендер так как у реакт есть внутренний механизм оптимизации, а потом увидел, что последнее значение 0 как при первом рендере, сделал вывод, ререндера вообще не будет так как на этапе фазы рендера(сравнение деревьев workInProgress и current) будут содержать там и там 0. На собесе из-за нервяка сто процентов бы обосрался))

[@shRedKz]

Это джун в яндекс? 😅

[@noirskingdom]

по реакту посыпался братишка))

[@user-te2kw9ff9j]

Вот всё хорошо, но ещё объясняли правильные ответы или корректировки и не точности , после того как человек ответил

[@user-fy3fw3zo3y]

И это на джуна,пзц)

[@Tony-kd3ko]

а что не так?) Вполне адекватно

[@user-fy3fw3zo3y]

@@Tony-kd3ko пару лет назад надо было на джуна на 70к: html,css и основы js :) а с этим стеком сейчас у меня в городе 30-40к и то 2 вакансии на миллион населения.

[@MarselNz]

Пару лет назад, на джуна надо было уметь выключать компьютер через пуск, а не выдергивая кабель из розетки@@user-fy3fw3zo3y

[@danyawyse1933]

@@user-fy3fw3zo3y30-40к это очень смешная зарплата как по мне, спокойно можно +100 найти

[@user-cg8gf9hq6l]

написано ж Джуниор/мидл, т.е. для перехода из Джуна в мидл