СОБЕСЕДОВАНИЕ НА FRONTEND РАЗРАБОТЧИКА ЗП 270К! РЕАЛЬНЫЙ СОБЕС С ЛАЙВКОДИНГОМ (MIDDLE/SENIOR)
ฝัง
- เผยแพร่เมื่อ 30 มิ.ย. 2024
- 👉 Подписывайся на ТГ канал с полезной инфой и советами по поиску работы (оставил там задачи из видео) - t.me/m1sha_frontend
ТГ для связи со мной - t.me/m1sha_bbn
0:00 - Вакансия и Требования
0:45 - Чистота кода, eslint, prettier
2:30 - CI-CD
3:15 - git способы откатить коммит
4:10 - critical rendering path в браузере
6:05 - media queries
7:00 - css/scss переменные
8:20 - data атрибуты в HTML
9:00 - reduce, виды копирования обьектов
11:10 - throttle / debounce
13:20 - замыкания
15:20 - function expression / declaration
16:10 - event loop
17:50 - остальные вопросы по теории)
37:00 - Задача 1
1:14:00 - Задача 2
1:28:00 - фидбек после собеса
==================== Теги
#frontend #react #js #javascript #фронтенд #реакт #it #айти #программирование #webdevelopment #software #собеседование #собеседованиефронтенд #ulbitv #ульби #frontendсобеседование #реальноесобеседование #redux #reduxtoolkit #reactjs #антонназаров #middlefrontend #frontendразработчик #frontendразработчикснуля #frontendroadmap #seniorfrontend #войтивайти #войтивit #reactjs #typescript
audios534863829?block=...
ТГ канал - t.me/m1sha_frontend
Тг для связи - t.me/m1sha_bbn
💥Трудоустройство и повышение ЗП - goo.su/uyMiVXV
Отличные собесы на канале, спасибо что делишься )
Хорошие задачки, спасибо
это то же самое что с синусами и косинусами. В школе заставляют учить и сдавать экзы, а в жизни никогда не понадобится. Тоже самое здесь.
Начало смотрю, вполне адекватные вопросы, в разработке пригождаются. Вы о чем именно?
@@lightseeker745 подобные вопросы уместно задавать джуну например, выше уже нет смысл задрачивать теорию на собесе так как она вообще никаким образом не показывает опыт кандидата, я вот проработал 11лет , многие вещи уже просто на автомате делаются и про теорию не задумываясь даже
@@rhost-9968 вполне может быть что какой-нибудь другой разработчик (не вы) все 11 лет делал что-то не так, допустим, подключал js скрипты не в конце html страницы, а в начале. Если он работал на индивидуальные заказы, то мб никто бы ему претензий не предъявлял, скриптов не очень много, подгружаются быстро и т.д. Но понятно же что так делать не надо. И похожих примеров кучу можно придумать
@@rhost-9968 я сначала когда начал смотреть собесы (не конкретно этот а в общем, их много на ютубе) тоже так подумал типа такая позиция и такие простые вопросы зачем это всё, а потом пришло осознание что ты можешь быть глубоко погружен в какие то штуки под капотом яп но например не работал никогда с Rest, OAuth (чисто верстал) и не ответишь какой там корс политики и что такое u:p > base64. Или например ты один фронт на деревне и не знаешь что такое тесты, в общем всегда есть слабые места и таким образом собеседующий от самых простых вещей идёт к более сложным щупая те моменты которые конкретно в этой команде могут понадобится
@@rhost-9968 Ты 11 лет решал простые посильные задачки для дебилов под диктовку коллеги за 500 баксов в месяц.
Первый реально крутой собес. Вопросы далеко не простые были. Интервьюер красава, задавал небанальные вопросы
на самом деле очередной душный собес где дрочат теорию, вообще не отражает опыт и реальные знания, я бы понял если бы собес был на джуна
Ты дурак? Самые банальные вопросы, или ты не знаешь методы копирования, Event loop? Ты вообще код пишешь? Ну автор молодец отвечал как лев
@@graezzywormz1438 я бы сказал самые херовые вопросы и в целом собес душный, чисто собес чтобы заебать кандидата но так ничего и не узнав о нем
@@graezzywormz1438 У каждого разный уровень подготовки...
@@graezzywormz1438 я например про Critical Rendering Path на собеседовании первый раз слышу вопрос. и про гит даже вопросы были. так что ты не прав.
Сижу и понимаю, что 95 процентов этих вопросов, в том число и задач - практически ответит / решит GPT при правильном промте и корректировке
Как же он хорош!
27:00 батчинг как таковой появился только в 18 версии реакта, стейт асинхронным был всегда.
35:10 (Есть или у типов в ТСе "или"?) - Имеется ввиду Union Type? - Ну нет, имеется ввиду прямой слеш ( | ).
... Интервьюверы как обычно выдают базу (нет). Да и вопросы в основном на джуна, а не сеньора. Задачи норм на мидла +- чтобы джунов фильтрануть.
если бы не современный мир с техно нейронками, то подумал бы , что это GPT Voice отвечал на вопросы:)))
Всё видео ждал, когда собеседуемый всё таки уснёт...
это точно не мок? на сеньор позицию спрашивать про назначение стейт менеджеров
кто-нибудь понял, зачем он спросил: "получается в чем разница между debounce и throttle одним предложением?" когда автор рассказал суть debounce, throttle и почему потом такой странный вопрос - на какой технологии js построены, капец на какой, timer api, event loop, замыкания, ему че все перечислить?
42:00 - офигенное название для переменной - mapa :))) Я только из-за этого кандидата гнал бы уже искать новый собес на джуна
Забавно слышать стук клавиш при некоторых сеттаймаут на вопросах 😅
Могу ли я попросить тебя ссылку на sandbox последней задачи или статью решения? Не представляешь как долго я не могу реализовать компонент по типу или Link, img, etc. С моего первого опыта на MUI и по сей день не гугл не ИИ не находит)
codesandbox.io/p/sandbox/broken-river-yklvxt?file=%2Fsrc%2Ftask_ts_2.tsx%3A51%2C22
гитхаб /total-typescript/react-typescript-tutorial/blob/main/src/08-advanced-patterns/72-as-prop-with-forward-ref.solution.tsx
есть такой вариант решения проблемы
type Props = {
component: FC,
prop: Prop
}
в редюсе достаточно было acc[name]= {...cur}, cur же уже объект нужный.
Хороший собес, только у тебя голос очень тихий. Плохо слышно
Чисто интереса ради что за градация такая мидл+? То есть бывает мидл просто без плюсов или какой-нибудь мидл++?
Это если еще один плюс, то возможно будет senior -
Вообще первый раз слышу про рендер дерева с дочерних компонентов до родительских. Где про это можно прочитать? (я про задачу с console.log 1 console.log 2 32:00)
статью не смог найти, но в кратце - рендер родительского компонента завершается, после рендера всех его дочерних компонентов, поэтому порядок useffect будет сначала 2 потом 1
видео по теме - th-cam.com/video/AcflYn8snMo/w-d-xo.htmlsi=Mn2laEB7R8TGYOkB
@@frontend-m0ney Благодарю)
Спасибо за собес, но твой микрофон тише собеседующего
ух ты, сначала послушал теорию думаю как хорошо пошло, а на практике очень удивился - DRY, само мышление построение кода и оптимизации у меня как то не сопоставилось с первой частью. Я сам не знал таких глубоких нюансов например о том каким алгоритмом реакт сравнивает изменения, какие деревья как они разрушаются и насколько точно описана очередь работы микротасок с макротасками и тд, мне показалось что такая теория должна быть помножена на x2 практических навыков и какой то разрыв шаблона произошёл, на моменте готовой функции фильтрации и аггрегации фруктов где ифы и код продублирован я бы подумал ооо этот друг нам нашаманит, может переволновался, я сам тот ещё алгоритмщик в кавычках так что не как критика а просто хотел выразить удивление. Когда дело доходит до практики мы можем посыпаться на самых неожиданных местах хоть за спиной не один десяток кодовых баз. Спасибо за ролик много нового узнал и очень много кому будет полезно
сам обосрал, сам похвалил, ну ты даешь...
Собеседующий идёт по шаблону вопросов и даже не слушает ответы...
Ему уже ответили, а он задаёт тот же вопрос только с боку.
Его не интересуют знания. Его интересуют ответы.
Ужасно! Каждый раз поиходится уточнять, что он имеет в виду.
Студент какой-то...
в итоге прошел собес или нет?
в конце фидбек от HR, позвали на 2 этап (общение с командой), отказался, чтобы не тратить их время)
Это на позицию примерно мидл++?
Ответы автора на Джун+ имхо
Камон автор читает ответы из ЧАТГПТ 🙂
рендер идет снизу вверх - это сильное заявление!\
По хард скилам очень не плохо, но я бы не взял софты хромают на обе ноги, скучно душно.
Что хромает?
Да это чел с завода, он бы не взял к себе в цех, потому что разговор о бабах не поддержит
@@iammnitelniy сразу видно высокий профессионализм ) дети так себя ведут когда их обидят)
каждому своё, мне наоборот комфортно с такими работать, сидите кнопки красите, на чилле)
На позицию сеньора не хватает вопросов по систем дизайн
Редюс, он же применим только к массивам\масивопдобным типам и возвращает только массив, но никак не все типы... Либо я не понял вопрос
Редьюс может вернуть что угодно, всё зависит от функции шага
Последнии аргумент, который передал, то и возвратит
ща бы путать юнион и утилити типы, как там у собеседующего дела?
человеческий фактор
Это точно на синьора?!? А! В заголовке /мидл, ну тогда может быть
а что тебя смущает ?
в реальной жизни синьор єто не ходячая енциклопедия. єто человек, которьіе ефективно решает бизнес задачи, предусматривает архитектуру проекта, организовьівает вокруг себя процессьі и может приспособить к ним других людей.
тьі никогда не попадешь (или не на долго) в нормальную команду если тьі только «много знаешь».
Перезалив?
net
мои варианты решения второй задачи, не думаю что они хотели именно это, но я не понимаю чего именно они хотели
1.
type IProps<
T extends keyof React.JSX.IntrinsicElements | React.JSXElementConstructor
> = {
Component: T;
height: number;
} & ComponentProps;
2.
type IProps = {
Component: T;
height: number;
} & V;
3.
type IProps = {
Component: T;
height: number;
} & ComponentProps;
4.
type IProps = {
Component: T;
height: number;
} & Parameters[0];
если вдруг кто-то знает - пишите в комменты, интересно
type IProps = {
Component: FC;
height: number;
} & T;
@@vladimir.olishevsky ComponentType
я конечно могу ошибаться, но как будто бы спрашивать фронта за CI/CD это лишнее
Тупейшие вопросы в начале которые на качество кода никак не влияют
Задача два какая-то душная)
Сбер?)
или газпрём.
очень мутно-тяжёлый собеседующий. сам, видно, не очень шарит, от того и вопросы такие.
В названии папки code sandbox было имя собеседующего. Если его пробить, то вылезет последнее место работы Сбер
У собеседующего голос довольно сильно похож на голос Кристо - игрока в мафию (например, Мафия у Левши)
Сами сравните на ютубе)))
ЗП сеньерская, а вопросы мидловские))
Зп на мидла
2700 баксов это гроши для сеньёра помидора !
проходил собес 2 года назад. За такие ответы и решение задач даже на джуна не взяли бы
Ответы автора такие слабые и неуверенные... Ощущение, что на джуна+ тянет едва.
В чём разница css и мрепртцессорных переменных? - там через -- обьявлял, а препроцессор через $. А в чём принципиальная разница? Э... Css переменные в браузере видны %} Понимания ноль.
Почему у программистов такие душные занудные голоса????
отвратный стек, отвратное интервью