Собеседование JUNIOR FRONTEND REACT разработчика

Собеседование junior frontend react разработчика.
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Экспресс справочник для подготовки к Frontend собеседованию здесь - boosty.to/ulbitv
Мой канал в telegram и канал для общения подписчиков - t.me/ulbi_tv
Таймкоды:
00:00 - [JavaScript] Знакомство
01:20 - [JavaScript] Разогревочные вопросы
03:40 - [JavaScript] Способы хранения данных в браузере
05:10 - [JavaScript] Задача с объектами
07:00 - [JavaScript] Обработка ошибок
09:35 - [JavaScript] Задача со скобками
18:50 - [JavaScript] Усложняем задачу
21:20 - [JavaScript] Задача с массивом (удалить все числа, которые дублируются)
32:20 - [JavaScript] Функция конструктор
35:00 - [React] Что такое props? Отличие от state?
35:45 - [React] React хуки
36:50 - [React] useContext
37:20 - [React] задача по оптимизации рендера
41:04 - Итоги
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty (доступ к бонусам) - boosty.to/ulbitv
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469

[@smoozydrinker172]

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

[@Cos6a4oK]

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

[@suvar8667]

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

[@victormog]

Видео по практическим задачам всегда интересны!

[@chcylabrab]

Спасибо за контент, а так же за то, что смонтировали ролик. Это Ваше конкурентное преимущество среди блогеров которые выкладывают интервью.

[@user-sd7le8xj4z]

на самом деле очень интересно) и пусть будут заезженные вопросы! продолжай контент очень интересный.

[@dariabannaya2681]

Спасибо большое! Очень интерсный формат. Нравится больше всего у тебя смотреть

[@user-zq9fo4zk5n]

Очень ёмкое и полезное видео!!! Спасибо за такой качественный контент!👍🏻

[@UlbiTV]

Благодарю!

[@-inside4478]

Блин очень крутой формат видео, особенно, когда один на один с книжками и курсами, а тут вдруг слышишь, как решают задачи. Одновременно видишь и слышишь. Вдвойне приятно)) Буд-то с наставником разбираешь задачи.

[@UlbiTV]

Спасибо) Успехов!

[@__online7250]

Четко и информативно! Спасибо за такой формат!

[@Valeryi07]

Отличное собеседование,на одном дыхании посмотрел,и конкретно для меня ,оно очень познавательное..спасибо ребят..👍🙂

[@UlbiTV]

Благодарю!

[@user-mn3sp6om8t]

Спасибо за видео! Нужно больше роликов, готовящих к собесам. Ты одновременно учишь теорию и практикуешься, когда ищешь решение задачки. Очень эффективно и в целом интересно.

[@UlbiTV]

Спасибо за отзыв!)

[@chicken_naggets3561]

Задачу со скобками можно было решить проще, вместо стека объявить счётчик и если встречаем открывающуюся скобку увеличиваем, если закрывающуюся уменьшаем. В конце счётчик должен быть равным нулю, иначе скобок разное количество

[@chicken_naggets3561]

Ещё можно делить входящию на две части и одновременно их обрабатывать

[@Max-mv6gr]

@@chicken_naggets3561 А если будет такой пример: ')(', то счётчик же тоже равен 0

[@xenon671games7]

@@Max-mv6gr каждую итерацию проверяем, что переменная >= 0

[@v.k.samurai]

@@Max-mv6gr, в общем то да :) но это не противоречит условию задачи. Сказано, что скобки могут быть в произвольном порядке, вопрос тут конкретно стоит в том, что если есть равное количество открывающих скобок и закрывающих, значит вернуть true. В твоем примере у нас одна закрывающая скобка и одна открывающая, собственно, условие соблюдено)) Короче говоря, нужно уточнять условия задачи чтобы 100% понимать какие есть нюансы.

[@ivannebyshynets8829]

А если ещё и скобки разные, ок да.

[@denhost5033]

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

[@mikeneikovych3700]

