Собеседование на Junior Frontend разработчика на React

Проведём собеседование на позицию Junior Frontend разработчика на React и обсудим типовые вопросы.
На самом деле собеседование импровизированное, но вопросы и ответы на них, надеюсь, будут для вас полезны.
⚡ Мои курсы
Курс по React и Next.js: purpleschool.r...
Все мои курсы: purpleschool.ru
Курсы для тех, кто не из России: www.udemy.com/...
Telegram канал с полезными советами: t.me/purple_co...
Разделы видео и вопросы к собеседованию:
0:00 - Введение
0:25 - Знакомство
2:38 - HTML и JSX
3:10 - Семантическая вёрстка
7:28 - Schema.org и Open Graph
9:32 - Flex и Grid
10:44 - Псевдо классы и элементы
11:35 - TypeScript или JavaScript
13:07 - Types и Interfaces
14:50 - Enums vs Literal Types
16:24 - Generics
19:00 - Hooks
23:31 - Virtual DOM
25:16 - State managers
26:34 - Server Side Rendering
30:00 - Fragment
31:00 - HOC
32:50 - Keys
34:06 - Заключение

[@SuperRoqsta]

Монеточка решила стать фронтенд разработчиком!

[@innazozulia]

Спасибо, проверила свои знания) Хорошее собеседование.

[@PurpleSchool]

Супер)

[@Anton-wx8bd]

Это снаряды на 14:46 и на 10:57 ?

[@just__did__it]

Антон, сейчас прохожу ваш курс по Next. Это один из лучших курсов по фронтенду, который я только видел. Отдельное спасибо за подробное объяснение вёрстки и grid.

[@PurpleSchool]

Спасибо!)

[@theBarracuda_]

чет не могу найти этот курс, где он?

[@MrChestermen]

@@theBarracuda_ этот курс платный, находится на платформе юдеми

[@ТимаШергазиев-ф6о]

Крутяк, значит после react, и typescript'а куплю эти курсы, на Udemy видел его

[@PurpleSchool]

@@theBarracuda_ purpleschool.ru/course/nextjs

[@АлексейСоловьев-о9д]

Единственные зависимости которые я знаю, это алкогольная и наркотическая

[@tazorprod.934]

Джун после месяца стажировки

[@ThePro_0001]

Хахахахахах😂😂😂😂😂

[@c0ldquin]

Милая девочка! Спасибо за видео)

[@PurpleSchool]

👍

[@NewUserThisNewUser]

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

[@PurpleSchool]

Пожалуйста 👍

[@create-your-realities]

Очень благодарен! Отличное собеседование получилось и вопросы отличные! еще интервьювер позитивный

[@PurpleSchool]

Спасибо!

[@lenyacher8344]

Какая милая мадам, а интервьюер с ней именно так бережно) Милота

[@PurpleSchool]

Я старался, спасибо)

[@dmitryrazdobudko4914]

Спасибо, приятно было послушать, себя проверить. Хоть и работаю уже, но что-то захотелось такое же собеседование пройти)

[@PurpleSchool]

Спасибо!

[@dimashtopor007]

Здравствуйте! Подскажите, пожалуйста, какая база нужна при трудоустройстве на джуна frontend-react. Одни говорят учи сначала верстку, потом, JS, потом React и ходи на собесы. Другие говорят верстку не учи, учи сразу JS и React. Я уже запутался по какому пути идти, чтобы не ошибиться. Может вы, как независимое лицо, дадите совет, буду благодарен.)

[@Max.Kozlov]

Очень приятное собеседование :)

[@PurpleSchool]

Спасибо!

[@Андрей-ф6ч8о]

Самое милое собеседование

[@beautyOfRadiance]

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

[@PurpleSchool]

@@beautyOfRadiance пожалуйста!

[@di.saturn]

отличное собеседование) понял что мне ещё до джуна ещё далеко нужно ещё ts и next выучить, хотя изучаю с конца прошлого года

