какие вопросы задают на интервью фронтенд разработчика какие практические задачи решают во время собеседования об этом и не только в нашем сегодняшнем видео всем привет меня зовут сергей мил 1 я приветствую вас на нашем youtube-канале онлайн школы программирования фикслер здесь мы проводим интервью с экспертами из крупных айти компании вебинары и уроки по программированию сегодня в эфире наш любимый формат публичные сам следования это учебный формат карьера новое интервью с помощью которого мы стараемся
00:00:02 - 00:01:07
раскрыть потенциал кандидата и показалось различные сценарии проведения собеседований сегодня интервьюером выступит игорь камышев инженер в avia sales director paul отладка front-end crew игорь привет привет кстати ребята стартует новый сезон и по ссылке в описании под этим видео уже можно приобрести early bird билеты а в качестве кандидата выступает видно тени зинченко student sex with a и front-end разработчик геннадий привет привет у нас работает youtube чат где вы можете дискутировать отвечать вместе с
00:00:35 - 00:01:53
кандидатом на вопросы помнить только про корректность общения но мы начинаем я передаю слово игорю чтобы он сначала немного рассказал про себя и создавал собеседование игорь тебе слово всем привет меня зовут игорь и я работаю в прекрасной компании aviasales если кто не знает это такой поиск дешевых авиабилетов все эти швы и билеты искать тут я делаю классную конференцию подлодка frontend круг и общем то больше ничего интересного наверное и не нужно знать сегодня драки я кратенько расскажу про формат
00:01:14 - 00:02:28
сегодняшнем интервью она будет необычным для меня формате и надеюсь что будет достаточно прикольно геннадия предлагаю сегодня построить наши интервью таким образом 2 блоков первый блок будет на поговорить мы просто побеседуем о том чем ты занимаешься сейчас чем занимался раньше чем у тебя хотел заниматься и так далее ну в общем просто разговорный даже без особых технических подробностях во второй части нашего интервью я предложу тебе создать мини мини приложения прямо здесь с нами влаги я не буду давать тебе
00:01:50 - 00:02:53
вообще никакого кода и даже не буду настаивать на технологиях которые тебе стоит использовать ты можешь делать так как тебе удобно так себя комфортно так как тебе привычно а и в этом месте хотелось бы посмотреть на то как у тебя получается в целом создавать интерфейс и вот такой странный может быть необычный формат и я предлагаю предлагаю начинать если ты готов муки но кругов данные после первой части я попрошу тебя выключить звук на компьютере чтобы я прям сразу дал какой-то кусочки bk но чтобы тебя не проявить но не давать не
00:02:22 - 00:03:44
хороших ощущений не плохих ощущений больше чтобы ты в промежуточный фидбэк я слышал чтобы вторая часть про по спокойно договорились ноги и расскажи немножко о себе я себе рассказал теперь твоя очередь у меня зовут геннадий я front-end разработчик но несколько может быть не стандартном понимании я специализируюсь больше на react найти вот сейчас пришел в новую компанию вот на испытательном сроке посмотрим как проверяет мой совет не захочется ли мой испытательное досрочно вот все у меня прикольно мне понравилось
00:03:03 - 00:04:27
не понравилось разбираться мобильных приложениях больше то есть я заходил так конечно span то пробовал все эти вещи в плане верстке сайтов это было пробы какие-то будущие раньше поэтому наверное такого большого интереса не вызвало потом я попробовал реактив и это казалось ничто другим ну как бы не в глобальном смысле но в том что ты выставляешь свой телефон делать что то новое то есть когда сайт и заставляют сделать что-то новое тоже какая-то определенная магия тут тоже с телефона то есть ну я пробовал
00:03:44 - 00:05:00
создавать есть кейс когда я создавал браузерное расширение для хрома то есть это тоже какой-то новый опыт прям очень прикольно то есть там браузерная питону знаешь сколько всего оказывается расширение могут осознать и первое что хочется после этого удалить их все пункт на 200 неизвестно вот и получается специализируюсь на ряд на эти интересно в этом разобраться глубже копнуть и может быть потом подучить котлин вот и попробовать уже нативную разработку вообще твоя цель покинуть front-end и перейти большая мобильная разработка
00:04:23 - 00:05:46
прямо на full-time правильно слушай у меня frontend вообще не так на full-time по факту я сайтами то не очень сильно занимаюсь что с у меня там за то что ты увидел опыт в режиме из коммерческих проектов был только один на ряд джесс вот и как бы да интересно копать варианты тиф и сейчас куда я устроился там то есть прям специализировано по react найти будет направление это круто на самом деле ряд найти вообще супер супер моя любая очень очень интересна технология расскажи немножко про компанию где ты
00:05:04 - 00:06:28
работаешь сейчас чем занимаешься в этой компании чем занимается компания вообще так делаешь слушай ну как чего дело я учусь изучают кучу самых кучу регламентов я работал получается до этого я перешел то совсем недавно работал в одной компании то есть без перерыва сначала стажа 2g лап в краснодаре и танк получился и базовым и основу и круто считают там прокачался ну решил пойти на несколько другой сферы потому что захотелось попробовать себя большой компании ну как насколько большой и я сейчас перешел senden софт где
00:05:46 - 00:07:10
больше тысячи сотрудников и это аутсорс а устав вот и собственно жду своего коммерческого проекта детали сниму а ты сейчас не за санин на проекты просто в процессе изучения чего-то внутри компании да да я сейчас тут влился получается и изучаю регламент ну в целом я там подписал с этим деле поэтому не знаю что мне можно разглашать я могу сказать что у меня собеседование уже в понедельник вот но куда и как конечно без без детали как я его тогда поговорим про твои прошло прошло место работы чтобы не нарушить
00:06:30 - 00:08:00
никак пандее и поставить ее под какой-нибудь гигантских штраф случайно расскажи что ты делал на прошлом месте работать на за последние полгода что это была за компания штаб принял это также аутсорс где-то устав то есть пересекаются этим направлении и там не занимался разработкой в качестве фронтэнда на react найти но опять же был один проект на реакцию вообще мне кажется что интересно свой опыт начинать с аутсорс а где можно разных технологий изучить разные проекты попробовать вот и расскажешь дозаправить
00:07:16 - 00:08:38
проект так окей может быть название просто одну смотри из последнего завершенного и опубликованного есть американский стартап который что-то наподобие вид а по духу в плане публикации объявлений от каких-то вещах и [музыка] можно как лист две роли получать эти вещи или отдавать но там концепция такая что это все бесплатно там то есть это вид с нулевым прайсом словно вот и владельцы вдохновлялись идеями из тиндера поэтому когда ты заходишь на главный экран ты получаешь список товаров на увидишь карточку по одной и
00:07:59 - 00:09:40
тебе нужно принять решение о тебе или нет ну и в зависимости от этого смахнуть в нужную сторону если как бы не руке это все уходит получаются следующую если у кейт а там переходишь к диалогу и далее далее пошел вот в принципе интересно проект интересные детали что как задумка была сделана что там незарегистрированный пользователь получает довольно расширенный функционал практически все он может сделать ну кроме как соответственно зайти в личный кабинет который у него нету то есть он может создать объявление но приложение
00:08:52 - 00:10:14
попросит вас зарегистрироваться только в момент когда он нажмет уже опубликовать то есть так ребята хотели получить минимальное количество отказов потому что пользователь уже сделал какое-то очень полезное действие ему же назад возвращаться нельзя и смысле можно ну как бы желание и также со стороны этот предмет получить например он может начать в чат писать и уже когда он нажмет кнопку отправить может быть это конечно несколько будет раздражаюсь и но когда он возьмет отправить вам вынужден будет
00:09:34 - 00:10:44
зарегистрироваться вот потому что без регистрации было ничего уже срабатывает он будет интересно слушай а ты говоришь так он почти бесплатно интересно где эти ребята бил теги 5 стартап они видимо сейчас не зарабатывает где-то же они собираются заработать денег когда у них кончится или авторские теги это хороший вопрос как бы ему это не моя компетенция я так и наука и они соблюдаются монетизироваться то есть пока это все бесплатно и без рекламы и регистрации и sms возможно ты не терять грант очень прикольно
00:10:08 - 00:11:25
слушай расскажи немножко чем именно ты занимался внутри этого проекта что ты что-то прям руками программировал внутрь этого приложения слушай но внутри этого проекта я пронумеровал практически всего единственный у меня был небольшой перерыв и отлучался на неделю подключался 2 разработчик который закрыл функционал chateau ну в том виде танка фонд а вот и я дальше подхватил мы какие-то доработки почему я уже дело ну то есть чат это как бы его все что остальное в приложении там регистрация прочее программировал я ну именно интерфейс
00:10:49 - 00:12:15
конечно расскажи немножко какой например какой нибудь задачку прям которая теперь запомнилась при создании этого пляжа можно было челленджи вая или наоборот самый какая-то tricky и противная и теперь на всю жизнь осталась где-то в голове что нибудь такое что запомнилось или может штуку которой это прямо сделала гордишься тем что победил победил это сложная сложная штука хороший вопрос слушаем и в этом приложении было много разных побед как раз они все связаны с тем что пользователи которые не зарегистрированы
00:11:32 - 00:12:44
обладают довольно широким доступом разные различные разделы и связи с этим нужно было предусмотреть разные сценарии когда они нам возвращаются и прочее то есть как как что обновляется вот я думаю что в этом проекте это была одна из самых интересных задач как раз таки сделать так чтобы люди могли то мы могли сделать как бы что зарегистрированный пользователь только может делать многие вещи и это было бы наверное проще и быстрее вот но это был ключевой point как бы ключевая задача была как раз таки в том что но
00:12:11 - 00:13:38
максимально позволить пользователю сделать а потом уже довести его к регистрации давай немножко приземлимся на технологии я говорю чтобы было понятней я расскажу расскажу что имею ввиду я на прошлых выходных делать проект на ряд найти ли они мне нужно было сделать пайтор кругленький на сектора разбиты и я его очень долго делать это прямо все выходные сидел мне нужно было чтобы у меня каждый кусочек поль chart был скруглен что там тени ушки были градиент короче такой сложный причард я когда его до дела и прям сел об убрал руки стоят у
00:12:57 - 00:14:04
выдох модом и фух все вот этой штукой а теперь будут всю следующую неделю гордиться и внутри много было много разных технических вызовов то есть не нужно было посчитать какие углы дальше до всяких штук а вот расскажи про какой-нибудь задачу такую же небольшую и компактную но близкую к технологическим каким-то вещам чтобы просто понятно стал слушать но это наверное больше всего интересны интерфейсы офис и какие то может быть анимации потому что приложение становится выглядит живым и я думаю что ключевое кран этот самый первый на
00:13:31 - 00:14:47
который ты попадаешь видишь стек с карточками он как бы выглядит классно и отрабатывают как бы как нужно [музыка] андроиде на айфоне как бы ну это прям клево тут все это анимацию когда закинул торчат думаю вот ребята как круто получилось окей класс по ч очень интересно хотелось бы посмотреть на самом деле на это приложение дает а твой наш вернемся к тому как ты работал над этим проектом расскажи про команда внутри которой ты находился у пирса наверное один другими ребятами внутри компании работала над
00:14:09 - 00:15:31
этим проектом а как вас были построены коммуникации как вы общались что обсуждали какие были процесс и всякие такие штуки да работали с ребятами 0 до себя там я устраивался в эту команду работали удаленно с ребятами у нас была разница с основным составом команды 4 часа вот относительно меня им плюсом было вот ну как коммуницировали мы через мессенджера внутренней чат внешней чат где заказчик внутренней где только команда туда backend входит менеджер-дизайнер аналитик так то еще кого-то еще наверно забыл
00:14:51 - 00:16:23
часа вижу ну потом тестировщик подключился так и мы созвали на какие-то синхронизации у нас были какие сложности возникли что что будем делать сегодня какие успехи были вчера оценил удобства у нас бы kinder изменился чуть-чуть к началу проектантом через месяц на бы kinder был в моём чувствуем прессе а потом подключился бы kinder ну с общего там плюс 4 и оценил некоторые удобства когда бы кандер с тобой в разнице во времени то есть я сталкиваюсь какой то проблема которую нужно решить я ему пишу он утром
00:15:41 - 00:17:10
выходит там решает эту задачу я начинаю свой рабочий день когда уже имеют описку которая такая как мне нужно а он там тоже там получил с вечера начинает ну как бы где-то начинается задача которые у него есть нам для приоритета ну как бы прикольно в сравнении с тем что когда когда that is big endian с 1 в 1 час он путь то есть что ты что-то у тебя возникла и как бы тебе надо переключиться на другую задачу вот здесь там в к условно в конце рабочего дня я пишу да есть такая проблема нужно там что-то
00:16:28 - 00:17:46
добавить доработать и следующий рабочий день я начинаю и у меня уже фишечка есть которую нужно расскажи откуда в этой системе но вот ты сидишь тебе приходит задача а откуда она тебя приходит как она выглядит и заходишь там куда то и получаешь то так как ты понимаешь что тебе нужно оси худшему работали мы в этом geely сначала поделили собственно сделать проект макет если конечно он там распределен тоже сделан берешь раздел и пошел по нему дальше по экрану глубже и глубже ну какой то изначально потом уже какие-то когда все
00:17:07 - 00:18:42
готово там уже переходим к каким-то фичу чего не хватает чего изначально мы предусмотрели ну то есть там соответственно задачку как-то двигается там на тесты сделан билд и прочее вас вас был дизайнер свой или вы как-то market пастор уже получали простых пилили ну дизайнер тоже часть команды хотя и классный отмена очень интересный опыт на самом деле настоящий аутсорс я никогда не работала большому церкви очень интересно послушать я думаю что можем переходить к следующей части но прежде чем мы к ней перейдем я предлагаю
00:17:56 - 00:19:19
тебе на время заметить звук а я дам ребята накачать кусочек при такой мы продолжим я помашу мы тебе потом когда может расстаться от шумного и так и на зее нас с ненадолго покинул давайте я расскажу почему я взял и спрашивал из этого я сделал вывод в режиме читал что и найди работал только в аутсорс и я как человек работающий в продуктовой компании немного опасались разработчиков из аутсорс а потому что в любом аутсорс и есть проблема что люди быстро делают проекты и не слишком беспокоиться о как
00:18:38 - 00:19:42
эти проекты будут жить дальше не беспокоиться о том как работает бизнес и заказчика что делает заказчик и зачем нужно приложение где она собирается брать день именно об этом я и спрашивал геннадия все это имя мне было интересно посмотреть понимает ли геннадий для чего он делают делал приложение как будет заказчик этим приложением пользоваться и как пользователи будут пользоваться приложением заказчиков и у геннадия с этим все очень хорошо он отлично рассказал про приложение даже заметил интересную особенность о том что
00:19:10 - 00:20:08
используется некоторый такой dark повторно с тем что пользователю максимально поздно говорят регистрацию рассказал про то что приложение бесплатно и всякое такое это очень классно немного конечно же удивительно что геннадий не интересовался как это приложение быть заработок но возможно это просто я такой а уж не всегда интересно узнать где же деньги то обычно первое что спрашивать о вижу проект после этого я хотел узнать о том как геннадий непосредственно работал над этим приложением и поэтому я здесь
00:19:39 - 00:20:41
спрашивал про самый челленджей задачку и на самом деле видел там ребята в чате солиста странного простую задачку у этого вопроса есть ровно-ровно одна задача этот паз раскручивать человека на то чтобы он сказал что то что ему приятно и тем самым с на стресс когда ты рассказываешь про задачу которое тебе нравится самому тебя становится легче и от этого легче идет беседа и мне очень понравилось что и найти рассказала про анимации прокате это интерфейс на решение мне кажется очень важно как-то фронтенд разработчика
00:20:10 - 00:21:08
замечали такие штуки и гордиться ими это круто и третий блок вопросов был про команды и взаимодействия и здесь тоже есть некоторое опасение связанная с большим опытом работы в вот солнце часто в аутсорс все процессы построены перри механистическим образом и люди не слишком не слишком погружаются в точно не делать поэтому я так долго быть учил геннадия про то как приходит задачи как ты сделал откуда брались макет и все такое и оказывалось что и надень максимально самостоятельно работу над этим проектом получал очень
00:20:39 - 00:21:45
высоко уровня и задачи в виде там целые какой-то screen приложение и сам пилил иванович это очень круто пока максимально положительное впечатление очень радостно предлагаю переходить к следующей части нашего собеседования окей итак снова привет я предлагаю переходить ко второй части нашего интервью и теперь я попрошу тебя расширить экран зайти в контент бокс и создать контент бомб своими любимыми технологии я боюсь что процент боксе нас не получится сделать приложение дарят эти к сожалению наверное экспонат затмил слишком долго
00:21:12 - 00:22:28
если такое сложно поэтому я предлагаю взять то что тебе комфортно и сделать очень маленькое приложение который я тебе опишу как типичный заказчик которая описывает приложение словами не пишет хорошие это заяц и поэтому шаринган и пойдем там ждут вас сразу предупрежу что у нас тут нет с тобой цели проверить твои знания синтез свитера скрипта или этой реактор поэтому если ты что то забудешь смело можешь просто загуглите то если можешь спросить у меня может быть я помню если я сам не помню вместе закуплен в общем не
00:21:53 - 00:23:03
переживай если что-то вылетело из головы это абсолютно кей далее думаю я расскажу тебе какое у нас есть приложение наше приложение мы делаем для саппорта для ребят из команды к саппорта одной большой компании говорят у нас есть такая штука к нам приходят клиенты у нас есть список этих клиентов и нам нужно чтобы каждый пользователь мог активировать себе одного клиента но типа выбрать то есть чтобы было видно что пользователь уже кем-то выбран и у каждого пользователя должна быть кнопка типа log on lock
00:22:36 - 00:23:47
нажимаешь кнопку ловко пользователь переводится в сцене заблокирован чтобы никто другой его не взял ну и подписываться скобках нам заблокирована нажимаешь на этом же пользователь кнопку unlock пользователь разблокируется и обсе собирается пользователь может взять кто-то другой ты можешь писать код можешь спрашивать у меня уточняющие вопросы можешь делать все что тебе кажется правильным для того чтобы сделать это приложение так слушаем и в итоге нам нужно как но чтобы у нас был какой-то интерфейс где
00:23:11 - 00:24:12
просто условный список пользователей правильно понимаю там что она просит просто имена для нас сейчас это неважно и и что и возле каждого пользователя у нас есть кнопка лог да и unlock если он уже кем-то взят правильно как кнопка должна если он да если мы его вы же взяли то у него кнопка лоб исчезает и местом я кнопка лоб появляется [музыка] слушай давай будем анализировать я короче сразу могу присесть в реакции потому что очень непривычно я уже отвык от html сразу там всех предупреждаю посмотреть и div div div и to view a п
00:23:42 - 00:25:18
это текст это ни назвали это приложением потребовать так ну давай начнем например с и жираф каких-то быть неважно счет стран а именно так какой то нет у нас будет массив плюс массив вектор объекта и будет у нас будет моим а ты что нам еще понадобится нам еще понадобится статус опасно просто он будет my status ну пусть будет из лап [музыка] влог и здесь будет у нас [музыка] kay [музыка] поехали так у нас есть какие-то визар и потребуется ими управлять им компании этими данными но для простоты мы будем это делать сейчас
00:24:34 - 00:26:53
в локальном стоите [музыка] [музыка] виде раз мы начинаем с этого и [музыка] что получается нам сейчас надо придумать структуру интерфейс для этих ребят так у нас получается будет [музыка] что у нас будет компонент ну давай щас все здесь напишу 4 factory да у нас будет дата здесь мы шторм один у нас возвращать [музыка] [музыка] девяностом что там слова нам нужен и [музыка] здесь у нас нам нужен и the bottom есть опять как прессовал только батэ руки в него вместо он пресс степан клик он у нас самый закрывающийся на
00:27:07 - 00:29:25
нет там надо и мог передать как children of нужно передать текст муки каждого записок и как у нас что там у нас true force нельзя [музыка] из [музыка] если везло когда если вы из локтя нам нужен unlock [музыка] если наоборот то нам нужно дисками так окей есть у нас кнопки нам нужен хендлер рынок для кнопки [музыка] [музыка] зачем нам нужен и окей окей сушину для для рендеринга вообще мы этот массив как мы будем изменять чтобы у нас не при делении заливались все компоненты будет смотреть только измененные и
00:29:42 - 00:32:06
менять его я понял так поехали дальше так и узелок ты лоб так давай подумаем как мы будем управлять да ты у нас будет шанс и [музыка] [музыка] нам нужно найти игру на котором будут внизу вот этот метод [музыка] изменить ему статус так для этого нам нужно нам нужно изменить кей [музыка] users do the у нас здесь будет предыдущее состояние [музыка] по которому мы будем проходиться [музыка] проходится и давай давай детка волнение и оптимальности лишена и не переживай и вообще не переживает давай сначала сделаем как угодно а если
00:31:29 - 00:33:54
будет неоптимальным потом придумай что-нибудь юзер у нас есть не буду делать нам нужно будет и дешко и их где над [музыка] что мы делаем когда мы и где козер и залог будем менять сейчас я думаю даже не правильно нет нам нужно чем нужно я же могу менять нам нужно выдать но его нельзя менять [музыка] так что нам мы передаем новое состояние еще спутаешь или что я просто уточнения поможет и так я и расстраивает что заменять или ничего нельзя менять нам нужно нового состоянии передать нос по-любому при запишется этот юзер
00:33:19 - 00:35:35
полностью нам нужно нам нужно его вернуть нам нужно сделать во-первых зачем здесь нам там here are ариран получалось опечатка 3 дугу и [музыка] не инвертируем значения возвращаем так а если [музыка] просто [музыка] вижу какие-то наш хендлер на какая здесь проблема нашего хан для есть проблема потому что мы должны передать индюшку у него если мы [музыка] передадим анонимную функцию точно да еще раз обернуть то есть ну короче оптимальным будет давать объемные оптимальной давай сделаем как-нибудь чтобы работало лучше
00:35:15 - 00:37:40
давай сделаем так [музыка] что подожди здесь как-то не сохранились изменение что вижу как показан под сегодня команд с и 1 сохранится и можешь перезагрузить на всякий случай браузер но не весь атом справа у тебя есть маленькая а если ты нескольких попробовать заблокировать что будет ну чё круто кажется кажется это работает так как хотели хотели ребята или саппорта и представлять дальше теперь продакт-менеджер который это хотел приходит и говорит черт вообще просто идеально все что нужно прям до как мы и
00:36:42 - 00:38:56
хотели кайф вообще круто все норм но остается одна маленькая загвоздочка теперь тебе нужно отправить этот код на кадре view твоему старшему товарищу хочешь ли ты что-нибудь в этом коде исправить перри в кадре view или будем отправлять прям так да слушаю хочу я бы ну я сейчас не буду это наверное делать я бы выделил там в отдельные файлы здесь донбас и тут районе тесто нибудь напутал я бы выделил самого юзеров отдельный компонент датой const всяких and component покупки и [музыка] вход он будет получать и
00:38:05 - 00:40:01
узел [музыка] для приготовления нам понадобиться хэндлер который тоже будет у нас внутри как чет краски подсветилось по моему полог потому что нам еще потребуется [музыка] управленец отвезу в этом деле у нас получается что и у нас здесь нужно исправить и взирает день здесь потребуется тут у нас что он ругается то по моему на 14 строчкой говорит аджарской аргумент функции называется стачка середине нам здесь видео [музыка] но как бы я конечно будет правил все панели прочего там каменного нею более осознанно сейчас формат другой так
00:39:23 - 00:41:29
важно сразу уточнить я не понимаю почему на 14 строчки функция принимает и вечера хотя на 13 этой строчки функция тоже принимает юзеру такой я путаться начинаю дослушай но он же здесь уже не надо мы живы мы видим спикер богу от брата упростили до тоже у нас прошлого переехала так и сыр компонент у нас есть который теперь у нас будет куда уходить так так так это у нас хондрома мучений у нас теперь будет возвращаться тут возвращаться юзер компонент здесь мы ему дадим что у нас у нас есть уже по цвету как пошел
00:40:54 - 00:42:43
нам нужен цвет userdata здесь не используется [музыка] нам нужно с вами юзер [музыка] мне нравится у нас ту string is not find ты на какой строчки здесь учебная 20-го стачки а сохранится олег чтобы она отформатировал ась красиво надо вы бог рассадой вас так красота его столько пропала имя [музыка] так и что кий замужем теперь здесь и правда [музыка] здесь есть с именем чем случилось с именем у нас есть username [музыка] давай попробуем положить это может быть ну попробуем просто в компоненте юзер
00:42:04 - 00:44:12
компонент вообще вывести всю всего юзера и посмотреть [музыка] где кажется такой простой дебаг всегда лучше всяких сложных долгих наблюдений [музыка] [музыка] странного нам нужно уже отсюда вытащить [музыка] надо хранить надо сохранить о кажется кажется сработало что может и в интерфейсе все починилась я подчинялась ой что то что где то что то нет а так у нас ночью у меня там для всех потому что причем еще и у всех одинаковое имя почему да у нас же теперь мы сделаем неправильно тебе нужно по-другому меняют и
00:43:53 - 00:46:10
[музыка] по-другому менять свойства у нас есть у нас есть массивчик зимними применил напомню что ты на 16 строчки переименовывали аргументу функций маппера там раньше аргумент назывался на 16 строчки юзера ты его переименовал пойти [музыка] понимаю 77 пламени не везде исправил эту опечатку еще на двадцать первой строки работает корма сыну стилем гротом можешь давай давай опустили пока слушай я знаю что заметил интересно какая штука нажми ещё раз на анлок почему-то в консоль находится очень много раз пользователь хотя по идее ты
00:45:25 - 00:47:18
нажал только на одну кнопку есть идея почему [музыка] можешь попробуй заменить консоль юзер на консоли там просто строчку рендер например чтобы удобно было смотреть да и попробуй заменить привод вместо консоли лоб юлиер попробовать писать простым строчку рендер например и тогда ты увидишь to render происходит очень много раз почему то конечно react нам говорить что это не проблема но мы то знаем что если приложение достаточно большое то это будет проблема так смотрел от 6 раз случился рендер и сейчас заблокирует джона
00:47:02 - 00:48:24
еще раз шесть раз снова произошел рендер хотя изменился всего один джон казалось бы можем это не исправлять просто интересно поговорить о том почему это происходит и можем ли мы как-то это исправить теоретически пусть и сейчас слова уже послушаем у нас получается что меняется то себя дата выписки по факту считаю за это всю дату которая здесь находиться и значит ряд думают что поменялось все обновляет каждый из них как с этим бороться можно с этим бороться с этим можно бороться мы можем демонизировать
00:47:52 - 00:49:30
резерве что массив юзеров например [музыка] я не понимаю как но если если ты давай не [музыка] работает согласен с работает мы же все равно его даю куда ему приписывают так что тогда у нас работает смотря на нужно что я чтобы юзер компонент не перерос is our company так осуществить работает нескольким массивом он работает с одним юзерам пожевать мы можем сделать что-то с компонентами easier компонент чтобы как-то как-то позвонил было два попробуем так что ничего нажмите нажми кнопочку вперед и все вернется
00:48:45 - 00:50:30
опережать и мойки надо так делают так давай попробуем так прямо в raider функции не так не за [музыка] количество скобочки сошлось пока тогда нам так сделать и [музыка] вот твои ты скажешь что я подскажу тебе синтаксис только для объясни что подсказать я хочу за компоненты дунуть взгляд к мемам тогда тебе нужно просто где-то пишешь конский жир компонент написать после равно ряд . мимо и скобочку открыть и все ты сделаешь тоже и скобочку открытия от не здесь это не конец компонента целителя ну что
00:49:52 - 00:51:37
меня нет должна убрать write . , да вот теперь все правильно react из них define the там сверху импорта не хватает мне кажется замыкание не спросил я граждан так и мы попробуем еще раз понажимать и посмотрим вернулись ли 66 райдеров или нет блин цельсия то что такое могу чистить ладно давай кнопочка руки от и кажется убрал вообще console.log поэтому мы не увидим это было лучшей оптимизации чительно как произошла 6 тренеров логично это первый раз все тренды лилась 7 все классно ногой круто я получилось
00:51:12 - 00:53:12
давай на этом заканчивать потому что наше приложение работает и мы даже сделали несколько к нему у каких-то улучшалась не будем дальше это приложение терзать потому что все же она учебная маленькая и в реальной жизни такого приложения маленькая нам не встретиться поэтому драйвер на заканчивать и перейдём к и результатом муки первое и самое главное что меня очень порадовало что тебя получилось решить эту задачу причем очень быстро это правда очень круто и т.п. а вот повод чтобы гордиться респект
00:52:52 - 00:54:00
тебе очень классно вот она работала она работала правильно она работала хорошо мне понравилось что ты имеешь некоторое представление о том как работает ряд говорила ключах говорил мимо низации во всяких таких штуках но чувствуется что тебя не совсем есть понимание о том как она работает внутри ты примерно представляешь о том что есть какая-то нормализация но зачем она нужна и как она работает есть какой-то провал в этом месте и мне кажется что это вместо которое нужно подтянуть но сразу скажу что на позицию junior инженера
00:53:26 - 00:54:37
программных продуктах я бы это абсолютно точно не требовал это просто такая точка роста куда можно идти в будущем что стоит смотреть поизучать мне очень понравилось что ты сразу выделил компонент причем быть продюсер комплит причем выделила вас довольно правильным интерфейсом и стал в него передавать hunter hunter определил внутреннего у этого тоже есть важные преимущества ты во первых сделал код читайте потому что сконцентрировал изменение сконцентрировал код относящийся к обработке пользовательского клика внутри этого
00:54:02 - 00:55:11
компонента из другой страны заготовил себе еще там соломку подстелил в места где можно снова оптимизацию с юсб коми всякими такими штуками делать если это потребуется очень круто в общем у нее старалась как то сделал приложение были некоторые конечно посадки потому что это front-end и явно не привычная тебе среда это чувствуется но мне кажется это абсолютно не проблема тем более что если у тебя и нет особой цели расти куда то в сторону frontera тебе комфортно варяг на этих кряк на этих среде круто все очень
00:54:36 - 00:55:47
здорово в общем ты большой молодец если бы это было настоящее собеседование я бы уже сейчас готовил готовил и чаров потому что должна готовить offer и обязательно позвали бы тебя на финальный какой-нибудь этап спасибо слушаю ну чё я тоже расскажу как тебя по ощущениям довольно непривычно мне в принципе не имеет даже тот проекты которым я говорил что я работал на [музыка] фронт индия делал его на материал ей это своего рода обертки я тоже там практически не касался там дивов прочего там то есть были все нужные компоненты
00:55:12 - 00:56:40
поэтому мне уже несколько есть конечно сдвиг там сторону там текстом и прочее принципе есть еще конечно эффект волнения то есть я занимался оптимизация my различными ну я использовал react мимо сейчас что-то затупил не знаю у нас были всякие просадки по производительности на карте и прочее вот поэтому с этим тоже все окей и и успел бейки тоже как бы в обычном приложении используются регулярно так что как букей с этим спасибо тебе было интересно в принципе интересный формат я все ждал когда спросишь про
00:55:59 - 00:57:23
замыкания ли чего-нибудь такое я очень не люблю проект на соседа не испрашивать для артека скучные бессмыслен да вот но прикольно прикольно спасибо close геннадий молодец не смотря на все сложности с масштабом и несмотря на относительно незнакомые для себя среду все-таки игорь тоже молодцом очень хорошо голов весь собес прям так мне понравилось очень живенько у вас шло обсуждение постоянный прогресс постоянные решение чат сегодня тоже не подкачала ребята активно принимали участие геном уж потом
00:56:41 - 00:58:05
пересмотреть в записи за тебя тут болели активно ребята очень ребят в чате классными потом посмотрим что там будут ли вы даже по самооценке ну что будем заканчивать спасибо за ваше время до всем ребятам всем кто принял участие в чате спасибо всем кто хочет посмотреть в записи смогут посмотреть записи по этой же ссылке на ютабе пишите комментарии предлагаете какие-то свои может быть темы для активности и приходить в наши слот комьюнити всем будем рады со всеми готовы пообщаться и сделать совместные
00:57:26 - 00:58:46
какие-то мероприятие интересные игорь геннадий спасибо вам за участие всем пока спасибо пока
какие вопросы задают на интервью фронтенд разработчика какие практические задачи решают во время собеседования об этом и не только в нашем сегодняшнем видео всем привет меня зовут сергей мил 1 я приветствую вас на нашем youtube-канале онлайн школы программирования фикслер здесь мы проводим интервью с экспертами из крупных айти компании вебинары и уроки по программированию сегодня в эфире наш любимый формат публичные сам следования это учебный формат карьера новое интервью с помощью которого мы стараемся
00:00:02 - 00:01:07
раскрыть потенциал кандидата и показалось различные сценарии проведения собеседований сегодня интервьюером выступит игорь камышев инженер в avia sales director paul отладка front-end crew игорь привет привет кстати ребята стартует новый сезон и по ссылке в описании под этим видео уже можно приобрести early bird билеты а в качестве кандидата выступает видно тени зинченко student sex with a и front-end разработчик геннадий привет привет у нас работает youtube чат где вы можете дискутировать отвечать вместе с
00:00:35 - 00:01:53
кандидатом на вопросы помнить только про корректность общения но мы начинаем я передаю слово игорю чтобы он сначала немного рассказал про себя и создавал собеседование игорь тебе слово всем привет меня зовут игорь и я работаю в прекрасной компании aviasales если кто не знает это такой поиск дешевых авиабилетов все эти швы и билеты искать тут я делаю классную конференцию подлодка frontend круг и общем то больше ничего интересного наверное и не нужно знать сегодня драки я кратенько расскажу про формат
00:01:14 - 00:02:28
сегодняшнем интервью она будет необычным для меня формате и надеюсь что будет достаточно прикольно геннадия предлагаю сегодня построить наши интервью таким образом 2 блоков первый блок будет на поговорить мы просто побеседуем о том чем ты занимаешься сейчас чем занимался раньше чем у тебя хотел заниматься и так далее ну в общем просто разговорный даже без особых технических подробностях во второй части нашего интервью я предложу тебе создать мини мини приложения прямо здесь с нами влаги я не буду давать тебе
00:01:50 - 00:02:53
вообще никакого кода и даже не буду настаивать на технологиях которые тебе стоит использовать ты можешь делать так как тебе удобно так себя комфортно так как тебе привычно а и в этом месте хотелось бы посмотреть на то как у тебя получается в целом создавать интерфейс и вот такой странный может быть необычный формат и я предлагаю предлагаю начинать если ты готов муки но кругов данные после первой части я попрошу тебя выключить звук на компьютере чтобы я прям сразу дал какой-то кусочки bk но чтобы тебя не проявить но не давать не
00:02:22 - 00:03:44
хороших ощущений не плохих ощущений больше чтобы ты в промежуточный фидбэк я слышал чтобы вторая часть про по спокойно договорились ноги и расскажи немножко о себе я себе рассказал теперь твоя очередь у меня зовут геннадий я front-end разработчик но несколько может быть не стандартном понимании я специализируюсь больше на react найти вот сейчас пришел в новую компанию вот на испытательном сроке посмотрим как проверяет мой совет не захочется ли мой испытательное досрочно вот все у меня прикольно мне понравилось
00:03:03 - 00:04:27
не понравилось разбираться мобильных приложениях больше то есть я заходил так конечно span то пробовал все эти вещи в плане верстке сайтов это было пробы какие-то будущие раньше поэтому наверное такого большого интереса не вызвало потом я попробовал реактив и это казалось ничто другим ну как бы не в глобальном смысле но в том что ты выставляешь свой телефон делать что то новое то есть когда сайт и заставляют сделать что-то новое тоже какая-то определенная магия тут тоже с телефона то есть ну я пробовал
00:03:44 - 00:05:00
создавать есть кейс когда я создавал браузерное расширение для хрома то есть это тоже какой-то новый опыт прям очень прикольно то есть там браузерная питону знаешь сколько всего оказывается расширение могут осознать и первое что хочется после этого удалить их все пункт на 200 неизвестно вот и получается специализируюсь на ряд на эти интересно в этом разобраться глубже копнуть и может быть потом подучить котлин вот и попробовать уже нативную разработку вообще твоя цель покинуть front-end и перейти большая мобильная разработка
00:04:23 - 00:05:46
прямо на full-time правильно слушай у меня frontend вообще не так на full-time по факту я сайтами то не очень сильно занимаюсь что с у меня там за то что ты увидел опыт в режиме из коммерческих проектов был только один на ряд джесс вот и как бы да интересно копать варианты тиф и сейчас куда я устроился там то есть прям специализировано по react найти будет направление это круто на самом деле ряд найти вообще супер супер моя любая очень очень интересна технология расскажи немножко про компанию где ты
00:05:04 - 00:06:28
работаешь сейчас чем занимаешься в этой компании чем занимается компания вообще так делаешь слушай ну как чего дело я учусь изучают кучу самых кучу регламентов я работал получается до этого я перешел то совсем недавно работал в одной компании то есть без перерыва сначала стажа 2g лап в краснодаре и танк получился и базовым и основу и круто считают там прокачался ну решил пойти на несколько другой сферы потому что захотелось попробовать себя большой компании ну как насколько большой и я сейчас перешел senden софт где
00:05:46 - 00:07:10
больше тысячи сотрудников и это аутсорс а устав вот и собственно жду своего коммерческого проекта детали сниму а ты сейчас не за санин на проекты просто в процессе изучения чего-то внутри компании да да я сейчас тут влился получается и изучаю регламент ну в целом я там подписал с этим деле поэтому не знаю что мне можно разглашать я могу сказать что у меня собеседование уже в понедельник вот но куда и как конечно без без детали как я его тогда поговорим про твои прошло прошло место работы чтобы не нарушить
00:06:30 - 00:08:00
никак пандее и поставить ее под какой-нибудь гигантских штраф случайно расскажи что ты делал на прошлом месте работать на за последние полгода что это была за компания штаб принял это также аутсорс где-то устав то есть пересекаются этим направлении и там не занимался разработкой в качестве фронтэнда на react найти но опять же был один проект на реакцию вообще мне кажется что интересно свой опыт начинать с аутсорс а где можно разных технологий изучить разные проекты попробовать вот и расскажешь дозаправить
00:07:16 - 00:08:38
проект так окей может быть название просто одну смотри из последнего завершенного и опубликованного есть американский стартап который что-то наподобие вид а по духу в плане публикации объявлений от каких-то вещах и [музыка] можно как лист две роли получать эти вещи или отдавать но там концепция такая что это все бесплатно там то есть это вид с нулевым прайсом словно вот и владельцы вдохновлялись идеями из тиндера поэтому когда ты заходишь на главный экран ты получаешь список товаров на увидишь карточку по одной и
00:07:59 - 00:09:40
тебе нужно принять решение о тебе или нет ну и в зависимости от этого смахнуть в нужную сторону если как бы не руке это все уходит получаются следующую если у кейт а там переходишь к диалогу и далее далее пошел вот в принципе интересно проект интересные детали что как задумка была сделана что там незарегистрированный пользователь получает довольно расширенный функционал практически все он может сделать ну кроме как соответственно зайти в личный кабинет который у него нету то есть он может создать объявление но приложение
00:08:52 - 00:10:14
попросит вас зарегистрироваться только в момент когда он нажмет уже опубликовать то есть так ребята хотели получить минимальное количество отказов потому что пользователь уже сделал какое-то очень полезное действие ему же назад возвращаться нельзя и смысле можно ну как бы желание и также со стороны этот предмет получить например он может начать в чат писать и уже когда он нажмет кнопку отправить может быть это конечно несколько будет раздражаюсь и но когда он возьмет отправить вам вынужден будет
00:09:34 - 00:10:44
зарегистрироваться вот потому что без регистрации было ничего уже срабатывает он будет интересно слушай а ты говоришь так он почти бесплатно интересно где эти ребята бил теги 5 стартап они видимо сейчас не зарабатывает где-то же они собираются заработать денег когда у них кончится или авторские теги это хороший вопрос как бы ему это не моя компетенция я так и наука и они соблюдаются монетизироваться то есть пока это все бесплатно и без рекламы и регистрации и sms возможно ты не терять грант очень прикольно
00:10:08 - 00:11:25
слушай расскажи немножко чем именно ты занимался внутри этого проекта что ты что-то прям руками программировал внутрь этого приложения слушай но внутри этого проекта я пронумеровал практически всего единственный у меня был небольшой перерыв и отлучался на неделю подключался 2 разработчик который закрыл функционал chateau ну в том виде танка фонд а вот и я дальше подхватил мы какие-то доработки почему я уже дело ну то есть чат это как бы его все что остальное в приложении там регистрация прочее программировал я ну именно интерфейс
00:10:49 - 00:12:15
конечно расскажи немножко какой например какой нибудь задачку прям которая теперь запомнилась при создании этого пляжа можно было челленджи вая или наоборот самый какая-то tricky и противная и теперь на всю жизнь осталась где-то в голове что нибудь такое что запомнилось или может штуку которой это прямо сделала гордишься тем что победил победил это сложная сложная штука хороший вопрос слушаем и в этом приложении было много разных побед как раз они все связаны с тем что пользователи которые не зарегистрированы
00:11:32 - 00:12:44
обладают довольно широким доступом разные различные разделы и связи с этим нужно было предусмотреть разные сценарии когда они нам возвращаются и прочее то есть как как что обновляется вот я думаю что в этом проекте это была одна из самых интересных задач как раз таки сделать так чтобы люди могли то мы могли сделать как бы что зарегистрированный пользователь только может делать многие вещи и это было бы наверное проще и быстрее вот но это был ключевой point как бы ключевая задача была как раз таки в том что но
00:12:11 - 00:13:38
максимально позволить пользователю сделать а потом уже довести его к регистрации давай немножко приземлимся на технологии я говорю чтобы было понятней я расскажу расскажу что имею ввиду я на прошлых выходных делать проект на ряд найти ли они мне нужно было сделать пайтор кругленький на сектора разбиты и я его очень долго делать это прямо все выходные сидел мне нужно было чтобы у меня каждый кусочек поль chart был скруглен что там тени ушки были градиент короче такой сложный причард я когда его до дела и прям сел об убрал руки стоят у
00:12:57 - 00:14:04
выдох модом и фух все вот этой штукой а теперь будут всю следующую неделю гордиться и внутри много было много разных технических вызовов то есть не нужно было посчитать какие углы дальше до всяких штук а вот расскажи про какой-нибудь задачу такую же небольшую и компактную но близкую к технологическим каким-то вещам чтобы просто понятно стал слушать но это наверное больше всего интересны интерфейсы офис и какие то может быть анимации потому что приложение становится выглядит живым и я думаю что ключевое кран этот самый первый на
00:13:31 - 00:14:47
который ты попадаешь видишь стек с карточками он как бы выглядит классно и отрабатывают как бы как нужно [музыка] андроиде на айфоне как бы ну это прям клево тут все это анимацию когда закинул торчат думаю вот ребята как круто получилось окей класс по ч очень интересно хотелось бы посмотреть на самом деле на это приложение дает а твой наш вернемся к тому как ты работал над этим проектом расскажи про команда внутри которой ты находился у пирса наверное один другими ребятами внутри компании работала над
00:14:09 - 00:15:31
этим проектом а как вас были построены коммуникации как вы общались что обсуждали какие были процесс и всякие такие штуки да работали с ребятами 0 до себя там я устраивался в эту команду работали удаленно с ребятами у нас была разница с основным составом команды 4 часа вот относительно меня им плюсом было вот ну как коммуницировали мы через мессенджера внутренней чат внешней чат где заказчик внутренней где только команда туда backend входит менеджер-дизайнер аналитик так то еще кого-то еще наверно забыл
00:14:51 - 00:16:23
часа вижу ну потом тестировщик подключился так и мы созвали на какие-то синхронизации у нас были какие сложности возникли что что будем делать сегодня какие успехи были вчера оценил удобства у нас бы kinder изменился чуть-чуть к началу проектантом через месяц на бы kinder был в моём чувствуем прессе а потом подключился бы kinder ну с общего там плюс 4 и оценил некоторые удобства когда бы кандер с тобой в разнице во времени то есть я сталкиваюсь какой то проблема которую нужно решить я ему пишу он утром
00:15:41 - 00:17:10
выходит там решает эту задачу я начинаю свой рабочий день когда уже имеют описку которая такая как мне нужно а он там тоже там получил с вечера начинает ну как бы где-то начинается задача которые у него есть нам для приоритета ну как бы прикольно в сравнении с тем что когда когда that is big endian с 1 в 1 час он путь то есть что ты что-то у тебя возникла и как бы тебе надо переключиться на другую задачу вот здесь там в к условно в конце рабочего дня я пишу да есть такая проблема нужно там что-то
00:16:28 - 00:17:46
добавить доработать и следующий рабочий день я начинаю и у меня уже фишечка есть которую нужно расскажи откуда в этой системе но вот ты сидишь тебе приходит задача а откуда она тебя приходит как она выглядит и заходишь там куда то и получаешь то так как ты понимаешь что тебе нужно оси худшему работали мы в этом geely сначала поделили собственно сделать проект макет если конечно он там распределен тоже сделан берешь раздел и пошел по нему дальше по экрану глубже и глубже ну какой то изначально потом уже какие-то когда все
00:17:07 - 00:18:42
готово там уже переходим к каким-то фичу чего не хватает чего изначально мы предусмотрели ну то есть там соответственно задачку как-то двигается там на тесты сделан билд и прочее вас вас был дизайнер свой или вы как-то market пастор уже получали простых пилили ну дизайнер тоже часть команды хотя и классный отмена очень интересный опыт на самом деле настоящий аутсорс я никогда не работала большому церкви очень интересно послушать я думаю что можем переходить к следующей части но прежде чем мы к ней перейдем я предлагаю
00:17:56 - 00:19:19
тебе на время заметить звук а я дам ребята накачать кусочек при такой мы продолжим я помашу мы тебе потом когда может расстаться от шумного и так и на зее нас с ненадолго покинул давайте я расскажу почему я взял и спрашивал из этого я сделал вывод в режиме читал что и найди работал только в аутсорс и я как человек работающий в продуктовой компании немного опасались разработчиков из аутсорс а потому что в любом аутсорс и есть проблема что люди быстро делают проекты и не слишком беспокоиться о как
00:18:38 - 00:19:42
эти проекты будут жить дальше не беспокоиться о том как работает бизнес и заказчика что делает заказчик и зачем нужно приложение где она собирается брать день именно об этом я и спрашивал геннадия все это имя мне было интересно посмотреть понимает ли геннадий для чего он делают делал приложение как будет заказчик этим приложением пользоваться и как пользователи будут пользоваться приложением заказчиков и у геннадия с этим все очень хорошо он отлично рассказал про приложение даже заметил интересную особенность о том что
00:19:10 - 00:20:08
используется некоторый такой dark повторно с тем что пользователю максимально поздно говорят регистрацию рассказал про то что приложение бесплатно и всякое такое это очень классно немного конечно же удивительно что геннадий не интересовался как это приложение быть заработок но возможно это просто я такой а уж не всегда интересно узнать где же деньги то обычно первое что спрашивать о вижу проект после этого я хотел узнать о том как геннадий непосредственно работал над этим приложением и поэтому я здесь
00:19:39 - 00:20:41
спрашивал про самый челленджей задачку и на самом деле видел там ребята в чате солиста странного простую задачку у этого вопроса есть ровно-ровно одна задача этот паз раскручивать человека на то чтобы он сказал что то что ему приятно и тем самым с на стресс когда ты рассказываешь про задачу которое тебе нравится самому тебя становится легче и от этого легче идет беседа и мне очень понравилось что и найти рассказала про анимации прокате это интерфейс на решение мне кажется очень важно как-то фронтенд разработчика
00:20:10 - 00:21:08
замечали такие штуки и гордиться ими это круто и третий блок вопросов был про команды и взаимодействия и здесь тоже есть некоторое опасение связанная с большим опытом работы в вот солнце часто в аутсорс все процессы построены перри механистическим образом и люди не слишком не слишком погружаются в точно не делать поэтому я так долго быть учил геннадия про то как приходит задачи как ты сделал откуда брались макет и все такое и оказывалось что и надень максимально самостоятельно работу над этим проектом получал очень
00:20:39 - 00:21:45
высоко уровня и задачи в виде там целые какой-то screen приложение и сам пилил иванович это очень круто пока максимально положительное впечатление очень радостно предлагаю переходить к следующей части нашего собеседования окей итак снова привет я предлагаю переходить ко второй части нашего интервью и теперь я попрошу тебя расширить экран зайти в контент бокс и создать контент бомб своими любимыми технологии я боюсь что процент боксе нас не получится сделать приложение дарят эти к сожалению наверное экспонат затмил слишком долго
00:21:12 - 00:22:28
если такое сложно поэтому я предлагаю взять то что тебе комфортно и сделать очень маленькое приложение который я тебе опишу как типичный заказчик которая описывает приложение словами не пишет хорошие это заяц и поэтому шаринган и пойдем там ждут вас сразу предупрежу что у нас тут нет с тобой цели проверить твои знания синтез свитера скрипта или этой реактор поэтому если ты что то забудешь смело можешь просто загуглите то если можешь спросить у меня может быть я помню если я сам не помню вместе закуплен в общем не
00:21:53 - 00:23:03
переживай если что-то вылетело из головы это абсолютно кей далее думаю я расскажу тебе какое у нас есть приложение наше приложение мы делаем для саппорта для ребят из команды к саппорта одной большой компании говорят у нас есть такая штука к нам приходят клиенты у нас есть список этих клиентов и нам нужно чтобы каждый пользователь мог активировать себе одного клиента но типа выбрать то есть чтобы было видно что пользователь уже кем-то выбран и у каждого пользователя должна быть кнопка типа log on lock
00:22:36 - 00:23:47
нажимаешь кнопку ловко пользователь переводится в сцене заблокирован чтобы никто другой его не взял ну и подписываться скобках нам заблокирована нажимаешь на этом же пользователь кнопку unlock пользователь разблокируется и обсе собирается пользователь может взять кто-то другой ты можешь писать код можешь спрашивать у меня уточняющие вопросы можешь делать все что тебе кажется правильным для того чтобы сделать это приложение так слушаем и в итоге нам нужно как но чтобы у нас был какой-то интерфейс где
00:23:11 - 00:24:12
просто условный список пользователей правильно понимаю там что она просит просто имена для нас сейчас это неважно и и что и возле каждого пользователя у нас есть кнопка лог да и unlock если он уже кем-то взят правильно как кнопка должна если он да если мы его вы же взяли то у него кнопка лоб исчезает и местом я кнопка лоб появляется [музыка] слушай давай будем анализировать я короче сразу могу присесть в реакции потому что очень непривычно я уже отвык от html сразу там всех предупреждаю посмотреть и div div div и to view a п
00:23:42 - 00:25:18
это текст это ни назвали это приложением потребовать так ну давай начнем например с и жираф каких-то быть неважно счет стран а именно так какой то нет у нас будет массив плюс массив вектор объекта и будет у нас будет моим а ты что нам еще понадобится нам еще понадобится статус опасно просто он будет my status ну пусть будет из лап [музыка] влог и здесь будет у нас [музыка] kay [музыка] поехали так у нас есть какие-то визар и потребуется ими управлять им компании этими данными но для простоты мы будем это делать сейчас
00:24:34 - 00:26:53
в локальном стоите [музыка] [музыка] виде раз мы начинаем с этого и [музыка] что получается нам сейчас надо придумать структуру интерфейс для этих ребят так у нас получается будет [музыка] что у нас будет компонент ну давай щас все здесь напишу 4 factory да у нас будет дата здесь мы шторм один у нас возвращать [музыка] [музыка] девяностом что там слова нам нужен и [музыка] здесь у нас нам нужен и the bottom есть опять как прессовал только батэ руки в него вместо он пресс степан клик он у нас самый закрывающийся на
00:27:07 - 00:29:25
нет там надо и мог передать как children of нужно передать текст муки каждого записок и как у нас что там у нас true force нельзя [музыка] из [музыка] если везло когда если вы из локтя нам нужен unlock [музыка] если наоборот то нам нужно дисками так окей есть у нас кнопки нам нужен хендлер рынок для кнопки [музыка] [музыка] зачем нам нужен и окей окей сушину для для рендеринга вообще мы этот массив как мы будем изменять чтобы у нас не при делении заливались все компоненты будет смотреть только измененные и
00:29:42 - 00:32:06
менять его я понял так поехали дальше так и узелок ты лоб так давай подумаем как мы будем управлять да ты у нас будет шанс и [музыка] [музыка] нам нужно найти игру на котором будут внизу вот этот метод [музыка] изменить ему статус так для этого нам нужно нам нужно изменить кей [музыка] users do the у нас здесь будет предыдущее состояние [музыка] по которому мы будем проходиться [музыка] проходится и давай давай детка волнение и оптимальности лишена и не переживай и вообще не переживает давай сначала сделаем как угодно а если
00:31:29 - 00:33:54
будет неоптимальным потом придумай что-нибудь юзер у нас есть не буду делать нам нужно будет и дешко и их где над [музыка] что мы делаем когда мы и где козер и залог будем менять сейчас я думаю даже не правильно нет нам нужно чем нужно я же могу менять нам нужно выдать но его нельзя менять [музыка] так что нам мы передаем новое состояние еще спутаешь или что я просто уточнения поможет и так я и расстраивает что заменять или ничего нельзя менять нам нужно нового состоянии передать нос по-любому при запишется этот юзер
00:33:19 - 00:35:35
полностью нам нужно нам нужно его вернуть нам нужно сделать во-первых зачем здесь нам там here are ариран получалось опечатка 3 дугу и [музыка] не инвертируем значения возвращаем так а если [музыка] просто [музыка] вижу какие-то наш хендлер на какая здесь проблема нашего хан для есть проблема потому что мы должны передать индюшку у него если мы [музыка] передадим анонимную функцию точно да еще раз обернуть то есть ну короче оптимальным будет давать объемные оптимальной давай сделаем как-нибудь чтобы работало лучше
00:35:15 - 00:37:40
давай сделаем так [музыка] что подожди здесь как-то не сохранились изменение что вижу как показан под сегодня команд с и 1 сохранится и можешь перезагрузить на всякий случай браузер но не весь атом справа у тебя есть маленькая а если ты нескольких попробовать заблокировать что будет ну чё круто кажется кажется это работает так как хотели хотели ребята или саппорта и представлять дальше теперь продакт-менеджер который это хотел приходит и говорит черт вообще просто идеально все что нужно прям до как мы и
00:36:42 - 00:38:56
хотели кайф вообще круто все норм но остается одна маленькая загвоздочка теперь тебе нужно отправить этот код на кадре view твоему старшему товарищу хочешь ли ты что-нибудь в этом коде исправить перри в кадре view или будем отправлять прям так да слушаю хочу я бы ну я сейчас не буду это наверное делать я бы выделил там в отдельные файлы здесь донбас и тут районе тесто нибудь напутал я бы выделил самого юзеров отдельный компонент датой const всяких and component покупки и [музыка] вход он будет получать и
00:38:05 - 00:40:01
узел [музыка] для приготовления нам понадобиться хэндлер который тоже будет у нас внутри как чет краски подсветилось по моему полог потому что нам еще потребуется [музыка] управленец отвезу в этом деле у нас получается что и у нас здесь нужно исправить и взирает день здесь потребуется тут у нас что он ругается то по моему на 14 строчкой говорит аджарской аргумент функции называется стачка середине нам здесь видео [музыка] но как бы я конечно будет правил все панели прочего там каменного нею более осознанно сейчас формат другой так
00:39:23 - 00:41:29
важно сразу уточнить я не понимаю почему на 14 строчки функция принимает и вечера хотя на 13 этой строчки функция тоже принимает юзеру такой я путаться начинаю дослушай но он же здесь уже не надо мы живы мы видим спикер богу от брата упростили до тоже у нас прошлого переехала так и сыр компонент у нас есть который теперь у нас будет куда уходить так так так это у нас хондрома мучений у нас теперь будет возвращаться тут возвращаться юзер компонент здесь мы ему дадим что у нас у нас есть уже по цвету как пошел
00:40:54 - 00:42:43
нам нужен цвет userdata здесь не используется [музыка] нам нужно с вами юзер [музыка] мне нравится у нас ту string is not find ты на какой строчки здесь учебная 20-го стачки а сохранится олег чтобы она отформатировал ась красиво надо вы бог рассадой вас так красота его столько пропала имя [музыка] так и что кий замужем теперь здесь и правда [музыка] здесь есть с именем чем случилось с именем у нас есть username [музыка] давай попробуем положить это может быть ну попробуем просто в компоненте юзер
00:42:04 - 00:44:12
компонент вообще вывести всю всего юзера и посмотреть [музыка] где кажется такой простой дебаг всегда лучше всяких сложных долгих наблюдений [музыка] [музыка] странного нам нужно уже отсюда вытащить [музыка] надо хранить надо сохранить о кажется кажется сработало что может и в интерфейсе все починилась я подчинялась ой что то что где то что то нет а так у нас ночью у меня там для всех потому что причем еще и у всех одинаковое имя почему да у нас же теперь мы сделаем неправильно тебе нужно по-другому меняют и
00:43:53 - 00:46:10
[музыка] по-другому менять свойства у нас есть у нас есть массивчик зимними применил напомню что ты на 16 строчки переименовывали аргументу функций маппера там раньше аргумент назывался на 16 строчки юзера ты его переименовал пойти [музыка] понимаю 77 пламени не везде исправил эту опечатку еще на двадцать первой строки работает корма сыну стилем гротом можешь давай давай опустили пока слушай я знаю что заметил интересно какая штука нажми ещё раз на анлок почему-то в консоль находится очень много раз пользователь хотя по идее ты
00:45:25 - 00:47:18
нажал только на одну кнопку есть идея почему [музыка] можешь попробуй заменить консоль юзер на консоли там просто строчку рендер например чтобы удобно было смотреть да и попробуй заменить привод вместо консоли лоб юлиер попробовать писать простым строчку рендер например и тогда ты увидишь to render происходит очень много раз почему то конечно react нам говорить что это не проблема но мы то знаем что если приложение достаточно большое то это будет проблема так смотрел от 6 раз случился рендер и сейчас заблокирует джона
00:47:02 - 00:48:24
еще раз шесть раз снова произошел рендер хотя изменился всего один джон казалось бы можем это не исправлять просто интересно поговорить о том почему это происходит и можем ли мы как-то это исправить теоретически пусть и сейчас слова уже послушаем у нас получается что меняется то себя дата выписки по факту считаю за это всю дату которая здесь находиться и значит ряд думают что поменялось все обновляет каждый из них как с этим бороться можно с этим бороться с этим можно бороться мы можем демонизировать
00:47:52 - 00:49:30
резерве что массив юзеров например [музыка] я не понимаю как но если если ты давай не [музыка] работает согласен с работает мы же все равно его даю куда ему приписывают так что тогда у нас работает смотря на нужно что я чтобы юзер компонент не перерос is our company так осуществить работает нескольким массивом он работает с одним юзерам пожевать мы можем сделать что-то с компонентами easier компонент чтобы как-то как-то позвонил было два попробуем так что ничего нажмите нажми кнопочку вперед и все вернется
00:48:45 - 00:50:30
опережать и мойки надо так делают так давай попробуем так прямо в raider функции не так не за [музыка] количество скобочки сошлось пока тогда нам так сделать и [музыка] вот твои ты скажешь что я подскажу тебе синтаксис только для объясни что подсказать я хочу за компоненты дунуть взгляд к мемам тогда тебе нужно просто где-то пишешь конский жир компонент написать после равно ряд . мимо и скобочку открыть и все ты сделаешь тоже и скобочку открытия от не здесь это не конец компонента целителя ну что
00:49:52 - 00:51:37
меня нет должна убрать write . , да вот теперь все правильно react из них define the там сверху импорта не хватает мне кажется замыкание не спросил я граждан так и мы попробуем еще раз понажимать и посмотрим вернулись ли 66 райдеров или нет блин цельсия то что такое могу чистить ладно давай кнопочка руки от и кажется убрал вообще console.log поэтому мы не увидим это было лучшей оптимизации чительно как произошла 6 тренеров логично это первый раз все тренды лилась 7 все классно ногой круто я получилось
00:51:12 - 00:53:12
давай на этом заканчивать потому что наше приложение работает и мы даже сделали несколько к нему у каких-то улучшалась не будем дальше это приложение терзать потому что все же она учебная маленькая и в реальной жизни такого приложения маленькая нам не встретиться поэтому драйвер на заканчивать и перейдём к и результатом муки первое и самое главное что меня очень порадовало что тебя получилось решить эту задачу причем очень быстро это правда очень круто и т.п. а вот повод чтобы гордиться респект
00:52:52 - 00:54:00
тебе очень классно вот она работала она работала правильно она работала хорошо мне понравилось что ты имеешь некоторое представление о том как работает ряд говорила ключах говорил мимо низации во всяких таких штуках но чувствуется что тебя не совсем есть понимание о том как она работает внутри ты примерно представляешь о том что есть какая-то нормализация но зачем она нужна и как она работает есть какой-то провал в этом месте и мне кажется что это вместо которое нужно подтянуть но сразу скажу что на позицию junior инженера
00:53:26 - 00:54:37
программных продуктах я бы это абсолютно точно не требовал это просто такая точка роста куда можно идти в будущем что стоит смотреть поизучать мне очень понравилось что ты сразу выделил компонент причем быть продюсер комплит причем выделила вас довольно правильным интерфейсом и стал в него передавать hunter hunter определил внутреннего у этого тоже есть важные преимущества ты во первых сделал код читайте потому что сконцентрировал изменение сконцентрировал код относящийся к обработке пользовательского клика внутри этого
00:54:02 - 00:55:11
компонента из другой страны заготовил себе еще там соломку подстелил в места где можно снова оптимизацию с юсб коми всякими такими штуками делать если это потребуется очень круто в общем у нее старалась как то сделал приложение были некоторые конечно посадки потому что это front-end и явно не привычная тебе среда это чувствуется но мне кажется это абсолютно не проблема тем более что если у тебя и нет особой цели расти куда то в сторону frontera тебе комфортно варяг на этих кряк на этих среде круто все очень
00:54:36 - 00:55:47
здорово в общем ты большой молодец если бы это было настоящее собеседование я бы уже сейчас готовил готовил и чаров потому что должна готовить offer и обязательно позвали бы тебя на финальный какой-нибудь этап спасибо слушаю ну чё я тоже расскажу как тебя по ощущениям довольно непривычно мне в принципе не имеет даже тот проекты которым я говорил что я работал на [музыка] фронт индия делал его на материал ей это своего рода обертки я тоже там практически не касался там дивов прочего там то есть были все нужные компоненты
00:55:12 - 00:56:40
поэтому мне уже несколько есть конечно сдвиг там сторону там текстом и прочее принципе есть еще конечно эффект волнения то есть я занимался оптимизация my различными ну я использовал react мимо сейчас что-то затупил не знаю у нас были всякие просадки по производительности на карте и прочее вот поэтому с этим тоже все окей и и успел бейки тоже как бы в обычном приложении используются регулярно так что как букей с этим спасибо тебе было интересно в принципе интересный формат я все ждал когда спросишь про
00:55:59 - 00:57:23
замыкания ли чего-нибудь такое я очень не люблю проект на соседа не испрашивать для артека скучные бессмыслен да вот но прикольно прикольно спасибо close геннадий молодец не смотря на все сложности с масштабом и несмотря на относительно незнакомые для себя среду все-таки игорь тоже молодцом очень хорошо голов весь собес прям так мне понравилось очень живенько у вас шло обсуждение постоянный прогресс постоянные решение чат сегодня тоже не подкачала ребята активно принимали участие геном уж потом
00:56:41 - 00:58:05
пересмотреть в записи за тебя тут болели активно ребята очень ребят в чате классными потом посмотрим что там будут ли вы даже по самооценке ну что будем заканчивать спасибо за ваше время до всем ребятам всем кто принял участие в чате спасибо всем кто хочет посмотреть в записи смогут посмотреть записи по этой же ссылке на ютабе пишите комментарии предлагаете какие-то свои может быть темы для активности и приходить в наши слот комьюнити всем будем рады со всеми готовы пообщаться и сделать совместные
00:57:26 - 00:58:46
какие-то мероприятие интересные игорь геннадий спасибо вам за участие всем пока спасибо пока
00:58:12 - 00:58:30