Отличное, а главное, познавательное собеседование. Я смотрю все собеседования от "Отсобеседование", "Web interview", и ещё много где понемногу, но нигде ни разу не видел, чтобы интервьюер так подробно разжовывал алгоритм действий решения задачи для зрителя и самого собеседуемого. Это было очень полезно, спасибо большое!

[@UlbiTV]

Рад слышать, спасибо!

[@HatWriter]

@@UlbiTV были бы почаще такие интервьюеры, чтобы джунам, которые пробуют впервые ходить на собеседования - было понятно, что стоит подучить/подтянуть. Спасибо за видео

[@Independent19c]

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

[@kvadro_id9697]

@@UlbiTV Татьяну в итоге взяли?

[@IIIEPBE4OK]

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

[@vovayankers8956]

Хорошая подача! Поддерживаю видосы по оптимальному решению сложных задачек с собеседований.

[@ipa_stor]

Пора дисклеймер в название писать:))) как раз к выходным видео, спасибо большое! 2 года изучения, очень интересно, чуть позже гляну обязательно!!! Пс: всем приятного просмотра

[@fkinggaming934]

Круто, познавательно и интересно. Я вместе с вами решал все задачки ) и много чего нового узнал для себя. По больше бы подобных видосов !

[@user-wq3wt9pq5v]

Все что касается собеседования очень нравится )) вдохновляет и настраивает, спасибо!

[@goedekoop501]

Побольше видео с задачками, топ🔥🔥🔥

[@uNkind33]

Ждем видос с оптимальными решениями задач!

[@user-kn3ut1sh2o]

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

[@UlbiTV]

Спасибо, Олег! Скоро будет видео!

[@dmitrykorovin4356]

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

[@met1388]

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

[@HatWriter]

Спасибо за видео. Многое для себя подчеркнул. И что стоит подтянуть.

[@user-hw4rh5du2q]

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

[@kostasancez2358]

Видео с задачами ждём!)))

[@user-lx5vv3uu8u]

Заранее благодарю! Сейчас начну смотреть!))

[@UlbiTV]

Приятного просмотра!

[@step_6512]

Всё конкретно, понятно и без лишней воды. Спасибо!

[@looking_at_the_sky]

Спасибо за интересный и познавательный ролик. Много хорошей пищи для размышлений и обучения :>

[@garikmelqonyan6011]

Many thanks to you, man. Your lessons are just great. They are very helpful for those who are really interested in learning something new or improving and enhancing one's skills. Learned a lot from your tutorials and interview videos. May you be prosperous in this good job of yours. Thanks a lot.

[@powerrampage]

You watched the video with subtitles ?

[@garikmelqonyan6011]

I understand russian, my friend.

[@powerrampage]

@@garikmelqonyan6011 if you know, why you wrote in English

[@garikmelqonyan6011]

Seems that you are interested in that comment more than in video itself, my friend. I just dont write grammatically correct in russian. Hope this will be the last question.

[@powerrampage]

@@garikmelqonyan6011 sorry bro =)

[@forellko8600]

Очень крутой контент! Спасибо!

[@YuriiLutsyk0304]

Отличный видос получился! Ждем новые видео)

[@UlbiTV]

Спасибо!

[@dimabashynskyi4984]

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

[@UlbiTV]

Благодарю!)

[@khankhatai9480]

Очень и очень познавательно. Спасибо за видеоурок

[@AGM140580]

Очень жду Ваших видео с решением задач!

[@Vlad-yj2ny]

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

[@alexnikolaienko3478]

Классное видео. Просмотрел с удовольствием.

[@mikhailstepanishchev283]

Очень интересно,спасибо ! Собеседование JUNIOR FRONTEND REACT

[@tricky_pie]

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

[@user-pl6xx3xk9t]