[@PurpleSchool]

По моим курсам надеюсь?)

[@di.saturn]

@@PurpleSchool не к сожалению, о вас только вчера узнал 😅

[@PurpleSchool]

Ну курс по TS и Next у меня есть)

[@Drezerak]

С конца прошлого года? Т.е. примерно пол-года)) За это время, даже вёрстку адекватно не освоить! - в смысле со всем адаптивом, кроссбраузерностью, препроцессорами и сборщиками...

[@di.saturn]

@@Drezerak за пол года уже можно реакт изучать

[@SadBatya]

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

[@davidhalkin3876]

полностью согласен. нихрена она не знает

[@chubaka_san]

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

[@SadBatya]

@@chubaka_san сейчас даже на собес тяжело попасть, не то что на стажера

[@chubaka_san]

@@SadBatya это точно, сам сейчас вот в поисках работы и сталкиваюсь с этим

[@chubaka_san]

@@SadBatya причём с коммерческим опытом

[@lesson-web]

Поздравляю с 3000 подписчиков

[@PurpleSchool]

Спасибо!)

[@lesson-web]

Умница девушка:)

[@vasyldeveloper2061]

Про псевдо элемент и класс, спасибо. всегда путал их)

[@PurpleSchool]

👍

[@ruslanpostoiuk4963]

Почему go ? Ну там картинка красивая 🤭

[@georgyashurov3423]

У меня на стажировку был в 10 раз сложнее собес) решали задач 10 на большинство тем нативного js, куча каверзных вопросов по контексту, ссылкам на объекты, много вопросов про сеть (как работает браузер, http, https, tcp/ip), по реакту в лайв кодинг нужно было создать компонент с двумя кнопками одна просто инкрементирует, вторая с задержкой - более менее просто. Были также вопросы по vite, webpack, babel. Короче спросили все что можно) еще жду результата собеса, и это даже не джун, а стажер ))

[@Valeriya_Kuznetsova]

Привет! Успешно?

[@buries_r]

Конкуренция на позицию джуна очень высокая, вот и отсеивают сложными собесми. Нулевой джун никому не нужен), а вас хотят нанять мидлом на позицию джуна :D

[@ДмитрийС-ш9б]

Ну, ты ж не милая девочка, чтобы на тебя любо-дорого было смотреть в офисе или на созвонах)

[@Script696]

К сожалению таких собесов сейчас не бывает, но девушка молодец

[@ЯрославКученко-в3д]

+

[@malwarewoman]

а какие?

[@sjdjjsjsjs3991]

​@@malwarewomanменя на собесе в основном по js и angular гоняли, вёрстку чисто поверхностно прошли

[@TheNofxsss]

очередная дурочка

[@Курманский]

Спасибо) 80% вопрос спойкно ответил) значит я Джун)

[@ivanchikov_home618]

Хорошее собеседование, но мне кажется сейчас требования на junior еще выше, чем охарактеризовали в видео.

[@PurpleSchool]

Зависит от компании. Я бы на junior с такими знаниями брал

[@ivanchikov_home618]

@@PurpleSchool на самом деле, я вас полностью поддерживаю, но к сожалению не все так разделяют)

[@PurpleSchool]

👍

[@АлександрСкиталец-ц7р]

Семантическая вёрстка она была раньше. Не только появилась в HTML5. Возьмём список его не логично описывать виде таблице. Надо описывать список тегами ul, ol. В HTML5 появились дополнительные теги для описание элементов на странице html.

[@justinnl4332]

прикольно, но простенько, без изысков, у собеседуюмой вайб как от одри хепбёрн)

[@alexles5003]

Есть в JS одновременно прикольное и отталкиващее свойство. Можно весь синтаксис так переколбасить что вообще языка не узнаешь. Это для меня касается кассовых и функциональных компонентов в частности. В той же Java она что на Андроид Java, сто на интерпрайзе. PHP тоже плюс минус одно и тоже. Зато JS от фреймворка к фреймворку практически разный язык. На Реакте одно на Ангулар другое, даже у jQuery свой синтаксис имеет

