какие вопросы задают на собеседовании frontend разработчикам что нужно знать ли 2 программисты который занимается фронтэнда об этом и не только сегодня в нашем публичном собеседование рада всех приветствовать меня зовут наталья мусина и я комьюнити-менеджер онлайн-школы программирование секс и дальше вам канале вы сейчас как раз и находитесь мы часто приглашаем себе разных экспертов в области а эти проводим уроки вебинары по программированию и разработки проводим review резюме и ну и конечно же про
00:00:02 - 00:01:04
вольным один из наших любимейших форматов это собеседование в прямом и давайте сначала знакомиться с нашими ребятами которые сегодня согласились доблестно в этом деле участвовать с нами в фиде елена рожкова надо будет как раз чуть позже тоже про себя очень подробно рассказывать или on привет привет привет не знаю насчет подробно но что-нибудь скажу сейчас мы вырвемся я здесь не главное действующее лицо и су-100 на состояние моего интернета желания не обращайте самое главное чтобы ребят было хорошо слышно
00:00:34 - 00:01:50
ну блин да расскажет и с нами сегодня наш герой тимур сафиуллин который будет сегодня проходить это публичные собеседования тимур привет ну и прежде чем мы перейдем к нашей публичке для начала расскажу что у нас здесь точат youtu.be и вы здесь как раз можете спокойно общаться дискутировать обмениваться мнениями решать задачи которые лето будет ставить тимур отвечать сами знают те вопросы которые она будет ему задавать общем все это дело на для вашего общения и вот вот такая вот небольшая вводная собственно
00:01:26 - 00:02:38
делаете делайте что хотите общаетесь хотите самое главное помните арам приличия и будете доброжелательны друг друга и вы как раз можете поставить нам сейчас в чате усик и если все хорошо видно все хорошо слышно вот уже сказали что у меня есть небольшая проблема со звуком но я думаю что скоро потом вам это будет не актуально но и опять же прежде чем мы перейдем к нашему собеседования напомню что сегодня у нас не просто эксперт у нас в гостях как раз представители контента не только недавно закончили
00:02:03 - 00:03:19
второй сезон своей недели фронтэнда то термин выступала на одном из круглых столов практически открывал эту неделю но и ребята сейчас тоже начинает активно готовиться уже к третьему сезону а это значит что по ссылке в описании вы сможете уже найти билеты роберт а для тех кто хочет в этом деле поучаствовать поэтому переходите по ссылке в описании и так на этом все вводные закончены я вижу наши плюсики ну а значит я на горе сюда скрываться или переходить к вам вообще не в чат и передавать слово леня для того чтобы
00:02:40 - 00:03:51
сначала немножко рассказала о себе но когда начала вести на публичные собеседовать вена давай спасибо наташа так вообще меня зовут лена я работаю этих рядов front end of замечательно компании aviasales новых авиабилетов если кто-то еще не знает вот еще я вхожу в программный комитет замечательные фруктовые конференции подлодка front and crew и у нас было даже не неделя фронтэнда целых две недели между прочим и офигительных видели вот и у нас есть тоже формат публичных собеседований как одна из активностей и возможно
00:03:16 - 00:04:40
возможно мы сегодня проведем его по под лодочки возможно нет посмотрим как пойдет вот давай тимур знакомиться тимох меня зовут до на самом деле еще полгода наверное или чуть даже больше назад я назвался junior с кончиком сейчас уже вроде как подкачался до метла надеюсь что подтвержу это звание сегодня я работаю в небольшой тульской компании и или у виджеты для веб-сайтов а можешь рассказать про какой-нибудь выдачу из твоего опыта которая тебе я запомнилось больше всего ух ты как бы так на словах
00:03:58 - 00:05:28
объяснить чтобы было понятно в общем я предыдущая моя работа я работал на одну московскую контору и была задача сделать на активном сайте переход между кейсами в таком прикольном стиле мы достали валида конца страницы там выходил блок в котором была типа превью следующего кейса ты нажимаешь на него и у тебя без перезагрузки подъезжать следующий кейс от предыдущей уходит вот я впервые там подходу библиотечку под названием баба джесс которая позволяет такое реализовывает на не сингл пейдж applications
00:04:43 - 00:06:01
на нормальных сайтах вот и владение это даже выкатили весной заходил на сайте там вот это вот фишечка существует работает его один они конечно ужасно приятно когда что-то твои живет и можешь показать и пойти к тем это я сделала это вот ну круто чо я хочу тебя сегодня по собеседовать по верстке по java скрипт ui паре акту мне кажется даже по большей части скорее практически чем теоретически но давай начнем так слегонца в общем и вообще верстать любишь терпеть ненавижу просто как бы приходилось приходилось
00:05:22 - 00:06:52
очень много кстати поэтому я в последнее время когда ищу работу и говорила можно вот что постигло максимально мало вот там процентов 20 на 80 максимум вот и пока получается что очень жаль тоже поговорим ничего страшного даже часть часть неба ага расскажи вы как ты вообще думаешь какая для тебя верстка хорошая так вот ты понимаешь что сверстана хорошо учитывая что у меня есть небольшой опыт фриланса для меня если табуляции соблюдены это уже неплохо если там не используется bootstrap с его стандартными классами в тихо ными везде
00:06:08 - 00:07:41
где можно и где нельзя это вообще замечательно вот но в целом современный вязкий об сказал что круто когда там сделано все блоками сделаны по методологии ну в общем так чтобы я мог взглянуть на код и понимать что мне с ним будет примерно там не знаю потратить две три минуты уже начать с ним работать если мне приходится разбираться дольше часа с кодом то есть вы йоркской точно что-то не так сделано то есть точки зрения разработчика ты можешь оценить хороший с точки зрения пользователя например если
00:06:56 - 00:08:19
говорить конкретно про верстку мне кажется достаточно сложно с точки зрения пользователя оценить конкретно потому что но в последнее время такое изобилие конструктору различных и в принципе cms ок нормальных готовых шаблонных тем и так далее что найти отвратительный ужасный сайт достаточно тяжело вот но если мы говорим какие-то проблемы мне кажется может поспать поехавшая вязкая как например мобильном твиттере в последние недели вот когда все жалуется что не могут подписаться никуда и не на кого . выдаст я боюсь честно обновлять
00:07:37 - 00:08:53
твиттеру себя просто на телефоне поэтому если у меня вот так же поедет я просто как газово кастовость потому что не будет нечем заняться ну и наверно а второй момент что figures когда ты заходишь на сайте он очень долго грузится то есть там скорее всего что-то низ оптимизировали куда то не туда скрипты прописали или как-то не так их приписали что в итоге особенно на мобильном интернете максимально долго все работает максимально долго грузится оак ней супер а ну что ты готов наверстать довакина тебе ссылочку на
00:08:15 - 00:09:42
codes in box залогиниться там пошарь экранчик чтобы наслаждались этим не только мы с тобой ох ты мы с тобой говорили про код пэн ну ладно либо я я могла что-то не так сказал проблемы с мантами это так ладно ничего страшного да право что-то тут изменился блин интерфейс давно нет это не то ссылка закрой закроет ссылочку не все как обычно пошло через жопу ладно давай вот тебе еще одна но ты уже видел спойлеры там там был рядом это все что его виду вот это кажется тоже вверх господи я надеюсь она то сейчас да вижу тебя
00:08:58 - 00:11:28
короче чё я хочу мне хочется чтобы ты стал кастомный checkbox вот вот галочкой из индии а остальное весь дизайн он как бы он знаешь на твое усмотрение он может быть настолько упоротый насколько ты захочешь почему именно красный мячик босс почему нет холодно я я вспомню по ходу но мы чуть-чуть под затянем скорее всего мне надо комментировать то что я делаю я могу замутится и сидеть знаешь будет круто если ты будешь комментировать потому что иначе это будет очень уныло и во-первых зрелища а во-вторых хочется
00:10:26 - 00:11:55
понять как бы что ты думаешь в процессе еще тут люди просят увеличить шрифт потому что им ничего не видать замечательно так потрясающая думаю я его что вспоминаю когда нам надо кастомный чебоза фигачить по сколько я помню нам на ему положить прямо в лейбл чтобы потом внутри лейбла уже писать свои какие-то блоки привет которые можем что ты сможешь ты делать это не обязательно может там через соседние себя ты что-то поделать но 3 не менее у нас 100 у нас под подгузник до подкуплен класс зададим так что мы делаем дальше мы не здесь
00:11:11 - 00:13:58
нарисуем какой-то дальше небольшой стиль [музыка] у нас было рамочка зададим еще шириной 120 пикселей у нас уже половина дела готова так моде пока себе рейс каким готовые модели в описании есть задачки там прям галочка смотри когда кристалла вот это да еще я тебе сразу напомню что у нас тут для простоты меня react поэтому там не класса классным а дальше йауму ко всем я бы вспомнить что как это все делается . пишем делитель для того чтобы мы могли повторять вообще школе и абсолютом все это потрясающе
00:12:34 - 00:15:12
ну тогда я позицию я даже прописывает буду вот и нам надо сделать так чтобы это у нас работала только когда по моему по моему это так делается тогда прям когда-то я обожал решать эти задачи когда готовишь с обычных собеседованиям и вот эти вот все базовые задачи так или иначе вспоминаешь а когда ты очень долго не занимались что-то типа тонкий блин когда тоже это было 4 а ты типа такие штуки дело только для собеса никогда не вверх стал данная niver стал последние мол толком не стал последней неверно месяца 8
00:14:22 - 00:15:53
поэтому я вот это вот мне вспомнить надо так вот в общем я структура все вспомнил как это делается вот основную фишку где-то пасхалка так вот осколки наверное оон оно сожмётся он у нас слои был он должен одновременно так мне нужны твои подсказки иначе я но типа дальше у меня что-то голова нету не включается окей хорошо круто что-то вспомнил что наше основное действующее лицо тот input вообще для красоты как семантическая горько вот да реально надо надо смотреть на чеке и в зависимости от того включен он или
00:15:26 - 00:17:08
нет а показывать либо скрывать галочку а давай вернемся к коду и посмотрим где у тебя вообще находится не ну тогда у тебя находится чек мячик находится выше мы его сделаем ниже через точно супер быстро пролетели первую часть нет мы не прилетели первую часть я ведь могу тебя еще подкрашивать ну короче будем делать по подлодок и потому что короче я хочу чтобы ты потом наушники сняла это пропесочили хорошенько так хорошо ты тут употребил позиция нра выйти в какой-то интересно целью расскажи про цель который ты преследовал
00:16:34 - 00:18:26
а в общем я подозревал что контент который у нас love to go может быть каким-нибудь слишком мелким допустим и тогда через позиция абсолют мы воткнём его волна в центр нашего чека и таким образом сможем его потом там увеличивать коллировать так скажем и оставлять в центре то есть какой lacetti же ну из тех что я делал мы делали не какими-то готовыми готовыми символы мире готовы то не знаю картинкой мы какая это все мутили просто палочками в виде там дополнительные элементы у которой у которого есть там допустим левый нижний
00:17:33 - 00:18:51
бурда и получается такой же самый человек вот и его позиции нередко кайла надо из этого просто же на подковки где-то у меня позиция lantis я дела авто или by phone вот и уже в позиции в авто или бифа я закидывал позиция нам салют и уже дальше там каким-то образом ok водка вопрос выравнивания как вообще можно располагать какие способы раскладки css на ты знаешь так не понял вопроса короче смотри допустим вода у тебя есть вот этот вот чек бокс а эта галочка и ты действительно можешь через позиция абсолютно позицию и
00:18:13 - 00:19:47
поедешь на релате в как-то их друг друга выстроить есть ли другие способы ну самый наверное очевидно которую голову приходит через flexx это все сделать просто они также пациентку но там же опять зависит от того какой размер у нас условно у картинки как квадратные она нас не квадратный то есть квадратными все проще сильно с так скажем с не сохраненные один к одному пропорции немножко сложнее становится особенно когда какой ты рад ему надо сделать тогда вот выровнять по центру становится проблематично вот и
00:18:59 - 00:20:16
так уж случилось что я чаще сталкиваться конечно когда через абсолютно делается вот но в принципе да выравнивание по центру говорим то там типа и текст оnline не самый стандартные вот как бифлекс my насчет глэдос ничего не скажу никогда в жизни не использовал поэтому даже понятия не имею что там есть за функционал вот но как правило вы какие то что типа love to before как правило фигачу абсолют а какие ещё есть помимо абсолютно способы позиционирования ты имешь ввиду какой новому позиция еще есть варианты какие вы вспомните в
00:19:38 - 00:20:56
абсолют чаще против абсолют есть fixed есть static ip по моему чистить есть не все знаю как работают но с чем-то столкнулся ok расскажешь при каких короче значениях свойства позиция работает за индекс когда создается новый контекст наложение z-index по моему работают на абсолютных и на фиксированных насчет стики я не знаю как и говорил я один раз только в жизни сталкивался с ним один раз его использовал поэтому но мне кажется что там тоже зад индекс должен работать у статика в принципе смысла в этом не
00:20:17 - 00:21:44
каков никакого нет насчет ли ловить его я не уверен ну типа и работать и там z-index потому что тоже как он кстати мне один раз жизнью всего лишь спрашивали что то как контекст наложения с термином был незнаком мне говорили но это п z-index я такой таки они понимают что за термин переформулируете вопрос и человеку остального окей ванны не знаешь тогда не просто пошел дальше все эти простые к следующий вопрос хотя как бы тема были не сложно но вспомнилось жестко сочувствую чё тут еще можно поковырять пропозиция просто позиция
00:21:00 - 00:22:22
такой классный вопрос позиционирование потому что тут весь опыт всплывает на самом деле вот у тебя у элемента позишн ветер да ему такой сказал топ 5 пикселей сидят хорошо класс по моему блин делайте все сложно потому что он не всегда для меня понятно как работать вот когда я изучал когда читалку теорию он вроде как должен относительно своего места за двигаться вот относительно того места где он сейчас находится в документе в принципе да так и есть что там сдвигается его иллюзорная копия остальные элементы такие типа для нас
00:21:45 - 00:23:26
ничего не случалось вот в случае с позиций абсолют чтобы если мы нет никакого родительство элемента у которого заданы билетов то он будет у нас относительно body выравниваться но спасителем всего документа то есть мы скажем там топ-5 если он просто в левый верхний угол улетит и будет от него 5 пикселей учитывать вот если же мы задаем говорить ему какого-то родителя то он относительно этого водителя начнет выравниваться и дальше уже тогда с индексами можно копаться изгиба проваливать его за какой-то блок либо
00:22:34 - 00:23:53
над каким-то блоком показан а нет ли у нас позиция абсолют внутри позиция абсолютно тут работает так что родительский позиция абсолют начинает работать как делаете для внутреннего позиции то есть у нас просто идет выравнивание относительно вот этого родительского с абсолютом блока и в принципе ничего больше не меняется а так начала давай с этой секции закончен снимайте игрушечки снимай в общем я убавлю хотел слышу я в общем только услышу больше не будешь короче видно что тимур несмотря на то что он утверждает что он мало верстает и
00:23:13 - 00:25:00
не любит это делать в общем человек эфир стал и это очевидно по поводу вопроса право хорошую верстку хорошо что мы посмотрели вообще такое по кроссу он показывает в принципе кругозор кандидата на какие вещи он обращают внимание и он обратил внимание на хороший сорт с точки зрения разработчика но с моей подсказки с точки зрения пользователя хорошо что мы вспомнили про то что пользователь вообще может заметить хороший сибирский и она должна быть чувства и быстро и жаль что здесь не всплыл вопрос просим античность на мой
00:24:08 - 00:25:36
взгляд но потом когда тимур верстальщик бокс он уже его засунул в симпатичную обертку ну лэйбл прямо индия идеальный кандидат для этого и ну короче я поняла что тут тоже не все потеряно вот по поводу позиционирования тимур несколько плавает в данной теме но в принципе видно что сталкивался элементы по страничке расставлял вот я еще хотела спросить его вопрос про типа когда использовать flex и когда год и но если человек при ты не видел то типа смысла в этом я не вижу ничего страшного за концов все на свете можно стать
00:24:52 - 00:26:15
xboxone и вообще это не rocket science надо будет человек разберется вот сейчас я прибавлю мне кажется ты меня писать вал дольше чем я отвечал да ты чё я совсем чуть-чуть вообще легонечко совсем ну что с версткой закончили давай и регион такое замечательные вещи как java script счастья лишние закрою пришли тебе вилочка удочку ссори мне кто-то решил позвонить прямо сейчас потому что это нормально так вот держи ссылку я думаю что да сразу задачка потому что если что-то в spells процессе мы это обсудим и
00:25:34 - 00:27:32
мне как человеку который пишет код не важно увидеть что ты тоже умеешь писать код это у нас удачно чаще чем я не вижу пока твой экран поэтому не могу сказать ну короче тут у нас есть файле get и у нас есть теста 1 share я тебе по интерфейсу расскажу взят пошел photos я пошарил до в общем у тебя справа есть вкладочка теста справа вверху бралась да и вообще когда они по зеленеют будет хорошо и замечательно салюты не подглядывай в общем хочется чтобы ты написал функцию дед ей на вход приходит какая-то последовательность
00:26:40 - 00:29:03
ключей и ей по этой последовательности ключей надо в объекте произвольно вложенности достать значение вот вот там пример чеки есть а или нет на вход вот это к нам такое вот оно все все или нет но все вроде то что у меня какой-то 100 потому что я не понимаю в чем проблема и как будто задачу не дошла до меня нам приходит вот это и нам приходит объект вторым параметром до в котором вот нам надо взять по ключу red а я понял ага это такая псевдо лада shop скайпе мы не можем потому что типа прямо вот это присобачить мы должны это все
00:28:04 - 00:29:53
распарсить и закинуть переменная чтобы потом через квадратные скобки вызывать и так вот забиваем ok для начала массивчик создаем пусть у нас будет работать по тысяч массив мы закинем москвичи на излечение о нам лишь нужно сделать нам блин по хорошим батут реку все бы наверно какой то сделать но я викусик с одними попробуем толкаетесь и здесь мы попробуем пройтись по массиву кея и вызывать значение так нам нужно будет так но я наверно еще одну переменную заведу [музыка] складывать даже все чуть-чуть сложнее я
00:29:17 - 00:32:16
каждую проблему начал понимать или она нервные шло пугать немножко так попробуем тогда а тот тут у нас canson logo никакого нет есть начало компресс ты там купировать но я могу сам функцию там консолька есть если тебе оно поможет есть да вон внизу пока не особо фланга так если функция вызываемые и внизу потому что это у нас функциональное выражение account на ноль реакции так что ему не нравится то как я передаю проводка ему кажется объекта не нравится да я его песка писала же знаешь как на типа прямо в
00:31:20 - 00:33:58
комментарии ладненько знаете стиля в общем я бы назвать о чем не час проблема в чем я сейчас закупался куча мне по хорошему нужно допустим на первом этапе вытащить ступах пройдет а мне нужно короче вытащить из нас the tajik сначала допустимо для первого примера сначала самолет потом вытащить значения . big потом все вместе вот и мне это по-хорошему вы куда-то складывать и обновлять вытаскивать и вот здесь мы наверно вытащим тот же допустим пусть будет просто почему она ругается а не когда-нибудь
00:32:43 - 00:34:58
прочитано использовано до раскладываем общая 5 вот так и в итоге мы должны мне зритель далека как будто бы как будет попросить я мог планировать по-нормальному я об этом проверил но как будто бы вот это должно работать так тесты они автоматом запускаются вообще помогу да увеличена что ничего не понятно значит я не выполнил свою в общем короче у меня типа основная одежда я разбил сначала вот народ big apple затем я объекта нейстат еще у нас вот здесь вот еще место thread его складываю в там под джед у меня следовательно в
00:33:48 - 00:35:37
нем должна появится вот такая штука дальше я в нем уже еще на следующей итерации темп объект от big он выдергивает у меня apple со значением и дальше на последней итерации я должен вытащить как раз значения вот это вот и почему-то у меня не задело по даже цикл а вот ла ла ли ла ла ли он файл изначально консоль ко мне не сильно помогла но мы узнали что он что-то выводит пытаясь понять хочет уводит перенят надписи мне что-то выводит но видимо не то что нужно нас у меня тесты такими прошли еще бы понять что можно вывести
00:35:00 - 00:37:00
она чтобы понять коммунист виктор peter piper на ок ну и кейсы мне нужно это нормально же ситуация была бы как скорее все тесты писал бы я и функцию писал бы я знал чем я функции там допустим да здесь немножко меня гришь поэтому я не знаю что там функции до новый и поэтому не знаю типа где у меня косячили вот интересно won't у стоимость iv кейки валил так так а вот это заменитель она сейчас кейки и волью и он должен вытащить воле но у него нет орске отзыва или вытаскиваю проект он получил окей девы
00:36:20 - 00:38:11
отработала корректно а вторая а второе у меня не отрабатывать то что массив пустой значит тут нужно нам поверх канада века по всей видимости если ясень и они пришли мне полагается так там какие-то новые подъехали так подожди какой link у объекта пардон дня меня просто вот этот массив смузи смутил тут то есть в квадратные скобки поэтому я что-то затупил промышленных масел вот ну давай аяпова лидируем потому что она может сюда прийти но нам либо какой-то объект придет в котором все нормально оливка по
00:37:20 - 00:39:35
которому мы сможем прийти и получить ответ то есть вот допустим вот этот случай да когда у нас пришел кей мы этот кий наш ли им его ли вы вели всякий со замечательно дальше у нас может прийти объект в котором не будет перемена которые нам нужно так тогда нам вот то тут надо проверять что эти поездки существует вообще такое существует когда делаем это иначе а замечательно потрясающе убираю все концы логе чтобы выглядело как будто я все классно сделал и ничего не тестил ну в общем решили приятно когда деле не да да да хорошо
00:38:39 - 00:40:48
что банско подсказка замечательная видимо у меня еще опыта маловато чтобы сразу понимать что может идти пустой я всегда надеюсь что там все будет хорошо и мне пришли то что мне нужно то что не обещали да к сожалению в жизни так часто не было для этого создали такой давай поговорим про собственно java script за счет какого свойства языка не можешь изнутри for a обратиться к переменной темп апч [музыка] ну вообще у нас тут наверно за счет области видимости так сказал у нас line блочной область видимости мы
00:39:43 - 00:41:31
находимся так я переключусь побольше чтобы мне облака мы находимся как а сумки блока в данном случае блоком выступать солнца и тем самым у нас внутри функции везде мы можем вызвать тем о бачек ну кроме тех случаев когда мы пытаемся вызвать до того как мы его обозначили в общем так мой ответ кими он такой хорошо я не совсем это хотела услышать кстати вместе что-то про замыкание хотел услышать да я хотел самая потрясающая она простая формулировка этого термина которые когда-либо читал и слышал что в
00:40:38 - 00:42:22
замыкании это у нас наша функция ее область видимости и в принципе как раз половину этого термина я определил когда сказал что у нас тут есть область видимости у функций и поэтому все переменные которые находятся внутри неё мы можем спокойно внутри этой функции практически в любом месте опять же с поправками на особенности языка вызывать вот то есть мы можем провалиться внутрь и форум мы можем похвалиться антифа мы можем написать дополнительную функцию внутри функции и в ниже опять вызывать вот этот темп обжиг ничего нам вообще
00:41:36 - 00:42:43
мешает так делать вот но сам сама наверно красота замыкание появляется тогда когда мы перекинем допустим вот этот же самый темп объект или мы можем забить он некую функцию в которые положили какую переменную и тем и тем самым как а создали вот этот эффект замыкания что на своде как бы не вызов идет на прямой к переменной а идет в какой-нибудь какому-то элементу которая вернула функции допустим вот тогда типа красота замыкание сама проявляется тэн себя помню меня замечательно вопрос насчет замыкания был
00:42:09 - 00:43:20
типа можно ли сказать что вообще практически все в java скрипте является замыканием я начал долго долго долго думать на начал придумывать варианты когда это неправда и такую энергию нас console.log и мы дошли до того что в принципе console.log это тоже такой имитации замка не за счет того что тебя есть какой-то молодой в консоли в котором лежит функция лог в котором мы можем передать какой то параметр который там замкнется за счет вот этих внутренних механизмов java script а вот сложно может объяснено во блин было
00:42:46 - 00:43:52
потрясающе интервью круто есть чему учиться мне вот ты употребил слово функциональное выражение а чё ещё бывает вращением комментаторы за слово чего я знаю что кого-то это раздражает неформальная обстановка минимуме максимальный комфорт на от этого выражения потому что я и и скидывая там говорят все так абсолютно все от мала до велика от учителей до депутат а вот поэтому есть у нас блин бывает такое когда фишка уклонистов когда у тебя русский термин вылетает на хрен и я твой это вот и остается только английский
00:43:18 - 00:44:53
вариант то есть у нас спешим когда через пень в какую-то ардон exit full screen а когда мы в какую-то переменную за китаем функции у нас получается функциональное выражение но также у нас есть паншин declaration это стандартный так скажем способ объявлять функция когда мы класса через function вызываем функцию вот и особенности в чем у нас функции которые объявлены через банк сам declaration подвигается замечательному замечательную особенности java скрипта под названием всплытия то есть мы можем объявить ее
00:44:13 - 00:45:32
где угодно но при этом вызывать ну и вызывать можем также где угодно и проблем с этим не будет если же мы функциональные выражение попробуем вызвать до того как она была объявлена как раз когда я попытался get вызвать над вот эти над 16 строчкой вот у нас ничего не получится у нас скорее скорее у нас выйдите ошибка по моему reference у нас выглядит убавить хорошо а так ну чё блин чем почему себе говорить о я стала обращать внимание теперь не очень-то в конче нс извините пожалуйста давай снимай наушники мне понравилось
00:44:53 - 00:46:43
что тимур быстро решил задачку вот чувствуется опыт life кодинга у человека я в свое время над этой задачкой сидела наверно минут 20 все никак не могла мозги в порядок перевести поэтому это очень круто секция была не алгоритмическая секция была про java script чтобы посмотреть может ли кандидат писать код вообще рабочий насколько ему комфортно насколько быстро он пишет насколько как он именует переменные что там вообще происходит у него в голове и и тут мне все очень понравилось не хватило немножко
00:45:48 - 00:47:25
валидации аргументов функции но ничего страшного видно что тимур пропал тимур нет бернис наташа неужели я тут одна я всегда с тобой не переживай одиноко него подключен чтобы он понимал что мы его наушники показаться brighter вернулась по поводу каких-то знаний основ языка чувствуется что тимур если и чувство что он на практике с этим всем работ и как на комфортно оперировать всем этим понятием еще конечно чувствуется что эти марк собеседованием готовятся и это явно не первый его самец тут опять
00:46:36 - 00:48:43
же просто чувствуется опыт человека привет привет пойдем кряк я бы хотел сказать что я туда не пойду но давай ввязался то конечно хорошо вообще расскажи про свой опыт с реактором попробовал этот миф ренборг ничего тебя не нравится что не очень опыт с лифтом у меня не так много особенно в вопросах там как позитивного опыта где-то пару месяцев буквально ну по факту там цифра пять шесть месяцев вот я один раз в жизни сталкивался с ангулярным с первым это было ужасно это было очень больно никогда бы в жизни не
00:47:49 - 00:49:19
хотел этого больше повторять вот и немножко на учебных поэты сталкивался с ем разницу примерно чувствую конечно между ними но такая поверхность основания по большей части там по этим канавкам вот чему рассказать view офигенные когда тебе просто надо что-то быстренько накатить на готовую сеялку когда-то там не знаю просто хочешь себя такую формочку на сайт допустим добавить ты фигачишь себя сидел скрипта view и просто начинаешь прямо готовый код уже править ли ок сейчас там один из самых полных так
00:48:42 - 00:49:58
скажем в конго когда используется много где используются самых разных сферах большие какие-то уже приложите с кучей форум с кучей всяких таблицы прочего стараются писать нагуляли вот это из того что я знаю а у тебя есть какая-то любимая react фича чему-то радовался очень сильно когда и это добавили язык языку прибор ну я бы сказал что и потому что пришлось застать в семнадцатом году 15 версию реактор который еще была не социальной версии авиации 0.15 вот когда реально ты выбирал между классовыми
00:49:21 - 00:50:49
функциональными компонентами пытался максимальным все уменьшить как как можно сильнее пытался все максимально там простые компоненты писать для того чтобы как можно чаще функционально фигачить вот и как можно меньше классно сделать вот и за счет как раз введения хуков мы наконец-то ушли от этого мы сейчас можем либо все писать на классах и кайфовать если нам это менять либо все писать на фунт на функциях вот и мне на самом деле вот и рядом с фактом немного мне нравится фича которая из редакция под
00:50:05 - 00:51:18
названием ридак стул кит когда нам можно теперь мутировать состоянии так как мы хотим и дальше у нас за нас уже библиотечка разбирается и все решает а вот когда мутировать нельзя было было достаточно больно особенно с объектом окей давай с тобой перейдем к задачки она такая скорее боль болта льна потрясающего так сейчас я пошла века так вот тут очень тяжело будет увеличить шрифт потому что тут много где же эмодзи что у тебя за операционная система ubuntu васю нас на 4-ой нет выслушают этого я конечно не могла предугадать а на самом
00:50:41 - 00:52:30
деле вместо вот этих квадратных штучек должны быть сердечки да давай найдем их в коде и заменим его что-нибудь но один смог сердечки добавить тут напишем like и dislike выйдет не так красиво на поля like и dislike это же кнопка были как-то не так может быть не может not like to 20 у нас там просто какой то он дал меня лайк оставьте вот dislike давай сделаем это 1000 лайков и прочим пор бочин тут у нас потрясающее приложение twitter цветами вот где в главных ролях мы с тобой и что это приложение умеет она умеет
00:51:50 - 00:54:06
в общем ты можешь полайкать что-нибудь нажми на not like вот видишь ты змий изменил ситуацию вот и что хочется тут увидеть хочется чтобы ты посмотрел на код этого приложения и паре факториал его нашел в нем какие-то проблемы возможно с производительностью возможно вот если условной проблемы с производительностью она все-таки такое маленькое вот возможно какие-то структурные штуки в общем просто интересно твои мысли послушать ух ты вот в рефакторинга конечно очень слаб это вообще факт но не думаем так
00:52:59 - 00:54:26
давай самого начала пойдем у нас есть ли ты есть и easily текст дальше мы дальше мама пим эти твиты проходим к ним выдергиваем а ну вот вот этой об наверно сразу что в глаза бросается с точки зрения того как у нас ли rendering работает ну в общем не самая классная идея использовать яндекс такой либо яндекс из массива для того чтобы указывать его в качестве ки просто потому что мы можем дальше массив перевел одну теперь добавлю не только добавлять но еще удалять что-нибудь мы можем что-нибудь добавлять все единому
00:53:44 - 00:55:38
сила в начало массива и так далее тогда у нас индексы поменяются и следовательно у нас вместо того чтобы допустим перерисовать территории совать только один твит у нас переписываться может абсолютно все твиты то есть в идеале насколько я понимаю вот где-то здесь сгенерить уже какие-нибудь готовые техники самый такой простой вариант лоб гаишники этот итог допустим понятно что они в оригинальном скорее всего каким-то образом zafira van и так далее они не следовательно вот и здесь мы можем это единый консоль тоже есть я проверю тебя
00:54:41 - 00:56:23
на всякий случай литургия что я делаю 1 алагир естественно внутри ветер ну ладно мы можем вывести com верните допустим науки я думаю тут все хорошо окей да проблем не должно быть настолько сложится дальше от with like like 500 раз яндекс [музыка] ну-ка у нас да у нас все еще работает у нас листай там туда передается твит туда переться лайк лайк у нас like у нас передался но при этом весь он ага он есть окей он проваливается до конца the zone like it like that wins оаэ как раз проверяется вот тут вот яндекс и то
00:55:36 - 00:58:08
верно также заменим просто на твиттере должно в моей голове вот это вот посмотрим что то тут очень как-то хота всего или так мы проходим ся по всем твитам находимся не по книгам да кстати странное какое-то вот это вот условие она мне нравится если вот чисто проверил свою догадку и перестал я просто не до конца понимаю как это работает как если у нас включая твиты иди там и так проверяем 2 390 я чуть не могу понять что это условие делает она меня в ступе водит мы как будто этот угол у тебя кнопка
00:56:54 - 00:59:31
этот угол то есть если ты меня ножа и у тебя идиш них уже был в списке когда надо исключить оттуда если вы не было то его надо добавить у нас массив числа все класс вот это в общем как как бы я ты реализуй должно знаю я бы наверное изначально в тупую водил бы статус для каждого цвета типа залай канава незлой can и вот потому что здесь тебе приходится проходить каждый раз по куча цветов их же может быть не 4 их может быть там тысячи допустим и каждый раз сравнивать каждый ганс там фильтровать или
00:58:34 - 01:00:16
складывать все это вот и это может быть проблемой то есть как это в нормальных крутых приложениях делать я не скажу но я бы попробовал как раз вот просто допустим водить здесь какую-то переменную и дальше пой о и технику допустим менять как раз вот этот угол для конкретного вот но в принципе ладно это такое так есть ли он like it a stock твит лайки лайки ту нас как определяется мы закладываем дверь и закладываем она как то есть принципе да я бы вот это вот наверное поменял на то что блай как сделать прямо
00:59:25 - 01:00:56
в объекта не знаю насколько это нас ускорит но такое ощущение что это нас вскоре ты здесь мы уже не будем здесь дополнительно проходится каждый раз на ляган дырень допустим на первоначальные есть там еще что то добавляться по всем like tweets мы просто не сможем выдергивать конкретно вот и тут тогда мы также досветла окей ну давай для того чтобы у нас осталось некоторая интерактивность оставим все как есть но я с тобой согласна и в принципе я больше больше ничего глаза не бросается поэтому наверное все из это окей хорошо давай в
01:00:11 - 01:02:00
компонент battle добавим консоль лоб который будет что-нибудь вывозить например слова рендер 0123 почему нет сколько раз она училась хорошо давай теперь лайкнем какой-нибудь лет а еще четыре раза то есть у нас идет перед н да так а почему он исходит ощущение что как раз из-за того что надо сейчас подумай у меня еще не чтобы коса за лайкер tweet то есть он каждый раз пытается пересчитать из-за того что вот этот вот массив мог изменить на не мог измениться он патриком как изменился вот из этого типа
01:01:06 - 01:02:44
идет перерасчет типа like note не лайкнут а и тем самым места там перед тоже пересчитываться тут наверное правильно было бы вот эту вот часть онлайн перенести извилистой там прямо внутрь лист элемента для того чтобы у нас здесь пересчет этого не шло вот и point такой проблематичный момент с этим тоже надо что то делать вообщем я понимаю проблему но как решить в лобешник у меня отчета идея нет ну то есть логично что это надо куда-то глубже засунуть и допустим здесь все высчитывать конкретно out with a like
01:01:59 - 01:03:45
прямо здесь определять вот у каждого и тогда нам как будто не понадобится вообще вот эта вот штука а давай с тобой вспомним из-за чего вообще может происходить рио рендер компонента у нас данное какие-то изменились которые относятся к текущему компоненты лик там ходили скам компоненту у нас будет вызвать на верандах если мы там никакую мимо и за цию ещё что-нибудь не врубили то у нас будет там пересчитывать там все дочерние элементы условно перри считаются и так далее вот но здесь в воде мы попытались защититься от аренды
01:02:54 - 01:04:29
вот такой штукой чтобы у нас индекс поменялся демосе во мне кажется закапываю с куда то не туда дома ну давай посмотрим вот у нас от аренды рид лист элемент следующий компонент до вечерней давай посмотрим что приходит в лист элемент тебе шлюзе да какие у него пропсы твиты он лайк то есть у нас функция которая как раз за того отвечает и сам тверь если что-то из этого изменится будет ли вы этого компонента конечно может быть что-то из этого изменилось у нас он like изменился как раз скорее всего из-за того что тут цвет light with
01:03:44 - 01:05:39
меняться на каждый лайк то есть каждый раз у нас идет перерасчет вот этого из этого у нас онлай как будто меняться вот и и здесь он тоже делает вид что он изменился но не делать вид он изменился и тем самым вызывают перри гандо то есть category у меня как будто вариант лайку в саму сам-то гал закинуть сюда но как мы это потом у меня в голове таковы сочный типа это же потом надо куда-то стоит менеджер передать а потом это надо передать его куда-то нам экран вот вроде как ник всего прямо с действовали вот но вроде как они решили
01:04:40 - 01:06:02
смотри у нас действительно каждый раз меняется on like но не потому почему ты считаешь да тогда нужны твои пояснение хорошо от смотри у нас функция обработчик создается каждый раз заново при рендере компонента об видишь там стрелочная функция функция передается как проб дальше что происходит в компоненте на самом деле там ничего не происходит это каждый раз для него разная функция потому что ссылки разные и соответственно он перерисовывается а то дай скачен чтобы этого избежать ну в общем не рекомендуют создавать
01:05:23 - 01:07:22
обработчики через стрелочные функции но обычно это довольно такая легковесная проблема но то есть обычно это вообще не проблема но знать про это можно так как тут правильный вариант какой то есть если мы вот это вот убираем стрелочным функцию каким образом мы должны все это задать нужно унести этот обработчик скорее всего внутри компоненты действительно но то есть но она правильно думать и до обрати внимание что здесь изменяется не только обработчик она у нас в принципе да ведь меняется но как пересчитывается скорее
01:06:21 - 01:07:52
всего каждый раз из-за того что у нас лайки ты тоже меняется вот над этим и что про что-нибудь можно сделать вы как и говорил что если мы об их гонщик удачным сюда то нам логично и лайкер допустим закинуть прямо сюда и у каждого цвета то есть в лист элементе каждого twitter просто отдельно смотреть и уже не париться на счет этого вот но как будто еще какое-то решение должно быть ну вот именно в нашем сценарий когда она не внутри цвета поэтому я бы наверно попробовал вытащить вот это вот like it includes
01:07:08 - 01:08:44
вот куда-то сюда здесь вот это вот вид формировать то есть пойти допустим ходить но хотя тоже гиганта врезаться в общем тоже у меня ступор и не знаю нам вообще принципиально имеете в данном случае like ты внутри твита или мы можем допустим передать его отдельно во мне как один через весь вид чтобы добавить к нему новое поле а то есть маги не видим новый объект из этого так происходит а мы могли бы в новой переменной типа создать отдельно от with a light и просто туда уже gene ведь и таким образом мы бы типа каждый раз повелели
01:08:11 - 01:09:49
на то что нас бы не формировался новые объекты не формировалась бы новая ссылка на него исследователя нее был обыгран так подожди он бы все равно был бы ну мы до этого дойдём так окей дальше будут еду но мы можем попробовать довольно та ладно давай вспомним как вот помнишь раньше когда мы у деревья были большими мы были маленькими не компоненты были на классах была такая история как пьюр компонент само название помню я помню что с ним что-то не так было но вот сейчас уже не вспомню в чем-то был
01:09:00 - 01:10:54
прикол а почему их использовали вообще типа чистая функция чего у нас такой жесткой все допустим да мне и не подожди подожди это не про то это не все туда это это конечно интересно но мы сейчас короче а фишка была в том что у него было в отличие от обычного компонента реализован один метод называться шут компонентами для него немножко помню там мы долго могли передать ему на вход стоит хопс и дальше в зависимости от того изменилось у нас или не изменились стоит и флоксы каким-то avanti пакетами 17 проводить
01:09:58 - 01:11:10
или не проводить то есть он у нас насколько я помню как раз отвечал за то чтобы давать возможность передать доверять или не давать зависимости от того там какие условия внутри с работами вот и сейчас у нас уже мы пишем компоненты на функциях обычно но в общем было бы круто же все равно да умеет иметь возможность сверять старый проб с новыми процессами и если они не изменились то делать делать нечего как будто вопрос какой то должен следовать мира не услышал типа какие сейчас у нас есть возможность чтобы так
01:10:38 - 01:12:02
поступать как бы ты сделал как бы периле завал то же самое вот к нам и к нам приходит твит и мы могли бы сравнить что это тот же самый твит и не перерисовывать компоненты и все что ниже по дереву ну как бы наверное ним и руками возможно уже в реакции есть какое-то средство которое умеет делать вообще вообще у нас есть мимо и зация как раз которая следит за тем что типа если данные какие-то перешли которые уже были и что мы уже там высчитывали какое-то значение то знаю входящие данные мы можем не перри
01:11:22 - 01:12:42
не пересчитывать исследователи как бы не тратить ресурсы никакие если и вопрос об этом мы короче да речи номинализации в реакции есть замечательная функция мимо в которое можно обернуть компоненты и вот она вот эту проверочку как раз классную сделает и все бы по красоте вот задачку мы с тобой разобрали по большей части на словах но тем не менее вот я даже не знаю надо ли тебе снимать наушники уже в третий раз или мы это как-нибудь закруглимся так как тебе удобнее смотрю я ж не знаю что ты говоришь когда я
01:12:05 - 01:13:39
снимаю наушники поэтому я не знаю нужно ли тебе сейчас [музыка] окей снимай ой бедный тимур наверное весь вспотел в общем что я вижу по задачки про react уж я вижу что у кандидата есть опыт работы с фреймворком я вижу что он всякие базу орды нужны знает там вот мимо ре зация что-то там еще но при этом не совсем понимает как это все работает внутри ну это в принципе наверное ничего страшного вопрос в том насколько принципиален компания именно опыт работы с реактором не знаю может быть там какие-нибудь сложные приложения
01:12:52 - 01:14:29
которые надо классно оптимизировать уметь может быть там какая-нибудь не знаю одна страничка с формочками непонятно вот я бы скорее всего вот эту вот задачку тимуру не зашла если он ко мне на собеседование с не пришел привет уход в этом месте я тебе говорю спасибо большое тимур что пришел пообщаться в нашу прекрасную компанию и спрашиваю если у тебя возможно вопросы ко мне вот вот этот купить платок и ну на этом обычно все заканчивается и мы говорим вам перезвоним то что я сейчас скажу им собеседники аж
01:13:41 - 01:15:07
ника в жизни говорить не стал но тем не менее короче я примерно точить оставляем что примерно ну формат самый непонятен был конечно тебе не рассказывала как ты будешь проводить но мне было понятно что типа если будут вопросы по верстке подвеса скорее все пойдет хорошо как только придет реакции не рассказывают станет больно во всех местах потому что в принципе у меня какие-то базовые знания есть побольше части теоретически вот и нужно еще там кучу времени потратить на то чтобы действительно и внутренности покупать и
01:14:32 - 01:15:37
разобраться с этим всем как раз вот базы jackson's кого уже есть на которой все это можно строить вот поэтому как раз ты мне еще раз убедило в том что я даже там на простом примере могу запутаться потому что мозг там привыкаю в парадигме там java script а какого то более менее чистого думать вот этот подъехали компоненты подъехали закидывание пруссов и еще что-то передан директом вопрос оптимизации которые никогда в жизни не капал и мы там в твиттере допустимых задели буквально там 2 дня назад всего
01:15:04 - 01:16:09
лишь и вырос и какие-то там дебри услышал будь то там где панцире по wifi link еще что то поэтому в общем еще надо копаться еще надо разбираться сверх там остальном всё классно ну круто что ты для себя определил какие-то зоны роста куда тебе дальше лежать ну это вообще нет затем может быть ряд конечно это может быть вообще любой приборку по твоему выбору совершенно все неважно мне кажется главное что было была хорошая железная база остальное вопрос времени вот добавить сокращать поташа а вот я уже вижу у вас
01:15:36 - 01:17:11
кстати сегодня очень там это пожалуй наверно самая компактная публичную собеседование которое было в нашем канале потому что обычно это мой разговор на часа два вы прям очень информативно но и при этом очень быстро так уложились и я думаю что доставили большое удовольствие всем кто нас сегодня слушал спасибо вам за это огромное большие большие молодцы чему ты сегодня герой ущемлена как всегда красотка и если употреблять сочетать комментариев очень много тепла в свой адрес услышите ну а мы говорим все самая
01:16:24 - 01:17:29
теплая в адрес наших слушателей вот лента кончик быстренько умотала видимо смотреть комментарии и возможно там еще вернется а вот и надо к нам обратно то и прибежала мы решили что ты ушла смотреть комментарии а так и было на самом деле я нажала не на ту кнопку короче и все как попало и широтах знаменитые слова но вернулся домой вновь вологда ты был формат публичного собеседования очень классный формат надеюсь что всем он был сегодня полезен и не тимуру елене и симптомы сегодня слушал 13 августа ждем
01:16:56 - 01:18:16
вас на следующий публично собеседования такой вот колер для тех кто нас слушает потому что она нас мы еще не давали скоро он появится и нашему герою будет играть коллег елены это тоже придет нам собеседовать киндера ну а кого вы собеседователей также узнаете поэтому подписывайтесь такси колокольчики посмотрите наших каналов потому что там этот раз все дела нанси ruim и конечно же подписывайтесь на наш twitter сегодня все рекламирует twitter я уже на всех спасен типа скидывала поэтому в принципе да ну и на этом пожалуй все
01:17:36 - 01:19:01
а если вы вдруг скучаете по нашим публично собеседования на канале есть плейлист который можно заходить просто все ссылки в описании много всего интересного опять же напоминаю что есть роберт на следующий сезон подлодки но а если вы хотите подтягивать свои знания если вы хотите учиться с удорский какой-либо другой программе связан с программированием то приходите на сайте а кто там у нас на платформе очень много классных интересных программ поэтому приходите к нам учиться всем огромное спасибо до новых встречь и пока
какие вопросы задают на собеседовании frontend разработчикам что нужно знать ли 2 программисты который занимается фронтэнда об этом и не только сегодня в нашем публичном собеседование рада всех приветствовать меня зовут наталья мусина и я комьюнити-менеджер онлайн-школы программирование секс и дальше вам канале вы сейчас как раз и находитесь мы часто приглашаем себе разных экспертов в области а эти проводим уроки вебинары по программированию и разработки проводим review резюме и ну и конечно же про
00:00:02 - 00:01:04
вольным один из наших любимейших форматов это собеседование в прямом и давайте сначала знакомиться с нашими ребятами которые сегодня согласились доблестно в этом деле участвовать с нами в фиде елена рожкова надо будет как раз чуть позже тоже про себя очень подробно рассказывать или on привет привет привет не знаю насчет подробно но что-нибудь скажу сейчас мы вырвемся я здесь не главное действующее лицо и су-100 на состояние моего интернета желания не обращайте самое главное чтобы ребят было хорошо слышно
00:00:34 - 00:01:50
ну блин да расскажет и с нами сегодня наш герой тимур сафиуллин который будет сегодня проходить это публичные собеседования тимур привет ну и прежде чем мы перейдем к нашей публичке для начала расскажу что у нас здесь точат youtu.be и вы здесь как раз можете спокойно общаться дискутировать обмениваться мнениями решать задачи которые лето будет ставить тимур отвечать сами знают те вопросы которые она будет ему задавать общем все это дело на для вашего общения и вот вот такая вот небольшая вводная собственно
00:01:26 - 00:02:38
делаете делайте что хотите общаетесь хотите самое главное помните арам приличия и будете доброжелательны друг друга и вы как раз можете поставить нам сейчас в чате усик и если все хорошо видно все хорошо слышно вот уже сказали что у меня есть небольшая проблема со звуком но я думаю что скоро потом вам это будет не актуально но и опять же прежде чем мы перейдем к нашему собеседования напомню что сегодня у нас не просто эксперт у нас в гостях как раз представители контента не только недавно закончили
00:02:03 - 00:03:19
второй сезон своей недели фронтэнда то термин выступала на одном из круглых столов практически открывал эту неделю но и ребята сейчас тоже начинает активно готовиться уже к третьему сезону а это значит что по ссылке в описании вы сможете уже найти билеты роберт а для тех кто хочет в этом деле поучаствовать поэтому переходите по ссылке в описании и так на этом все вводные закончены я вижу наши плюсики ну а значит я на горе сюда скрываться или переходить к вам вообще не в чат и передавать слово леня для того чтобы
00:02:40 - 00:03:51
сначала немножко рассказала о себе но когда начала вести на публичные собеседовать вена давай спасибо наташа так вообще меня зовут лена я работаю этих рядов front end of замечательно компании aviasales новых авиабилетов если кто-то еще не знает вот еще я вхожу в программный комитет замечательные фруктовые конференции подлодка front and crew и у нас было даже не неделя фронтэнда целых две недели между прочим и офигительных видели вот и у нас есть тоже формат публичных собеседований как одна из активностей и возможно
00:03:16 - 00:04:40
возможно мы сегодня проведем его по под лодочки возможно нет посмотрим как пойдет вот давай тимур знакомиться тимох меня зовут до на самом деле еще полгода наверное или чуть даже больше назад я назвался junior с кончиком сейчас уже вроде как подкачался до метла надеюсь что подтвержу это звание сегодня я работаю в небольшой тульской компании и или у виджеты для веб-сайтов а можешь рассказать про какой-нибудь выдачу из твоего опыта которая тебе я запомнилось больше всего ух ты как бы так на словах
00:03:58 - 00:05:28
объяснить чтобы было понятно в общем я предыдущая моя работа я работал на одну московскую контору и была задача сделать на активном сайте переход между кейсами в таком прикольном стиле мы достали валида конца страницы там выходил блок в котором была типа превью следующего кейса ты нажимаешь на него и у тебя без перезагрузки подъезжать следующий кейс от предыдущей уходит вот я впервые там подходу библиотечку под названием баба джесс которая позволяет такое реализовывает на не сингл пейдж applications
00:04:43 - 00:06:01
на нормальных сайтах вот и владение это даже выкатили весной заходил на сайте там вот это вот фишечка существует работает его один они конечно ужасно приятно когда что-то твои живет и можешь показать и пойти к тем это я сделала это вот ну круто чо я хочу тебя сегодня по собеседовать по верстке по java скрипт ui паре акту мне кажется даже по большей части скорее практически чем теоретически но давай начнем так слегонца в общем и вообще верстать любишь терпеть ненавижу просто как бы приходилось приходилось
00:05:22 - 00:06:52
очень много кстати поэтому я в последнее время когда ищу работу и говорила можно вот что постигло максимально мало вот там процентов 20 на 80 максимум вот и пока получается что очень жаль тоже поговорим ничего страшного даже часть часть неба ага расскажи вы как ты вообще думаешь какая для тебя верстка хорошая так вот ты понимаешь что сверстана хорошо учитывая что у меня есть небольшой опыт фриланса для меня если табуляции соблюдены это уже неплохо если там не используется bootstrap с его стандартными классами в тихо ными везде
00:06:08 - 00:07:41
где можно и где нельзя это вообще замечательно вот но в целом современный вязкий об сказал что круто когда там сделано все блоками сделаны по методологии ну в общем так чтобы я мог взглянуть на код и понимать что мне с ним будет примерно там не знаю потратить две три минуты уже начать с ним работать если мне приходится разбираться дольше часа с кодом то есть вы йоркской точно что-то не так сделано то есть точки зрения разработчика ты можешь оценить хороший с точки зрения пользователя например если
00:06:56 - 00:08:19
говорить конкретно про верстку мне кажется достаточно сложно с точки зрения пользователя оценить конкретно потому что но в последнее время такое изобилие конструктору различных и в принципе cms ок нормальных готовых шаблонных тем и так далее что найти отвратительный ужасный сайт достаточно тяжело вот но если мы говорим какие-то проблемы мне кажется может поспать поехавшая вязкая как например мобильном твиттере в последние недели вот когда все жалуется что не могут подписаться никуда и не на кого . выдаст я боюсь честно обновлять
00:07:37 - 00:08:53
твиттеру себя просто на телефоне поэтому если у меня вот так же поедет я просто как газово кастовость потому что не будет нечем заняться ну и наверно а второй момент что figures когда ты заходишь на сайте он очень долго грузится то есть там скорее всего что-то низ оптимизировали куда то не туда скрипты прописали или как-то не так их приписали что в итоге особенно на мобильном интернете максимально долго все работает максимально долго грузится оак ней супер а ну что ты готов наверстать довакина тебе ссылочку на
00:08:15 - 00:09:42
codes in box залогиниться там пошарь экранчик чтобы наслаждались этим не только мы с тобой ох ты мы с тобой говорили про код пэн ну ладно либо я я могла что-то не так сказал проблемы с мантами это так ладно ничего страшного да право что-то тут изменился блин интерфейс давно нет это не то ссылка закрой закроет ссылочку не все как обычно пошло через жопу ладно давай вот тебе еще одна но ты уже видел спойлеры там там был рядом это все что его виду вот это кажется тоже вверх господи я надеюсь она то сейчас да вижу тебя
00:08:58 - 00:11:28
короче чё я хочу мне хочется чтобы ты стал кастомный checkbox вот вот галочкой из индии а остальное весь дизайн он как бы он знаешь на твое усмотрение он может быть настолько упоротый насколько ты захочешь почему именно красный мячик босс почему нет холодно я я вспомню по ходу но мы чуть-чуть под затянем скорее всего мне надо комментировать то что я делаю я могу замутится и сидеть знаешь будет круто если ты будешь комментировать потому что иначе это будет очень уныло и во-первых зрелища а во-вторых хочется
00:10:26 - 00:11:55
понять как бы что ты думаешь в процессе еще тут люди просят увеличить шрифт потому что им ничего не видать замечательно так потрясающая думаю я его что вспоминаю когда нам надо кастомный чебоза фигачить по сколько я помню нам на ему положить прямо в лейбл чтобы потом внутри лейбла уже писать свои какие-то блоки привет которые можем что ты сможешь ты делать это не обязательно может там через соседние себя ты что-то поделать но 3 не менее у нас 100 у нас под подгузник до подкуплен класс зададим так что мы делаем дальше мы не здесь
00:11:11 - 00:13:58
нарисуем какой-то дальше небольшой стиль [музыка] у нас было рамочка зададим еще шириной 120 пикселей у нас уже половина дела готова так моде пока себе рейс каким готовые модели в описании есть задачки там прям галочка смотри когда кристалла вот это да еще я тебе сразу напомню что у нас тут для простоты меня react поэтому там не класса классным а дальше йауму ко всем я бы вспомнить что как это все делается . пишем делитель для того чтобы мы могли повторять вообще школе и абсолютом все это потрясающе
00:12:34 - 00:15:12
ну тогда я позицию я даже прописывает буду вот и нам надо сделать так чтобы это у нас работала только когда по моему по моему это так делается тогда прям когда-то я обожал решать эти задачи когда готовишь с обычных собеседованиям и вот эти вот все базовые задачи так или иначе вспоминаешь а когда ты очень долго не занимались что-то типа тонкий блин когда тоже это было 4 а ты типа такие штуки дело только для собеса никогда не вверх стал данная niver стал последние мол толком не стал последней неверно месяца 8
00:14:22 - 00:15:53
поэтому я вот это вот мне вспомнить надо так вот в общем я структура все вспомнил как это делается вот основную фишку где-то пасхалка так вот осколки наверное оон оно сожмётся он у нас слои был он должен одновременно так мне нужны твои подсказки иначе я но типа дальше у меня что-то голова нету не включается окей хорошо круто что-то вспомнил что наше основное действующее лицо тот input вообще для красоты как семантическая горько вот да реально надо надо смотреть на чеке и в зависимости от того включен он или
00:15:26 - 00:17:08
нет а показывать либо скрывать галочку а давай вернемся к коду и посмотрим где у тебя вообще находится не ну тогда у тебя находится чек мячик находится выше мы его сделаем ниже через точно супер быстро пролетели первую часть нет мы не прилетели первую часть я ведь могу тебя еще подкрашивать ну короче будем делать по подлодок и потому что короче я хочу чтобы ты потом наушники сняла это пропесочили хорошенько так хорошо ты тут употребил позиция нра выйти в какой-то интересно целью расскажи про цель который ты преследовал
00:16:34 - 00:18:26
а в общем я подозревал что контент который у нас love to go может быть каким-нибудь слишком мелким допустим и тогда через позиция абсолют мы воткнём его волна в центр нашего чека и таким образом сможем его потом там увеличивать коллировать так скажем и оставлять в центре то есть какой lacetti же ну из тех что я делал мы делали не какими-то готовыми готовыми символы мире готовы то не знаю картинкой мы какая это все мутили просто палочками в виде там дополнительные элементы у которой у которого есть там допустим левый нижний
00:17:33 - 00:18:51
бурда и получается такой же самый человек вот и его позиции нередко кайла надо из этого просто же на подковки где-то у меня позиция lantis я дела авто или by phone вот и уже в позиции в авто или бифа я закидывал позиция нам салют и уже дальше там каким-то образом ok водка вопрос выравнивания как вообще можно располагать какие способы раскладки css на ты знаешь так не понял вопроса короче смотри допустим вода у тебя есть вот этот вот чек бокс а эта галочка и ты действительно можешь через позиция абсолютно позицию и
00:18:13 - 00:19:47
поедешь на релате в как-то их друг друга выстроить есть ли другие способы ну самый наверное очевидно которую голову приходит через flexx это все сделать просто они также пациентку но там же опять зависит от того какой размер у нас условно у картинки как квадратные она нас не квадратный то есть квадратными все проще сильно с так скажем с не сохраненные один к одному пропорции немножко сложнее становится особенно когда какой ты рад ему надо сделать тогда вот выровнять по центру становится проблематично вот и
00:18:59 - 00:20:16
так уж случилось что я чаще сталкиваться конечно когда через абсолютно делается вот но в принципе да выравнивание по центру говорим то там типа и текст оnline не самый стандартные вот как бифлекс my насчет глэдос ничего не скажу никогда в жизни не использовал поэтому даже понятия не имею что там есть за функционал вот но как правило вы какие то что типа love to before как правило фигачу абсолют а какие ещё есть помимо абсолютно способы позиционирования ты имешь ввиду какой новому позиция еще есть варианты какие вы вспомните в
00:19:38 - 00:20:56
абсолют чаще против абсолют есть fixed есть static ip по моему чистить есть не все знаю как работают но с чем-то столкнулся ok расскажешь при каких короче значениях свойства позиция работает за индекс когда создается новый контекст наложение z-index по моему работают на абсолютных и на фиксированных насчет стики я не знаю как и говорил я один раз только в жизни сталкивался с ним один раз его использовал поэтому но мне кажется что там тоже зад индекс должен работать у статика в принципе смысла в этом не
00:20:17 - 00:21:44
каков никакого нет насчет ли ловить его я не уверен ну типа и работать и там z-index потому что тоже как он кстати мне один раз жизнью всего лишь спрашивали что то как контекст наложения с термином был незнаком мне говорили но это п z-index я такой таки они понимают что за термин переформулируете вопрос и человеку остального окей ванны не знаешь тогда не просто пошел дальше все эти простые к следующий вопрос хотя как бы тема были не сложно но вспомнилось жестко сочувствую чё тут еще можно поковырять пропозиция просто позиция
00:21:00 - 00:22:22
такой классный вопрос позиционирование потому что тут весь опыт всплывает на самом деле вот у тебя у элемента позишн ветер да ему такой сказал топ 5 пикселей сидят хорошо класс по моему блин делайте все сложно потому что он не всегда для меня понятно как работать вот когда я изучал когда читалку теорию он вроде как должен относительно своего места за двигаться вот относительно того места где он сейчас находится в документе в принципе да так и есть что там сдвигается его иллюзорная копия остальные элементы такие типа для нас
00:21:45 - 00:23:26
ничего не случалось вот в случае с позиций абсолют чтобы если мы нет никакого родительство элемента у которого заданы билетов то он будет у нас относительно body выравниваться но спасителем всего документа то есть мы скажем там топ-5 если он просто в левый верхний угол улетит и будет от него 5 пикселей учитывать вот если же мы задаем говорить ему какого-то родителя то он относительно этого водителя начнет выравниваться и дальше уже тогда с индексами можно копаться изгиба проваливать его за какой-то блок либо
00:22:34 - 00:23:53
над каким-то блоком показан а нет ли у нас позиция абсолют внутри позиция абсолютно тут работает так что родительский позиция абсолют начинает работать как делаете для внутреннего позиции то есть у нас просто идет выравнивание относительно вот этого родительского с абсолютом блока и в принципе ничего больше не меняется а так начала давай с этой секции закончен снимайте игрушечки снимай в общем я убавлю хотел слышу я в общем только услышу больше не будешь короче видно что тимур несмотря на то что он утверждает что он мало верстает и
00:23:13 - 00:25:00
не любит это делать в общем человек эфир стал и это очевидно по поводу вопроса право хорошую верстку хорошо что мы посмотрели вообще такое по кроссу он показывает в принципе кругозор кандидата на какие вещи он обращают внимание и он обратил внимание на хороший сорт с точки зрения разработчика но с моей подсказки с точки зрения пользователя хорошо что мы вспомнили про то что пользователь вообще может заметить хороший сибирский и она должна быть чувства и быстро и жаль что здесь не всплыл вопрос просим античность на мой
00:24:08 - 00:25:36
взгляд но потом когда тимур верстальщик бокс он уже его засунул в симпатичную обертку ну лэйбл прямо индия идеальный кандидат для этого и ну короче я поняла что тут тоже не все потеряно вот по поводу позиционирования тимур несколько плавает в данной теме но в принципе видно что сталкивался элементы по страничке расставлял вот я еще хотела спросить его вопрос про типа когда использовать flex и когда год и но если человек при ты не видел то типа смысла в этом я не вижу ничего страшного за концов все на свете можно стать
00:24:52 - 00:26:15
xboxone и вообще это не rocket science надо будет человек разберется вот сейчас я прибавлю мне кажется ты меня писать вал дольше чем я отвечал да ты чё я совсем чуть-чуть вообще легонечко совсем ну что с версткой закончили давай и регион такое замечательные вещи как java script счастья лишние закрою пришли тебе вилочка удочку ссори мне кто-то решил позвонить прямо сейчас потому что это нормально так вот держи ссылку я думаю что да сразу задачка потому что если что-то в spells процессе мы это обсудим и
00:25:34 - 00:27:32
мне как человеку который пишет код не важно увидеть что ты тоже умеешь писать код это у нас удачно чаще чем я не вижу пока твой экран поэтому не могу сказать ну короче тут у нас есть файле get и у нас есть теста 1 share я тебе по интерфейсу расскажу взят пошел photos я пошарил до в общем у тебя справа есть вкладочка теста справа вверху бралась да и вообще когда они по зеленеют будет хорошо и замечательно салюты не подглядывай в общем хочется чтобы ты написал функцию дед ей на вход приходит какая-то последовательность
00:26:40 - 00:29:03
ключей и ей по этой последовательности ключей надо в объекте произвольно вложенности достать значение вот вот там пример чеки есть а или нет на вход вот это к нам такое вот оно все все или нет но все вроде то что у меня какой-то 100 потому что я не понимаю в чем проблема и как будто задачу не дошла до меня нам приходит вот это и нам приходит объект вторым параметром до в котором вот нам надо взять по ключу red а я понял ага это такая псевдо лада shop скайпе мы не можем потому что типа прямо вот это присобачить мы должны это все
00:28:04 - 00:29:53
распарсить и закинуть переменная чтобы потом через квадратные скобки вызывать и так вот забиваем ok для начала массивчик создаем пусть у нас будет работать по тысяч массив мы закинем москвичи на излечение о нам лишь нужно сделать нам блин по хорошим батут реку все бы наверно какой то сделать но я викусик с одними попробуем толкаетесь и здесь мы попробуем пройтись по массиву кея и вызывать значение так нам нужно будет так но я наверно еще одну переменную заведу [музыка] складывать даже все чуть-чуть сложнее я
00:29:17 - 00:32:16
каждую проблему начал понимать или она нервные шло пугать немножко так попробуем тогда а тот тут у нас canson logo никакого нет есть начало компресс ты там купировать но я могу сам функцию там консолька есть если тебе оно поможет есть да вон внизу пока не особо фланга так если функция вызываемые и внизу потому что это у нас функциональное выражение account на ноль реакции так что ему не нравится то как я передаю проводка ему кажется объекта не нравится да я его песка писала же знаешь как на типа прямо в
00:31:20 - 00:33:58
комментарии ладненько знаете стиля в общем я бы назвать о чем не час проблема в чем я сейчас закупался куча мне по хорошему нужно допустим на первом этапе вытащить ступах пройдет а мне нужно короче вытащить из нас the tajik сначала допустимо для первого примера сначала самолет потом вытащить значения . big потом все вместе вот и мне это по-хорошему вы куда-то складывать и обновлять вытаскивать и вот здесь мы наверно вытащим тот же допустим пусть будет просто почему она ругается а не когда-нибудь
00:32:43 - 00:34:58
прочитано использовано до раскладываем общая 5 вот так и в итоге мы должны мне зритель далека как будто бы как будет попросить я мог планировать по-нормальному я об этом проверил но как будто бы вот это должно работать так тесты они автоматом запускаются вообще помогу да увеличена что ничего не понятно значит я не выполнил свою в общем короче у меня типа основная одежда я разбил сначала вот народ big apple затем я объекта нейстат еще у нас вот здесь вот еще место thread его складываю в там под джед у меня следовательно в
00:33:48 - 00:35:37
нем должна появится вот такая штука дальше я в нем уже еще на следующей итерации темп объект от big он выдергивает у меня apple со значением и дальше на последней итерации я должен вытащить как раз значения вот это вот и почему-то у меня не задело по даже цикл а вот ла ла ли ла ла ли он файл изначально консоль ко мне не сильно помогла но мы узнали что он что-то выводит пытаясь понять хочет уводит перенят надписи мне что-то выводит но видимо не то что нужно нас у меня тесты такими прошли еще бы понять что можно вывести
00:35:00 - 00:37:00
она чтобы понять коммунист виктор peter piper на ок ну и кейсы мне нужно это нормально же ситуация была бы как скорее все тесты писал бы я и функцию писал бы я знал чем я функции там допустим да здесь немножко меня гришь поэтому я не знаю что там функции до новый и поэтому не знаю типа где у меня косячили вот интересно won't у стоимость iv кейки валил так так а вот это заменитель она сейчас кейки и волью и он должен вытащить воле но у него нет орске отзыва или вытаскиваю проект он получил окей девы
00:36:20 - 00:38:11
отработала корректно а вторая а второе у меня не отрабатывать то что массив пустой значит тут нужно нам поверх канада века по всей видимости если ясень и они пришли мне полагается так там какие-то новые подъехали так подожди какой link у объекта пардон дня меня просто вот этот массив смузи смутил тут то есть в квадратные скобки поэтому я что-то затупил промышленных масел вот ну давай аяпова лидируем потому что она может сюда прийти но нам либо какой-то объект придет в котором все нормально оливка по
00:37:20 - 00:39:35
которому мы сможем прийти и получить ответ то есть вот допустим вот этот случай да когда у нас пришел кей мы этот кий наш ли им его ли вы вели всякий со замечательно дальше у нас может прийти объект в котором не будет перемена которые нам нужно так тогда нам вот то тут надо проверять что эти поездки существует вообще такое существует когда делаем это иначе а замечательно потрясающе убираю все концы логе чтобы выглядело как будто я все классно сделал и ничего не тестил ну в общем решили приятно когда деле не да да да хорошо
00:38:39 - 00:40:48
что банско подсказка замечательная видимо у меня еще опыта маловато чтобы сразу понимать что может идти пустой я всегда надеюсь что там все будет хорошо и мне пришли то что мне нужно то что не обещали да к сожалению в жизни так часто не было для этого создали такой давай поговорим про собственно java script за счет какого свойства языка не можешь изнутри for a обратиться к переменной темп апч [музыка] ну вообще у нас тут наверно за счет области видимости так сказал у нас line блочной область видимости мы
00:39:43 - 00:41:31
находимся так я переключусь побольше чтобы мне облака мы находимся как а сумки блока в данном случае блоком выступать солнца и тем самым у нас внутри функции везде мы можем вызвать тем о бачек ну кроме тех случаев когда мы пытаемся вызвать до того как мы его обозначили в общем так мой ответ кими он такой хорошо я не совсем это хотела услышать кстати вместе что-то про замыкание хотел услышать да я хотел самая потрясающая она простая формулировка этого термина которые когда-либо читал и слышал что в
00:40:38 - 00:42:22
замыкании это у нас наша функция ее область видимости и в принципе как раз половину этого термина я определил когда сказал что у нас тут есть область видимости у функций и поэтому все переменные которые находятся внутри неё мы можем спокойно внутри этой функции практически в любом месте опять же с поправками на особенности языка вызывать вот то есть мы можем провалиться внутрь и форум мы можем похвалиться антифа мы можем написать дополнительную функцию внутри функции и в ниже опять вызывать вот этот темп обжиг ничего нам вообще
00:41:36 - 00:42:43
мешает так делать вот но сам сама наверно красота замыкание появляется тогда когда мы перекинем допустим вот этот же самый темп объект или мы можем забить он некую функцию в которые положили какую переменную и тем и тем самым как а создали вот этот эффект замыкания что на своде как бы не вызов идет на прямой к переменной а идет в какой-нибудь какому-то элементу которая вернула функции допустим вот тогда типа красота замыкание сама проявляется тэн себя помню меня замечательно вопрос насчет замыкания был
00:42:09 - 00:43:20
типа можно ли сказать что вообще практически все в java скрипте является замыканием я начал долго долго долго думать на начал придумывать варианты когда это неправда и такую энергию нас console.log и мы дошли до того что в принципе console.log это тоже такой имитации замка не за счет того что тебя есть какой-то молодой в консоли в котором лежит функция лог в котором мы можем передать какой то параметр который там замкнется за счет вот этих внутренних механизмов java script а вот сложно может объяснено во блин было
00:42:46 - 00:43:52
потрясающе интервью круто есть чему учиться мне вот ты употребил слово функциональное выражение а чё ещё бывает вращением комментаторы за слово чего я знаю что кого-то это раздражает неформальная обстановка минимуме максимальный комфорт на от этого выражения потому что я и и скидывая там говорят все так абсолютно все от мала до велика от учителей до депутат а вот поэтому есть у нас блин бывает такое когда фишка уклонистов когда у тебя русский термин вылетает на хрен и я твой это вот и остается только английский
00:43:18 - 00:44:53
вариант то есть у нас спешим когда через пень в какую-то ардон exit full screen а когда мы в какую-то переменную за китаем функции у нас получается функциональное выражение но также у нас есть паншин declaration это стандартный так скажем способ объявлять функция когда мы класса через function вызываем функцию вот и особенности в чем у нас функции которые объявлены через банк сам declaration подвигается замечательному замечательную особенности java скрипта под названием всплытия то есть мы можем объявить ее
00:44:13 - 00:45:32
где угодно но при этом вызывать ну и вызывать можем также где угодно и проблем с этим не будет если же мы функциональные выражение попробуем вызвать до того как она была объявлена как раз когда я попытался get вызвать над вот эти над 16 строчкой вот у нас ничего не получится у нас скорее скорее у нас выйдите ошибка по моему reference у нас выглядит убавить хорошо а так ну чё блин чем почему себе говорить о я стала обращать внимание теперь не очень-то в конче нс извините пожалуйста давай снимай наушники мне понравилось
00:44:53 - 00:46:43
что тимур быстро решил задачку вот чувствуется опыт life кодинга у человека я в свое время над этой задачкой сидела наверно минут 20 все никак не могла мозги в порядок перевести поэтому это очень круто секция была не алгоритмическая секция была про java script чтобы посмотреть может ли кандидат писать код вообще рабочий насколько ему комфортно насколько быстро он пишет насколько как он именует переменные что там вообще происходит у него в голове и и тут мне все очень понравилось не хватило немножко
00:45:48 - 00:47:25
валидации аргументов функции но ничего страшного видно что тимур пропал тимур нет бернис наташа неужели я тут одна я всегда с тобой не переживай одиноко него подключен чтобы он понимал что мы его наушники показаться brighter вернулась по поводу каких-то знаний основ языка чувствуется что тимур если и чувство что он на практике с этим всем работ и как на комфортно оперировать всем этим понятием еще конечно чувствуется что эти марк собеседованием готовятся и это явно не первый его самец тут опять
00:46:36 - 00:48:43
же просто чувствуется опыт человека привет привет пойдем кряк я бы хотел сказать что я туда не пойду но давай ввязался то конечно хорошо вообще расскажи про свой опыт с реактором попробовал этот миф ренборг ничего тебя не нравится что не очень опыт с лифтом у меня не так много особенно в вопросах там как позитивного опыта где-то пару месяцев буквально ну по факту там цифра пять шесть месяцев вот я один раз в жизни сталкивался с ангулярным с первым это было ужасно это было очень больно никогда бы в жизни не
00:47:49 - 00:49:19
хотел этого больше повторять вот и немножко на учебных поэты сталкивался с ем разницу примерно чувствую конечно между ними но такая поверхность основания по большей части там по этим канавкам вот чему рассказать view офигенные когда тебе просто надо что-то быстренько накатить на готовую сеялку когда-то там не знаю просто хочешь себя такую формочку на сайт допустим добавить ты фигачишь себя сидел скрипта view и просто начинаешь прямо готовый код уже править ли ок сейчас там один из самых полных так
00:48:42 - 00:49:58
скажем в конго когда используется много где используются самых разных сферах большие какие-то уже приложите с кучей форум с кучей всяких таблицы прочего стараются писать нагуляли вот это из того что я знаю а у тебя есть какая-то любимая react фича чему-то радовался очень сильно когда и это добавили язык языку прибор ну я бы сказал что и потому что пришлось застать в семнадцатом году 15 версию реактор который еще была не социальной версии авиации 0.15 вот когда реально ты выбирал между классовыми
00:49:21 - 00:50:49
функциональными компонентами пытался максимальным все уменьшить как как можно сильнее пытался все максимально там простые компоненты писать для того чтобы как можно чаще функционально фигачить вот и как можно меньше классно сделать вот и за счет как раз введения хуков мы наконец-то ушли от этого мы сейчас можем либо все писать на классах и кайфовать если нам это менять либо все писать на фунт на функциях вот и мне на самом деле вот и рядом с фактом немного мне нравится фича которая из редакция под
00:50:05 - 00:51:18
названием ридак стул кит когда нам можно теперь мутировать состоянии так как мы хотим и дальше у нас за нас уже библиотечка разбирается и все решает а вот когда мутировать нельзя было было достаточно больно особенно с объектом окей давай с тобой перейдем к задачки она такая скорее боль болта льна потрясающего так сейчас я пошла века так вот тут очень тяжело будет увеличить шрифт потому что тут много где же эмодзи что у тебя за операционная система ubuntu васю нас на 4-ой нет выслушают этого я конечно не могла предугадать а на самом
00:50:41 - 00:52:30
деле вместо вот этих квадратных штучек должны быть сердечки да давай найдем их в коде и заменим его что-нибудь но один смог сердечки добавить тут напишем like и dislike выйдет не так красиво на поля like и dislike это же кнопка были как-то не так может быть не может not like to 20 у нас там просто какой то он дал меня лайк оставьте вот dislike давай сделаем это 1000 лайков и прочим пор бочин тут у нас потрясающее приложение twitter цветами вот где в главных ролях мы с тобой и что это приложение умеет она умеет
00:51:50 - 00:54:06
в общем ты можешь полайкать что-нибудь нажми на not like вот видишь ты змий изменил ситуацию вот и что хочется тут увидеть хочется чтобы ты посмотрел на код этого приложения и паре факториал его нашел в нем какие-то проблемы возможно с производительностью возможно вот если условной проблемы с производительностью она все-таки такое маленькое вот возможно какие-то структурные штуки в общем просто интересно твои мысли послушать ух ты вот в рефакторинга конечно очень слаб это вообще факт но не думаем так
00:52:59 - 00:54:26
давай самого начала пойдем у нас есть ли ты есть и easily текст дальше мы дальше мама пим эти твиты проходим к ним выдергиваем а ну вот вот этой об наверно сразу что в глаза бросается с точки зрения того как у нас ли rendering работает ну в общем не самая классная идея использовать яндекс такой либо яндекс из массива для того чтобы указывать его в качестве ки просто потому что мы можем дальше массив перевел одну теперь добавлю не только добавлять но еще удалять что-нибудь мы можем что-нибудь добавлять все единому
00:53:44 - 00:55:38
сила в начало массива и так далее тогда у нас индексы поменяются и следовательно у нас вместо того чтобы допустим перерисовать территории совать только один твит у нас переписываться может абсолютно все твиты то есть в идеале насколько я понимаю вот где-то здесь сгенерить уже какие-нибудь готовые техники самый такой простой вариант лоб гаишники этот итог допустим понятно что они в оригинальном скорее всего каким-то образом zafira van и так далее они не следовательно вот и здесь мы можем это единый консоль тоже есть я проверю тебя
00:54:41 - 00:56:23
на всякий случай литургия что я делаю 1 алагир естественно внутри ветер ну ладно мы можем вывести com верните допустим науки я думаю тут все хорошо окей да проблем не должно быть настолько сложится дальше от with like like 500 раз яндекс [музыка] ну-ка у нас да у нас все еще работает у нас листай там туда передается твит туда переться лайк лайк у нас like у нас передался но при этом весь он ага он есть окей он проваливается до конца the zone like it like that wins оаэ как раз проверяется вот тут вот яндекс и то
00:55:36 - 00:58:08
верно также заменим просто на твиттере должно в моей голове вот это вот посмотрим что то тут очень как-то хота всего или так мы проходим ся по всем твитам находимся не по книгам да кстати странное какое-то вот это вот условие она мне нравится если вот чисто проверил свою догадку и перестал я просто не до конца понимаю как это работает как если у нас включая твиты иди там и так проверяем 2 390 я чуть не могу понять что это условие делает она меня в ступе водит мы как будто этот угол у тебя кнопка
00:56:54 - 00:59:31
этот угол то есть если ты меня ножа и у тебя идиш них уже был в списке когда надо исключить оттуда если вы не было то его надо добавить у нас массив числа все класс вот это в общем как как бы я ты реализуй должно знаю я бы наверное изначально в тупую водил бы статус для каждого цвета типа залай канава незлой can и вот потому что здесь тебе приходится проходить каждый раз по куча цветов их же может быть не 4 их может быть там тысячи допустим и каждый раз сравнивать каждый ганс там фильтровать или
00:58:34 - 01:00:16
складывать все это вот и это может быть проблемой то есть как это в нормальных крутых приложениях делать я не скажу но я бы попробовал как раз вот просто допустим водить здесь какую-то переменную и дальше пой о и технику допустим менять как раз вот этот угол для конкретного вот но в принципе ладно это такое так есть ли он like it a stock твит лайки лайки ту нас как определяется мы закладываем дверь и закладываем она как то есть принципе да я бы вот это вот наверное поменял на то что блай как сделать прямо
00:59:25 - 01:00:56
в объекта не знаю насколько это нас ускорит но такое ощущение что это нас вскоре ты здесь мы уже не будем здесь дополнительно проходится каждый раз на ляган дырень допустим на первоначальные есть там еще что то добавляться по всем like tweets мы просто не сможем выдергивать конкретно вот и тут тогда мы также досветла окей ну давай для того чтобы у нас осталось некоторая интерактивность оставим все как есть но я с тобой согласна и в принципе я больше больше ничего глаза не бросается поэтому наверное все из это окей хорошо давай в
01:00:11 - 01:02:00
компонент battle добавим консоль лоб который будет что-нибудь вывозить например слова рендер 0123 почему нет сколько раз она училась хорошо давай теперь лайкнем какой-нибудь лет а еще четыре раза то есть у нас идет перед н да так а почему он исходит ощущение что как раз из-за того что надо сейчас подумай у меня еще не чтобы коса за лайкер tweet то есть он каждый раз пытается пересчитать из-за того что вот этот вот массив мог изменить на не мог измениться он патриком как изменился вот из этого типа
01:01:06 - 01:02:44
идет перерасчет типа like note не лайкнут а и тем самым места там перед тоже пересчитываться тут наверное правильно было бы вот эту вот часть онлайн перенести извилистой там прямо внутрь лист элемента для того чтобы у нас здесь пересчет этого не шло вот и point такой проблематичный момент с этим тоже надо что то делать вообщем я понимаю проблему но как решить в лобешник у меня отчета идея нет ну то есть логично что это надо куда-то глубже засунуть и допустим здесь все высчитывать конкретно out with a like
01:01:59 - 01:03:45
прямо здесь определять вот у каждого и тогда нам как будто не понадобится вообще вот эта вот штука а давай с тобой вспомним из-за чего вообще может происходить рио рендер компонента у нас данное какие-то изменились которые относятся к текущему компоненты лик там ходили скам компоненту у нас будет вызвать на верандах если мы там никакую мимо и за цию ещё что-нибудь не врубили то у нас будет там пересчитывать там все дочерние элементы условно перри считаются и так далее вот но здесь в воде мы попытались защититься от аренды
01:02:54 - 01:04:29
вот такой штукой чтобы у нас индекс поменялся демосе во мне кажется закапываю с куда то не туда дома ну давай посмотрим вот у нас от аренды рид лист элемент следующий компонент до вечерней давай посмотрим что приходит в лист элемент тебе шлюзе да какие у него пропсы твиты он лайк то есть у нас функция которая как раз за того отвечает и сам тверь если что-то из этого изменится будет ли вы этого компонента конечно может быть что-то из этого изменилось у нас он like изменился как раз скорее всего из-за того что тут цвет light with
01:03:44 - 01:05:39
меняться на каждый лайк то есть каждый раз у нас идет перерасчет вот этого из этого у нас онлай как будто меняться вот и и здесь он тоже делает вид что он изменился но не делать вид он изменился и тем самым вызывают перри гандо то есть category у меня как будто вариант лайку в саму сам-то гал закинуть сюда но как мы это потом у меня в голове таковы сочный типа это же потом надо куда-то стоит менеджер передать а потом это надо передать его куда-то нам экран вот вроде как ник всего прямо с действовали вот но вроде как они решили
01:04:40 - 01:06:02
смотри у нас действительно каждый раз меняется on like но не потому почему ты считаешь да тогда нужны твои пояснение хорошо от смотри у нас функция обработчик создается каждый раз заново при рендере компонента об видишь там стрелочная функция функция передается как проб дальше что происходит в компоненте на самом деле там ничего не происходит это каждый раз для него разная функция потому что ссылки разные и соответственно он перерисовывается а то дай скачен чтобы этого избежать ну в общем не рекомендуют создавать
01:05:23 - 01:07:22
обработчики через стрелочные функции но обычно это довольно такая легковесная проблема но то есть обычно это вообще не проблема но знать про это можно так как тут правильный вариант какой то есть если мы вот это вот убираем стрелочным функцию каким образом мы должны все это задать нужно унести этот обработчик скорее всего внутри компоненты действительно но то есть но она правильно думать и до обрати внимание что здесь изменяется не только обработчик она у нас в принципе да ведь меняется но как пересчитывается скорее
01:06:21 - 01:07:52
всего каждый раз из-за того что у нас лайки ты тоже меняется вот над этим и что про что-нибудь можно сделать вы как и говорил что если мы об их гонщик удачным сюда то нам логично и лайкер допустим закинуть прямо сюда и у каждого цвета то есть в лист элементе каждого twitter просто отдельно смотреть и уже не париться на счет этого вот но как будто еще какое-то решение должно быть ну вот именно в нашем сценарий когда она не внутри цвета поэтому я бы наверно попробовал вытащить вот это вот like it includes
01:07:08 - 01:08:44
вот куда-то сюда здесь вот это вот вид формировать то есть пойти допустим ходить но хотя тоже гиганта врезаться в общем тоже у меня ступор и не знаю нам вообще принципиально имеете в данном случае like ты внутри твита или мы можем допустим передать его отдельно во мне как один через весь вид чтобы добавить к нему новое поле а то есть маги не видим новый объект из этого так происходит а мы могли бы в новой переменной типа создать отдельно от with a light и просто туда уже gene ведь и таким образом мы бы типа каждый раз повелели
01:08:11 - 01:09:49
на то что нас бы не формировался новые объекты не формировалась бы новая ссылка на него исследователя нее был обыгран так подожди он бы все равно был бы ну мы до этого дойдём так окей дальше будут еду но мы можем попробовать довольно та ладно давай вспомним как вот помнишь раньше когда мы у деревья были большими мы были маленькими не компоненты были на классах была такая история как пьюр компонент само название помню я помню что с ним что-то не так было но вот сейчас уже не вспомню в чем-то был
01:09:00 - 01:10:54
прикол а почему их использовали вообще типа чистая функция чего у нас такой жесткой все допустим да мне и не подожди подожди это не про то это не все туда это это конечно интересно но мы сейчас короче а фишка была в том что у него было в отличие от обычного компонента реализован один метод называться шут компонентами для него немножко помню там мы долго могли передать ему на вход стоит хопс и дальше в зависимости от того изменилось у нас или не изменились стоит и флоксы каким-то avanti пакетами 17 проводить
01:09:58 - 01:11:10
или не проводить то есть он у нас насколько я помню как раз отвечал за то чтобы давать возможность передать доверять или не давать зависимости от того там какие условия внутри с работами вот и сейчас у нас уже мы пишем компоненты на функциях обычно но в общем было бы круто же все равно да умеет иметь возможность сверять старый проб с новыми процессами и если они не изменились то делать делать нечего как будто вопрос какой то должен следовать мира не услышал типа какие сейчас у нас есть возможность чтобы так
01:10:38 - 01:12:02
поступать как бы ты сделал как бы периле завал то же самое вот к нам и к нам приходит твит и мы могли бы сравнить что это тот же самый твит и не перерисовывать компоненты и все что ниже по дереву ну как бы наверное ним и руками возможно уже в реакции есть какое-то средство которое умеет делать вообще вообще у нас есть мимо и зация как раз которая следит за тем что типа если данные какие-то перешли которые уже были и что мы уже там высчитывали какое-то значение то знаю входящие данные мы можем не перри
01:11:22 - 01:12:42
не пересчитывать исследователи как бы не тратить ресурсы никакие если и вопрос об этом мы короче да речи номинализации в реакции есть замечательная функция мимо в которое можно обернуть компоненты и вот она вот эту проверочку как раз классную сделает и все бы по красоте вот задачку мы с тобой разобрали по большей части на словах но тем не менее вот я даже не знаю надо ли тебе снимать наушники уже в третий раз или мы это как-нибудь закруглимся так как тебе удобнее смотрю я ж не знаю что ты говоришь когда я
01:12:05 - 01:13:39
снимаю наушники поэтому я не знаю нужно ли тебе сейчас [музыка] окей снимай ой бедный тимур наверное весь вспотел в общем что я вижу по задачки про react уж я вижу что у кандидата есть опыт работы с фреймворком я вижу что он всякие базу орды нужны знает там вот мимо ре зация что-то там еще но при этом не совсем понимает как это все работает внутри ну это в принципе наверное ничего страшного вопрос в том насколько принципиален компания именно опыт работы с реактором не знаю может быть там какие-нибудь сложные приложения
01:12:52 - 01:14:29
которые надо классно оптимизировать уметь может быть там какая-нибудь не знаю одна страничка с формочками непонятно вот я бы скорее всего вот эту вот задачку тимуру не зашла если он ко мне на собеседование с не пришел привет уход в этом месте я тебе говорю спасибо большое тимур что пришел пообщаться в нашу прекрасную компанию и спрашиваю если у тебя возможно вопросы ко мне вот вот этот купить платок и ну на этом обычно все заканчивается и мы говорим вам перезвоним то что я сейчас скажу им собеседники аж
01:13:41 - 01:15:07
ника в жизни говорить не стал но тем не менее короче я примерно точить оставляем что примерно ну формат самый непонятен был конечно тебе не рассказывала как ты будешь проводить но мне было понятно что типа если будут вопросы по верстке подвеса скорее все пойдет хорошо как только придет реакции не рассказывают станет больно во всех местах потому что в принципе у меня какие-то базовые знания есть побольше части теоретически вот и нужно еще там кучу времени потратить на то чтобы действительно и внутренности покупать и
01:14:32 - 01:15:37
разобраться с этим всем как раз вот базы jackson's кого уже есть на которой все это можно строить вот поэтому как раз ты мне еще раз убедило в том что я даже там на простом примере могу запутаться потому что мозг там привыкаю в парадигме там java script а какого то более менее чистого думать вот этот подъехали компоненты подъехали закидывание пруссов и еще что-то передан директом вопрос оптимизации которые никогда в жизни не капал и мы там в твиттере допустимых задели буквально там 2 дня назад всего
01:15:04 - 01:16:09
лишь и вырос и какие-то там дебри услышал будь то там где панцире по wifi link еще что то поэтому в общем еще надо копаться еще надо разбираться сверх там остальном всё классно ну круто что ты для себя определил какие-то зоны роста куда тебе дальше лежать ну это вообще нет затем может быть ряд конечно это может быть вообще любой приборку по твоему выбору совершенно все неважно мне кажется главное что было была хорошая железная база остальное вопрос времени вот добавить сокращать поташа а вот я уже вижу у вас
01:15:36 - 01:17:11
кстати сегодня очень там это пожалуй наверно самая компактная публичную собеседование которое было в нашем канале потому что обычно это мой разговор на часа два вы прям очень информативно но и при этом очень быстро так уложились и я думаю что доставили большое удовольствие всем кто нас сегодня слушал спасибо вам за это огромное большие большие молодцы чему ты сегодня герой ущемлена как всегда красотка и если употреблять сочетать комментариев очень много тепла в свой адрес услышите ну а мы говорим все самая
01:16:24 - 01:17:29
теплая в адрес наших слушателей вот лента кончик быстренько умотала видимо смотреть комментарии и возможно там еще вернется а вот и надо к нам обратно то и прибежала мы решили что ты ушла смотреть комментарии а так и было на самом деле я нажала не на ту кнопку короче и все как попало и широтах знаменитые слова но вернулся домой вновь вологда ты был формат публичного собеседования очень классный формат надеюсь что всем он был сегодня полезен и не тимуру елене и симптомы сегодня слушал 13 августа ждем
01:16:56 - 01:18:16
вас на следующий публично собеседования такой вот колер для тех кто нас слушает потому что она нас мы еще не давали скоро он появится и нашему герою будет играть коллег елены это тоже придет нам собеседовать киндера ну а кого вы собеседователей также узнаете поэтому подписывайтесь такси колокольчики посмотрите наших каналов потому что там этот раз все дела нанси ruim и конечно же подписывайтесь на наш twitter сегодня все рекламирует twitter я уже на всех спасен типа скидывала поэтому в принципе да ну и на этом пожалуй все
01:17:36 - 01:19:01
а если вы вдруг скучаете по нашим публично собеседования на канале есть плейлист который можно заходить просто все ссылки в описании много всего интересного опять же напоминаю что есть роберт на следующий сезон подлодки но а если вы хотите подтягивать свои знания если вы хотите учиться с удорский какой-либо другой программе связан с программированием то приходите на сайте а кто там у нас на платформе очень много классных интересных программ поэтому приходите к нам учиться всем огромное спасибо до новых встречь и пока
01:18:19 - 01:19:28
пока пока пока
01:18:52 - 01:18:57