Спасибо за такой формат видео. Решал задачи параллельно с просмотром. По задаче про уникальные, не дублирующие значение, есть вариант короче, с одним циклом. const num = [1,1,2,4,6,6,5]; function unique(arr) { const unicArr = []; for (const item of arr) { const pos = unicArr.indexOf(item, 0); if (pos === -1) { unicArr.push(item); } else { unicArr.splice(pos, 1); } } return unicArr; } unique(num ) // [2, 4, 5]

[@redhook777]

Лайк! Ждём видос про задачи!!!

[@UlbiTV]

Спасибо!

[@dimka_shchepa]

Оо-о, видосы решения задачек на js вообще бы зашли идеально)) было бы не плохо, если б автор сделал это

[@Wynell]

если честно не знал что такая интересная ситуация с try catch finally спасибо за видео

[@NoakSV]

Спасибо, было интересно!

[@user-dl2fv2uc8o]

Спасибо, полезное видео!

[@user-zv9iy3lm5n]

Все было супер! Спасибо!

[@programming5944]

Вопросов по реакту хотелось бы больше и поглубже рассмотреть какие то моменты

[@itpro952]

Ждал собес, щас активно готовлюсь, вспоминаю теорию, спасибо Тимур.

[@UlbiTV]

Успехов!

[@serikabsadykov9260]

@@UlbiTV Привет, я смотрел твой ролик про firebase и как так сделать авторизацию и при созданий папки, я использовал базовую комплектацию, и у меня нету индекс.нтмл ( 7:16 в том видео ), мне стоит начинать все с начало, или есть другой путь?

[@user-bu5xw6yf8q]

Как успехи с собесом?

[@sharover455]

@@user-bu5xw6yf8q он забухал и насваем сейчас торгует

[@user-bu5xw6yf8q]

@@sharover455 жесть, коменту уже 10 месяцев

[@kanatasanaliev8763]

Спасибо за видео было интересно познавательно готовлюсь к собеседованию мне зашло (лайк поставил)

[@UlbiTV]

Успехов в подготовке!

[@kanatasanaliev8763]

@@UlbiTV а к стати может видео запилишь на счет работы Джуна что он делает до того как начнёт самостоятельно работать краткое видео думаю многим бы было интересно таких видео я не встречал

[@kanatasanaliev8763]

@@UlbiTV заранее спасибо

[@andreyevanton]

больше задачек! спасибо за контент

[@victorchilari]

Нормальный эксперимент получился, удачи в долнейшем

[@UlbiTV]

Спасибо)

[@irinamyskoooo]

очень крутые видео и канал !!!

[@scottwalker6071]

Это было интересно, мне понравился сценарий опроса, попробую применить его на своих собесах🙃 Спасибо, Тимур🤠 Было бы интересно посмотреть собес на сеньора или мидла++ по фронту

[@UlbiTV]

Спасибо!) До собеседования middle ++ и сеньоров я еще не дорос)

[@pie_company]

можно к вам?

[@helenit4365]

Собеседование понравилось! Татьяна молодец!

[@DennisTurbay]

Классное собеседование! Оба участника себя чувствовали комфортно, главный как по мне фактор в собесах.

[@oleksiihmyrko7969]

Крутое видео ! Давай ещё задачек из собесов 🙂

[@UlbiTV]

Спасибо!

[@Quentinrei]

💯 к уже близко 🚀🚀🚀

[@user-dv6kj1cw6w]

Обожаю автора канала!

[@nuriddintashpulatov4233]

Я тоже Джун, начал учить фронт с верстки 4 месяца назад, видео я начал с теоретических вопросов, и расстраивался когда она отвечала раньше меня или более четко чем я (ну типа "блин, вот она тоже Джун, но более смышлёная, а я видимо никогда не научусь программированию такими темпами"). Но когда я досмотрел видео, а потом узнал что оказывается у нее уже есть два года коммерческого опыта, то прям камень с плеч упал, ахахах. Спасибо автору за видео!

[@viktord3507]

Тут уже миддл?

[@SNSDfOu]

так то у нее опыта для джуна прилично, да и женщина 86 года.