[@エレナ-m8j]

30:11 лучший момент

[@biLLie_wiLLie]

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

[@PurpleSchool]

Спасибо!

[@Объективныйвзгляд-з5к]

я в процессе обучения сейчас. , я вот послушал это все и понял что тоже уже могу идти на совбез .

[@ness_happy9379]

Чувак, я засыпол, но после слов что она идёт больше на мидла, чем на джуна я проснулся, и полез в коменты, просто что-бы понять что тут происходит, хехехе) Это просто жесть, я тогда синьёр уже

[@egorchaban9463]

ей очень повезло, что ее взяли джуном

[@mak_whisk]

Спасибо

[@PurpleSchool]

Пожалуйста 👍

[@TheNofxsss]

"твердый джун" - прям как у меня в штанах!

[@seryozhamangushev9638]

Это же не уровень мидл, взятие джун, в теории всё хорошо, но как на практике, например решение каких-то задач продуктовых. Элементарно кнопка при которой будет пушится элемент используя input

[@chatoyluck4022]

а в чем проблема

[@dmitriyobidin6049]

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

[@mariaangelova2118]

Вполне себе нормальные вопросы для джуна

[@sjdjjsjsjs3991]

Почему вопросов про скопы, замыкания, event loop не затрагивали?

[@auranode4542]

Антон,хотелось бы увидеть собеседование Backend Node js)

[@PurpleSchool]

Так уже есть kzbin.info/www/bejne/bpOXanyabd-Aq5o

[@railenine]

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

[@PurpleSchool]

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

[@railenine]

@@PurpleSchool дело в том, что у меня на данный момент больше 200 откликов и везде пишу, что готов просто продемонстрировать свои способности, мне не нужно платить и не нужно ничего обещать, просто дайте себя показать - профита примерно процентов 15, без шуток. возможно я что-то не так делаю? вы говорили, что у вас проекты есть. может быть сделаете видео, какого бы джуна хотели бы видеть? просто врать работодателю, что у меня год опыта на фрилансе уж точно не хочется, но буквально ничего иного не остается, все попытки продать себя на вакансии миддла (в формате бесплатной стажировки) заканчивались ничем. вохможно, стоит запилить какой-то ультра-крутой pet-проект, который точно продаст, но кто смотрит GH? в общем, повторюсь, я в отчаянии

[@railenine]

@@PurpleSchool не посчитайте за глупое нытье 😄 Просто пытаюсь накинуть тем для роликов и выудить советов И да, спасибо вам за ваши курсы!

[@juliapanova1288]

@@railenine я после года работы откликалась перед тем как найти работу тоже раз 200)

[@railenine]

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

[@Юрец1993]

Здравствуйте! Когда будет на stepike react и redux ? Спасибо

[@PurpleSchool]

Пока курс только в планах

[@NeoCoding]

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

[@chatoyluck4022]

только где его взять

[@NeoCoding]

@@chatoyluck4022 пет проекты.. или работа за еду. я практиковался у ребят которые принимают джунов

[@Raccoon1945]

​@@chatoyluck4022 глупый вопрос, накрутить )

[@Dzuzik123]

Это... джун? Пф, а я-то думал, что я самый худший вкатун на планете

[@karenmelikyan377]

Одна теория. Кстати, хорошо вызубренная. Но что дают на практике заученые фразы например про виртуальное дом дерево - непонятно.

[@PurpleSchool]

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

[@dmitrykulakov662]

Более глубокое понимание процессов, например? Девушку же не просили назвать именно процесс реконсилиации. А просили объяснить своими словами что это такое. Имхо полезно чётко понимать что именно триггерит процесс перерисовки и как это работает. Почему нужно возвращать именно один элемент? И тд.

[@vadimtoma7232]

Why I still don’t go to interview if I would given the answers for these questions)

[@dmitryklyuev616]

Очень простые вопросы. на стажировку сложнее задают. Где промисы, где cors, где всплытие, статус коды? такое на стажировке даже спрашивают.

[@---Maksim---]

Именно так, это интерн - джун уровень. Знаю полно стажировок, где она бы не прошла с такими ответами, да и вопросы были слишком простые.

[@daatva]

Даже монеточка вкатилась в айти , а ты всё думаешь

[@bober_MC]

если б мне платили каждый раз

[@Евгений-х7п9с]

как записаться к вам на собедование?

[@PurpleSchool]

У нас они проходят в клубе: purpleschool.ru/club

[@xo_vallee]

Она восьмиклассница?

[@Евгений-х7п9с]

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

[@JJohnson-fy9uz]

Не станет. По ней видно, что IT - это не её профессия. Для миддла и выше мало усилий, нужен определенный склад ума

[@PurpleSchool]

Уже стала отличным специалистом и развивается.

[@PalladinGOLD]

@@PurpleSchool Значит ей просто повезло. Вопросы интересные конечно задавали и понятно, что вы ее подбадривали, но уровень если честно не до джуна даже

[@sjdjjsjsjs3991]

​@@PalladinGOLDСамое обидное, что выпускники тех.вузов вынуждены конкурировать с такими "девочками"

[@thxtalk]

У меня кстати сейчас такие вопросы на front end trainee

[@Anton-wx8bd]

У девушки слышно разрывы снарядов. Или мне показалось?

[@PurpleSchool]

Вроде нет)

[@Anton-wx8bd]

@@PurpleSchool очень похоже на снаряды. Послушайте на 14:46 и на 10:57

[@vladislava_sim]

@@Anton-wx8bd очень похоже, подтверждаю

[@llssk6379]

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

[@worktravel5945]

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

[@PurpleSchool]

На текущий момент она уже Team Lead, так что она молодец)

[@relaxation4237]

Я думал это Гоша, а это Юля.

[@Explosive_HiPPo]

Почему если собес на реакт все вопросы по TS

[@sjdjjsjsjs3991]

Потому что нынешний джун должен знать все, ещё и на Луну слетать на своей ракете 😂

[@Explosive_HiPPo]

@@sjdjjsjsjs3991 справедливо

[@frontend_coder]

Ну ts это улучшенный УЛУЧШЕННЫЙ js значит от лучше, облегчен так что ts лучше по моему мнению

[@Explosive_HiPPo]

Она видно что шарит за основы, но как то неуверенно держится)

[@sjdjjsjsjs3991]

Практики мало. Теория ни что, когда рука не набита, ибо понимание вещей приходит с практикой

[@waldemarkunz9173]

"Е мое в ютубчике нет видео про классовые компоненты"...В документации реакта, даже 3,5 года после введения хуков основы все еще на классовых компонентах объясняются (и в ютубчике миллион видео). Антон, совершенно смутил Ваш коментарий про "преимущество" useState над стейтом классовых компонентов. По моему у useState совершенно нет преимуществ (помимо того, что его как и любой другой хук можно использовать в кастомных хуках). 1. В чем преимущество кучи маленьких стейтов перед одним? 2. То, что стейт у Вас "огрооооомный" в компоненте был, это точно не проблема классовых компонетов, а вопрос разбиения компонентов. Это преимущество, если у Вас вместо одного стейта будет 12? Какое? Я наоборот скажу: у setState против useState есть как минимум два преимущества. Догадаетесь какие? Как бы то не было с useState vs setState, это точно последние, что мотивировало переход на хуки, и если это и преимущество (нет), то одно из последних в списке.

[@PurpleSchool]

Разделение состояния на небольшие логические блоки - большое преимущество, так как позволяют явно выделить отделимые по смыслу части состояния, повышая читабельность установки и чтения state. Аналогично useEffect разделяет на множество небольших блоков эффекты при mount, unmount и изменении параметров.

[@kostyakozlov5289]

накопилось?