[@user-zn5ky3fw5h]

Классное собеседование, узнал для себя несколько новых интересных вещей. Сам уже больше года разрабатываю на реакт, а про такую вещь, как React.memo не знал. Как говорится век живи, век учись!) Девушка молодец, успехов ей!)

[@UlbiTV]

Спасибо! Успехов!

[@robertarakelyan4629]

Задачку с массивом можно решить так: function withoutRepeat(arr) { const res = []; arr.forEach(item => { const indx = arr.indexOf(item); const lastIndx = arr.lastIndexOf(item); if (indx === lastIndx) res.push(item); }); return res; }

[@Kleo_Wyatt]

У меня еще вот так получилось. Работает только с отсортированным массивом. const withoutRepeat =(array) => { const uniqueValue = [] let count = 0 ; for(let i = 0; i < array.length; i++ ) { if(array[i] !== array[i+1] & count === 0) { uniqueValue.push(array[i]) } else if(array[i] !== array[i+1] & count > 0) { count = 0; } else { count ++; } } return uniqueValue }

[@evgeniyn1542]

Супер, интересное собеседование. Плюсую за решение задачек.

[@UlbiTV]

Спасибо!

[@moscowtv5767]

Автор дает наводки, считаю это очень правильным походом. Татьяна молодец, автор молодец. :)

[@UlbiTV]

Спасибо!)

[@alivePunk]

офигенно!

[@foxtv5150]

Очень интересный контент, хотелось бы побольше JS уроков или разработки сайтов с использованием JS)

[@irinaoblomova4384]

интересно видео с задачами на JS !!!

[@yuryitikhonoff9631]

Даёшь видосы про решение задачек, особенно рекурсивное построение древовидных структур

[@M27B_our_victory]

Запиши видео по решению задач!)

[@user-ew2pd6fq8j]

6:50 Бро, спасибо огромное что поставил пробел после знака присваивания(связывания)..., у меня аж глаз чуть не задергался...

[@darkside2436]

Топ контент!!! Ещё есть вопрос: когда тесты?

[@UlbiTV]

Трудно сказать, как время появится)

[@darkside2436]

@@UlbiTV 😂

[@ankub7835]

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

[@user-ho8ft6cw1o]

Супер!!

[@YusupOzdoyev]

Спасибо 🤝

[@tatsuki5929]

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

[@UlbiTV]

Спасибо за отзыв!

[@oleksandrvoichyshyn7486]

Жду больше решений разных задач тут

[@user-ok4jg1ex1i]

Спасибо ❤

[@user-nm5pe7ux8e]

Задача со скобками интересная,), Била у нас в унике по JS, там еще с регулярками можно заменять правильние скобки на пустую подстроку ...,,,

[@johnconnor9787]

Хороший формат

[@mtb-love-belarus]

Спасибо!

[@MrJackseI]

Благодарю за твои видео!

[@UlbiTV]

Спасибо!

[@dindevil8659]

Задачу с массивом и вправду можно было решить с помощью метода "Set", используя "has", "add" и "delete" в нужных случаях)

[@MrMorrag]

Со скобками гуд задача, видел ее на codewars. Всем советую решать там задачи - сильно качает навык поиска решений

[@user-gz9ky5zg7k]

Топ канал, раньше минина канал был фаворитным, теперь этот)

[@UlbiTV]

Спасибо!

[@azamatzhamakeev670]

Ulbi the best!

[@usertyfoon]

супер!!

[@Sense1ko]

Так давай собеседования middle front / node js developer, бегло посмотрел, на канале только джуновские собесы, хотелось бы знать что ждёт нас дальше!)

[@user-ou5ok8fs9c]

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

[@UlbiTV]

и вам спасибо за отзыв)

[@keeprock1529]