[@nucya228]

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

[@Anna83736]

Вы прикалываетесь? Вы сами то хоть что-то знаете из этих вопросов?

[@ДмитрийС-ш9б]

Ну объективно, Антон, нет у неё уровня мидл, ты преувеличиваешь за красивые глазки. Я бы сказал, что она преджун

[@PurpleSchool]

@@ДмитрийС-ш9б она уже стала лидом кстати)

[@ДмитрийС-ш9б]

@@PurpleSchool Я кстати на хабре откликался на вакансию, а её даже не просмотрели(((

[@PurpleSchool]

@@ДмитрийС-ш9б много слишком откликов и мы уже набрали ребят(

[@ДмитрийС-ш9б]

@@PurpleSchool жалко, так хотел(

[@MrRasul121288]

Посмотрел собес и понял,что я вообще 0😁😁

[@PurpleSchool]

Ничего страшного, главное учиться и стремиться.

[@MrRasul121288]

@@PurpleSchool спасибо большое 🙏🏼 стараюсь. Но судя по уровню моих знаний и тому как проходят собеседования, мне надо как минимум годик в этой каше вариться,чтоб хоть как то пройти собес на Джуна😁🤔 хотя мне уже 33😢время против меня)

[@RusskiyPig]

Хорошая девушка :)

[@sjdjjsjsjs3991]

Слабый кандидат, сейчас даже стажёры с такими "знаниями" не нужны

[@mSAROtm]

автор канала вы похожи на меня

[@Almas-2002]

Пройди сам собеседование от других компаний плес

[@angular-developer-e1t]

про мидла, конечно, лесть откровенная

[@ajladdin]

Ага, на мидла тянят🤣а чего не на сеньёра. Мне кажется тут и на джуна вопрос

[@NuriddinSapaev]

Ну собеседование точно не на мидла, моё субъективное мнение

[@sjdjjsjsjs3991]

Это даже не стажёр 😂

[@zergzerg4844]

нахрен Redux , Zusland лучше и проще, меньше писанины

[@ch1cano]

По мимике ее лица можно сказать, что айти это боль)))

[@PurpleSchool]

ИТ это прекрасно)

[@ИззатТурсунов]

Почему все пишут отличное собеседование ? Девушка слабая, очень, до трейни ей ещё минимум год

[@PutlerXLO]

Тупоскрипт - фуфло, обрабатывают вайтишников сектанты

[@PurpleSchool]

Прям аргументированное мнение…

[@nade3282]

@@PurpleSchool знаете ли вы илью климова, если да то что думаете про его мнение по поводу тайпскрипта?

[@АндрейБочарников-х5ъ]

для маленьких проектов фуфло, для больших - точно не фуфло

[@PutlerXLO]

@@АндрейБочарников-х5ъ большой или нет, без разницы- по сути проект отличается только количеством написанных модулей, и только дотошные маразматики будут писать на тупоскрипте, типизируя все до последней приватной переменной, которая вообще никому не упала, вместо базового документирования публичных интерфейсов модуля с помощью классического JSDoc или на худой конец d.ts, и главное после того как получили уже работающий код, а не трах***ся с типами в процессе получения реализации. Да и после введения деструктуризации параметров, уже все стало прозрачнее при работе с IDE и без документирования.

[@nade3282]

@@PutlerXLO но сейчас тайпскрипт это база без которой вряд ли возьмут на работу

[@MrJfact]

Остановился на вопоосе jsx

[@sleepyjoe9386]

Чуть не заснул от этого голоса

[@PurpleSchool]

Сладких снов)

[@ekaterinam6363]

Shemaorg, opengraph

[@ko3ak112]

Очень слабая девочка, это уровень полугодового джуна. 2/3 вопросов она тупо скрипнула. Ответы размытые, есть какое-то далёкое понимание, но толком это просто позор

[@ДанилДмитриев-я5м]

Вы работаете?

[@ggnebydet7838]

некрасиво ты написал