Решение задачи с дубликатами (23:40) на Typescript и разными edge case. Time complexity будет O(n) + O(n) за счет двух циклов обхода. Что в итоге получается как O(2n). Далее, 2-ка из 2n отбрасывается и получается просто O(n). O(n^2) это когда внутри цикла цикл. Подряд два цикла друг за другом не дают O(n^2), а складываются между собой. const arr = [1, 1, 1, 0, 3, 4, 5, 5, 6, 7] const arr2 = [0] const arr3 = [] as number[] const arr4 = [1, 1, 1, 1, 1, 1, 1, 1] function withoutRepeat(arr: T[]): T[] { const arrItemCountDict = new Map(); arr.forEach((item, i) => { arrItemCountDict.set(item, arrItemCountDict.has(item) ? arrItemCountDict.get(item) + 1 : 1) }) return arr.filter((item) => arrItemCountDict.get(item) === 1) } console.log(withoutRepeat(arr)) console.log(withoutRepeat(arr2)) console.log(withoutRepeat(arr3)) console.log(withoutRepeat(arr4))

[@frozeninside5004]

Поддерживаю видео о решении задач оптимальным способом

[@UlbiTV]

Будет!

[@cohomological46]

По задачам: видос по решению самых сложных ката с codewars _оптимальным_ способом.

[@bbnoWhat]

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

[@SmirnovVladimir]

Работаю год фронтом. Забавная вещь - я на теоретические вопросы не на все смог сразу ответить. А на практические - на все кроме одного. Это к вопросу о разнице между собесом на первую работу, когда соискатель знает кучу теории, но как правило имеет очень мало практики, и спустя год работы - когда куча неиспользуемой теории забывается, а мозг заточен под решение практических задач. Друзья, кто ищет первую работу - больше практикуйтесь! Постоянно пишите код )

[@OpankiDeLegend]

Чтобы на собесе ничего не ответить по теории?) Замкнутый круг

[@djdisik]

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

[@user-gs9yh7rj6d]

@@djdisik подскажите, образование необходимо или нет?

[@djdisik]

@@user-gs9yh7rj6d у каждой компании по разному, где-то возьмут без образования, но зачастую требуют высшее техническое

[@user-no3bt3lo2d]

Очень нравиться твой материал, сублимированный контент и главное отвечает реальным запросам новичков, правда с такими ответами это был бы провал в 99%. Мне лично не один интервьюер не давал пояснения, а если спрашиваешь у них, либо сами не могут внятно ответить, либо отвечают децл некорректно. Потом тебе не будут подсказывать решение на первых вопросах, сразу Давай До Свидания!

[@mikhailreznichenko8035]

ОтличнО!

[@user-vo7kj4rk5q]

Интересные задание, прям вроде простые а вроде и нет)

[@orionpro79]

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

[@user-cg1pq2kh6t]

полный бред, никто вам не позволит этого сделать

[@orionpro79]

@@user-cg1pq2kh6t бот?

[@jsmonstr9638]

Хотелось бы видео про хуки от тебя, про useContext useReducer особенно, сравнение с редаксом или мобХ, почему нельзя использовать только их и тд. За видеотоже спасибо, было интересно послушать

[@UlbiTV]

Учту, спасибо)

[@bobmagrega]

Спасибо

[@BeDb_MeDb]

18:03 Понимаю, что собесы это волнительно, но if в конце лишний. Достаточно же return(stack.length > 0). И то, я "> 0" добавил только затем, чтобы типо под true/false смотрелось, если где-то ее результат будет сравнениваться без автоматического приведения типа. Ну там === или !==. Но мне собес очень понравился:-) Я б тоже хотел попробовать, но к сожалению сейчас увы не до js

[@Tim-Slim]

Думал будет испанский стыд за собеседуемого (мои тараканы 😁), но зря, интересное и как всегда - полезное видео! Спасибо Тимур!

[@UlbiTV]

Спасибо, Теска!)

[@dianasicevaia4840]

Так много видео по реакту и так мало по ангуляру =( Эх. А интервью очень качественное и полезное, спасибо за труд!

[@UlbiTV]

Благодарю!)