Собеседование frontend-разработчика для X5Tech

Подготовка к собеседованию на Frontend Developer

Транскрипция видео:

  • да для меня тоже первый опыт такой публичного собеседования вовсе наград им даже сеньоры некоторых вещей может не знак страдает очень широкая и специфика и вот если действительно нравится там видеть результат здесь сейчас это ты сделал точно твой ли выбор [музыка] для него привет привет меня зовут максим я на данный момент работаю менеджером направление в x5 тех то есть у нас большой бо и тех бизнеса единицы технологии и там и намного flat лидеров тестом порядка 120 человек и мы как нанимающим и g

    00:00:00 - 00:01:28

  • проводим первичное собеседование техническое определяем скиллы конкретном кандидата и после этого решаем какую команду мы кандидата покажем и нас на собеседованиях как правило такой большой обзор на себе сетани потому что у нас технологий в компании много то есть у нас есть ли у нас есть react и у нас есть angular ну и много чего еще на там на джесс вот и как правило мы проводим такое достаточно большой обширная интервью чтобы понять куда конкретно можно человек как показать по его потребностям по

    00:00:47 - 00:01:59

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

    00:01:23 - 00:02:56

  • типом английской какой-то ступени ну и плюс не уходить далеко сильно технологий коротко обо мне давай наверно теперь послушаем про тебя про твой опыт как ты попал вообще в разработку очень интересно спасибо максим за твое представление я попал так нет сказать что тернистым путем в разработку забыл представиться мне заодно тела не сказать что мой путь и такой был сильно theorist и но скажем так несколько этапов я оказался в этой сфере в сфере разработки начну с того что я обучался по направлению землеустройство это

    00:02:10 - 00:03:36

  • юриспруденция более точные науки тоже включал и геодезия и вот в течение 10 лет с момента окончания университета в горного университета в петербурге с 11 года по 21 год я работал в этой сфере не меняем [музыка] удалось поработать ей резистом но в последнее время больше работы все-таки такая юридическая составляющим преобладала в работе работа с документами с договорами сфере землеустройства и обыкновенно такой не то что переломный момент но момент когда я задумался о том чем я занимаюсь и чем я хотел бы

    00:02:53 - 00:04:18

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

    00:03:36 - 00:05:05

  • кругозор показал какие общие направления в этой сфере есть какие такие базовые вещи институтские не раз детские удалось нам послушать лекции интересно с интересными людьми познакомился но после окончания девятнадцатом году я так и не уст не начал работать в этой в этой отрасли и не было должной практики для лиги не закрепляла какие-то знания своей на практике и вот позабылось у меня трудно скажем так это отложил на потом на какие то там лучшие времена и как как я уже упомянул двадцатом году когда началась пандемия

    00:04:21 - 00:05:44

  • появился 3 больше времени свободного я начала смотреть как я могу получить в этом направлении куда практику какие-то новые знания актуальные знания и также давно вы приглянулись курсы на текстолите я решил почему бы не попробовать позаниматься на них павлову бесплатный курс введение программирования и как раз на этих курсах так почувствовал этот главный подход в обучении когда ты через обучение теории сразу заявлял в это на практике этом миша какие-то задачи и даже доходило тында абсурдного нужно

    00:05:03 - 00:06:14

  • было пройти автоматические тесты решаете задачи и там что высветился зелененький самогонщиков ну грубо говоря это такой дофаминовой для мозга щелчок до доделать решить задачу на и помимо этого в голове крутились вот эти задачи они как-то фоном в режиме 3 лишал когда не получилось сразу решить и у так я втянулся в этот процесс обучения на те кстати решила что нужно так более фундаментально подойти к обучению и записался на курс групповой о направлении фронт-энд разработки плюс об этом было то что я обучался в группе

    00:05:39 - 00:06:55

  • мы менялись каким-то опытом прогрессом в в обучении и сам процесс мне очень тоже увлек опять же времени достаточно было много времени чтобы уделять этому достаточно главный подход здесь был их регулярно уделять этому и вот по прошествии восьми месяцев и курс закончил это был уже 21 год лето 21 года обучение с моей продолжилось там в рамках не были небольших каких-то коммитов у google request of open source разработку что-то продолжал там проходить на курсах и параллельно начал уже искать работу

    00:06:19 - 00:07:38

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

    00:07:00 - 00:08:18

  • всегда нужно обучаться всегда пике то есть пробел а вот и в конце двадцать первого года удалось устроиться на работу разработчикам джонни frontend разработчикам команду в компанию занимающийся заказ на разработкой и основной стек там упоминал уже говорил про убил там основной стык у меня view хотя до этого учебные проекты на текст летел в рамках учебных проектов я практиковался в реакции небольшой опыт но все-таки вы уже и понимание на нокаут проще было понять работу в нем после реактор и конечно понимаю что

    00:07:41 - 00:09:17

  • зная хорошо java script там меня снова современные на фото с технологией браузерные технологии разобраться своим блоком уже принципе нет не так сад не составит труда знаю какие-то фундаментальные вещи ну и уже вот опыт есть продукт продуктовый как коммерчески до опыт работы с you miss a tree net framework нравится работать с ним и вообще примерив на себя об этом одежду фронтенд разработчика мне нравится не разочаровался в этом направлении в этой профессии хочется развиваться вижу какие-то новые глaсит

    00:08:30 - 00:09:51

  • этом пути и вид ветви развития и полон энтузиазма что называется и желание дальше развиваться в этой в этой сфере у так если вкратце хорошо а ты вот попробовал смотри уже view react и что тебе больше нравится тоже смог для себя какие то вот выделить там плюсы минусы например и а двух вариантов работы построения продолжение да ну я думал об этом до вопрос мне такой возникал и я хотел для себя сформулировать до какой-то внимание меняем ответ что же лучше но пока честно сказать я не а приделывали себя то есть

    00:09:12 - 00:10:35

  • не настолько видимо еще глубоко я знаю специфику работа и того и другого сборка чтобы тогда точечно сказать в чем плюсы и минусы но сейчас принципе приходит голову то что view это как html first фреймворк мы пишем эстимейт подобный верстки и в этой вязки мы указываем конкретно какие то там обработчики событий через скажем так можно глазом пройтись по вёрстке и понять делать я какой компонент и как он примерно уже в голове строишь картину как они должны между собой взаимодействовать где нужно какое

    00:09:57 - 00:11:35

  • соответствующий обработчик повесить на какой элемента на элемент с личными верстки и наверное [музыка] и при этом позволяет функциональном стиле писать [музыка] у так наверное red на не скажу прямо по преимущество по крайней мере вот мне впечатление view мне нравится и ягод все равно сторону' реактор еще смотрю хотел бы какие-то может быть учебные проекты и либо там как-то называется спектр от проекта и для себя определить все таки что мне ближе у конечно с если в компании времен какой-то stack технологий естественно

    00:10:46 - 00:12:03

  • мне бы я вынужден буду сейчас сейчас ближайшее время чтобы развиваться изучать в ю.и. по крайней мере мне этот фраер сейчас ставится вполне себе нормальный ответ потому что я на самом деле тоже начинал свою то есть я пришел с знаниями там верстки адаптивной верстке где-то что-то чуть чуть там оживить могу там условно надо менюшку какой-то открывать закрывать вот как бы были мои первые знания про java скриптов цел и постепенно ну то есть я на тот момент совмещал как скажем деятельность и менеджерскую потому что я менял как ты

    00:11:25 - 00:12:51

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

    00:12:07 - 00:13:22

  • если бы я начал разбираться наверно с реактор то скорее всего был бы действительно сложнее потому что понять немножко разницу там синтаксиса шаблоны там то что у тебя есть cry to render функции которое имеет определенный свой синтаксис свои нюансы то что мы запускаем скрипт сразу же вязки это когда немножко ломал мозг но вот сюда наверное как мне даже до сих пор кажется действительно проще для входа потому что есть а часть этом себя магия который решает много вопросов о которых можно сходу не задумывается просто

    00:12:47 - 00:14:00

  • писать как бы по документации хорошо документацией и пожалуйста ладно proplan немножко нашего собеседований обычно я веду собеседования с и чар то есть 1 где то примерно у словом то полчаса еще общается с кандидатом задает вопросы похоже которые были по телефону вот здесь нам эта секция не очень нужно но мне интересно будет узнать чтобы опять же строить как это дальше plant и понимаете какие вопросы задавать какие нет интересно в целом и знать про взаимодействие общаться вот тут техническая при которой ты получил тонн

    00:13:24 - 00:14:44

  • продуктов какой-то разработки что ты уже знаешь вот и дальше относительно этот буйный толкайся по техническим вопросам потом у нас будет секса технических вопросов она больше будет там нацелен на теорию мы поговорим там про какие-то основы java скрипта который важно интересно понимаете где-то если будет что-то непонятно раскроем моменты и в конце наверно завершающим этапом нас будет немножко life кодинга то есть там будет какой-то компонент который нужно будет починить так скажем и немножечко там

    00:14:04 - 00:15:07

  • дописать ну то есть в зависимости от того как у нас видит по времени мы посмотрим насколько мы там продвинемся можно его раскручивать там до многих каких-то вещей окей хорошо давай тогда пойдем с общих вопросов ты уже работаешь команде ты сказал же три месяца примерно ты работаешь с скажи что это за команда но то есть в плане того что ты там один разработчик или у тебя есть какие-то менты наставники там или несколько вообще проектов и я сзади стан на одном проекте в комп целом командой стоит где-то

    00:14:36 - 00:15:53

  • человек десять 12 наверное это и тестировщики и фронт индиры 23 человека фронта индира я в том числе 22 backend разработчика один из них он же является техническим директором компании и такой самый опытный в команде и что касается вот менторства до каких-то таких вещей то какие то если сложные вопросы сложные моменты которые я самостоятельно не мог долго решите помимо обращаюсь нему соответственно это тестировщики как я сказал ною команда менеджеров проект-менеджер и кто еще в команде nude 23 человека фронт

    00:15:14 - 00:16:51

  • backend 2 человек и взаимодействие у нас там ведётся каждый день мы созвонимся рассказываем какие какие задачи решаем какие трудности как какие планы на в течение дня на на ближайшее время и если какие-то сложности в ребят происходит то допустим не более опытный фонд от разработчик может помочь я прямо могу обратиться с каким вопросом конечно стараюсь не злоупотреблять ее сделать все самостоятельно целом какие то уже выполнял задачи что касается разработки до каких-то новых фич функций но по большей части это

    00:16:04 - 00:17:26

  • наверно все таки у меня сейчас еще работа с ошибками с богами исправления но не работа с ошибками богами требуется равно какое-то знание более-менее фреймворка view и работы с его работы с бэндом и вообще специфику дав разборка поэтому опыт были какие-то еще в детстве да такие несколько стрессовой ситуации когда нужно было срочно и какие-то там как срочное время срочно задача и нужно было выкатить это какое-то изменение на общую ветку до рабочую и эти изменения уже с сольются там на тестовую ветку где

    00:16:49 - 00:18:28

  • будет развернуто тестовое приложение который уже вылечили смотрителя заказчики и к чувству воздух немножко напряжение такая стрессовая ситуация что ты должен достаточно быстро и чтобы это был рабочий вариант рабочий код и доставить это на так называемые правда ты говоришь что принципе есть и фичи и есть баг фиксы как тебе поступает задачу то есть задача поступает уже расписано и с точки зрения технического подхода или просто есть какой-то там комментарии о со скриншотами может быть чем-то еще с какими-то

    00:17:39 - 00:18:59

  • блогами от тестировщиков или менеджеров и все и ты дальше уже сам делаешь декомпозицию понимаешь когда смотреть до близко том что ты описал в целом есть документация до проекта это проект в сфере еду так то есть образовательным где там есть какая-то агрегация информации по образовательным учреждениям и задать в целом понимание работы этого проекта по 3 но из документации и как только меня взяли на работу я достаточно хорошо постарался документации поработать что там еще требует какие требования чуть меня не

    00:18:18 - 00:19:39

  • даже не технически я так и за им user stories to то есть как пользователь должен пользоваться этим приложением что должно что должно быть на выходе какие функции эта документация до является для меня как таким источником правда потом дизайн-макет составлены дизайнерами на которые я могу там ссылаться частности части какой-то верткий проекта и каких-то решений дизайнерских и задачи поступают в трекере через уведомление их в основном если это баги да это описание краткое от тестировщиков чем заключается баки и описание водок

    00:19:02 - 00:20:38

  • сценариях как как он как пользователь там тестовый пришел к такой ошибки нажав там последовательность определенных есть и кнопок и определенные действия я этого себя вас провожу воспроизвожу и пытаюсь выявить причину всеми доступными способами как который меня там владею и таким не стараюсь до декомпозировать задачу и в целом такое описание четко техническая наверное не получая по этим задачам того описание которое дает тестировщики мне даст хватает для понимания причин и если какие-то нет нужны уточняющие вопросы

    00:19:52 - 00:21:21

  • и я пользуясь нашим общим чатами личные сообщения пишу конкретную ребятам готовые вилки и да чё ты какой у вас task tracker task tracker это ее трек от компании jetbrains то есть он позволяет контролировать сколько ты потратил времени на задачу какие-то описательные статистики сообщения там если задача не может не не может сейчас закрыться требует какого-то ожидания я там страницу поставить какой-то комментарий что быстро вернуться к контексту этой задачи там через какое-то время это очень правильный подход потому что на самом

    00:20:40 - 00:22:00

  • деле на комментариев 5 кто то что то что не написано в жире этого не существует и потом и потом сильно сложно иногда особенно если тебе нужны там вернуться когда ты еще а усмотрели ветки вот меня нашу что интересно как вы работаете с другими фанатами вы с ним пересекаетесь как правило тоже работаете над одним проектом над одним репозиториям получается да тут чуть-чуть песню что имею ввиду есть задача в треке дальше относительно этой задачи вы создаете какую-то ветку да детка создаете drop dead master

    00:21:20 - 00:22:41

  • до 1 л основная ветка давай рубля от ним мы создаем ветку до работаем в этой ветке и методом pull request of уже сливаем все изменения которые над которыми работы основной вид куда изменения по request вы кросс review & ti или люблю и только тимлид превью да только тем лиц ведущий we can't разработчик технический директор компании мадам лица опытный парень и перевела он проводит вот практика кросс review такого такого не встречал в моем понимании но такого до такого не видел единственное что просто стараюсь чужой код смотреть в

    00:22:01 - 00:23:39

  • качестве собственного образования принципе пока ты разбираешься скажем так с богами гордишься сказать проект ты так или иначе знакомишься с кодом понимаешь как вообще пишется код да вот мы сталкивались с проблемой когда она успела там 10 разработчиков на проекте нужно было как-то всем было много очень всяких разных разнородных to suck у нас был гипо и и да мы сталкивались периодически с проблемами где-то что-то теряется или какой-то код стояла немножечко у каждого разный подход все пришли тоже с разных мест и разных компаний у всех

    00:22:50 - 00:24:12

  • разные привычки вот мы приводили это все в какой-то единый формат нам помогали enter для этого нам помогали практике кода view и ну то есть только если кто-то где-то пишет не совсем поставлять оставил дать насчет также описали то есть мы приняли некоторые правила и зафиксировали их вид лобби там вики вот это была какая-то наш это истинное чтобы никто не обижался не наглей всегда сослаться на это стоит на определён параграфе но это как правило наверно актуально для таких больших команд которые было у нас

    00:23:31 - 00:24:37

  • когда есть вас там несколько тонн до 3 разработчика и пакетов можно в принципе просто договариваться на и письменность похожий код поставится окей а какая вот самое сложное налили интересная до тебя фича было на которой ты работал вообще в целом то есть завесе твой опыт может быть не только на этом проекте может быть на курсах была именно такая пища уж 5 прожек как да так поэт project of у меня не было not заставили так по неплохо включиться в работу поупражняться это проекты на в рамках обучения на hex эти учебные

    00:24:04 - 00:25:28

  • проекты так достаточно а не комплексные всем но объеме включают себя предыдущий пройденный материал теорию и неплох неплохая проверка в целом и в рамках одного из проектов не понравился понравился работа с подключением бог сокетов для обеспечения в режиме real time отправки сообщений проект по созданию такого упрощенной версии слаб чатов и вот как раз работа с соответствующими там библиотеками построения доббс соединение по высоке то потому что достаточно долго бился с задачей с устранением такое ошибки как отправки

    00:24:47 - 00:26:23

  • темпов нескольких сообщений рамках соедини websocket of но причина была в том что у меня несколько было инстинктов и инстансов этого клиентского [музыка] кода который обеспечивает соединение и поэтому мне там дублировались сообщение которое отправлял ну такая вот я помню задачи даже вот я сейчас описал сама вот задача да папа по строению с соединением 4 соке было интересно и целом все проекты более интересные и вот работа была с [музыка] наставниками достаточно плотно и в плане человек проверял проекты и

    00:25:34 - 00:27:15

  • это дело замечания мкад и хорошо достаточно они запомнились потому что неоднократно нужно было исправлять код уже написанных гриф его проводить рефакторинг и все таки до какой-то оптимального варианта все-таки код доходил какие еще такие интересные задачи в рамках уже на рабочего столкнулся с необходимостью работы с графическими где отёками типа d3 которая там строит позволяет строить достаточно сложные графике но мне нужно было сделать такой geo geo виджет скажем так и вот интересно поработать по внедрению до

    00:26:29 - 00:28:07

  • какой-то зависимости его объем сторонний не являющийся там пакетом бьем именам библиотекой java скриптовый и нам соединить работу фреймворка и какой-то библиотекой ничего вспомнил при работе над проектами тоже достаточно так много времени перед тем как начать общих к самому коду приступить программированию достаточно долго приходилось обдумывать архитектуру приложение проекта где он начинает того что как не должны быть там платки и структурированы в проекте до до того как как взаимодействует вообще meizu с тобой

    00:27:18 - 00:28:39

  • модули как распределить до ответственность между между ними кто за что отвечает такой для себя выяснил что достаточно должно быть все гранулированное распределена по функциональности ответственность между модами должна быть распределена какой-то один блок входов как выполнять какую-то определенную функцию но так абстрактно да вообще в общих чертах говоря но именно интересно было задача подумают архитектуры приложения как взаимодействие модулю это всегда очень интересная задача да и как как правило

    00:27:58 - 00:29:12

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

    00:28:35 - 00:29:50

  • кстати какой подход использовал к когда продумал архитектура то есть что что испоьзую может какие-то сервисы или просто бумажка листочек ручка плане инструментов для меня самый оптимальный вариант это посидеть с листком бумаги с ручкой и подписывать какие-то там сущности схемы нарисовать или просто написать текстом что я думаю как последовательность задач разбиение опять таки какой то большой задача да там на более мелкие и композиции написали просто это на листок во-первых потом проще будет к этому контекста вернуться

    00:29:11 - 00:30:21

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

    00:29:49 - 00:31:12

  • ну там по богатый уже набора все эти холмы и [музыка] компонентов из которых можно собирать такое интересное представление это очень подходит для документации каких то есть ты на проектировал визуально представил приложил куда-то описал это этот формат как ты решил это сделать и потом проще возможно согласовывает омским ли дом если это какая-то крупная такая прям фичер вот мы иногда подходили так что тимлид или лет просто какой-то фиче [музыка] делает такую заготовку дров потом я можно экспортировать в картинку как

    00:30:32 - 00:31:58

  • угодно приложите к документации на confluence и если это нужно прям вот как-то где-то сохранить глобально либо приложить конкретно к задачу вот и после этого уже гораздо проще подходить принципе к задаче к оценке и к последующему и это масштабирование вот так наглядно такую форму потому что листочек атр источнику и есть классную сегодня есть завтра вы king поэтому вот отдаю это интересно чтобы хорошо а до я не подумала что масштабах компании давс удобнее то пользоваться как раз инструментами о котором ты говоришь не

    00:31:16 - 00:32:21

  • интересно да ну пока не приходилось давать представлять какой-то разработку ну дай это канаве на обязательность момента если ты дальнейшем будешь что-то представлять презентовать да особенно если ты используешь complex если у вас а ну ты говоришь вас you track вот но если это от вас since таки не знаю насколько там две треки не работал к сожалению с этим экстракт но в комплекте есть удобный виджет который позволяет загружать но пойдем дальше в сторону каких-то более технический вопрос вы работаете с репозиториям и спаллетти

    00:31:48 - 00:33:11

  • какую-то систему контроля версий да гид итоге гид а руки как ты как тебе привычно работать бетон это ей какой-то интерфейс или может быть концов это консоль редакторы и d&g в шторме работы там я знаю что там есть какие-то более продвинутые скажем так плагины или просто встроенные вещи для работы с китом там можно наглядно смотреть как пересечение веток там историю комментов но достаточно там так будущем вы мгновенно хотелось бы ознакомиться а там для текущей работы до в терминале мне достаточно это базовый

    00:32:31 - 00:33:55

  • потом вещами пользоваться а приходилось делать какие-то не типичные вещи то есть кроме стандартных команд вечер пуша и так далее не знаю словно этого commit куда-нибудь улетел никуда нельзя в origin в репозитории удаленный вот и ты понимаешь что тебе как бы эти изменения ну не нужны в этой ветке чтобы ты с этим сделать я бы если точно этот коммент мнением был бы не нужен а если он улетел уже ветку локально то я представляю как удалить дать через хард резет и указать там ссылку на кон нужный commit а если он

    00:33:14 - 00:34:50

  • улетел уже в репозиторий вот с этим честно говоря не сталкивался дай мне тоже вопрос такой возникал на я думал буду разбираться с ним когда такая ситуация появится да когда я не ненужный комету идет но вот из таких сложных ситуаций это было наверное нужно было разрешить конфликт и через терминал представляет гид хоп это возможность то там сделать разрешение этого комета я делал то локально у себя через используй терминал и там какие-то базовые возможности ядре если вернуться к тому вопросу reset hard

    00:34:01 - 00:35:32

  • ok если это твоя какая-то ветка в которой ты пока еще ведешь разработку ты не передавал куда-то наружу то можно погрешить команды perforce push и там [музыка] двойное катетер и и force флажок до соответственно у тебя ты локально похожу от катишься до того состояние которое тебе нужно и просто перезапишет историю но таким способом в каких-то ветках которые общее баловаться не нужны потому что это действительно не может повлечь не очень приятный последствия там для достойных членов команды то есть если ты

    00:34:46 - 00:36:24

  • запушил этот коммент уже в origin он попал куда-то слова дыре лапы такой как причине вам эффекте работу приложения то нужно наверное использовать не наверное разве можно сделать но вот в данном случае 0 revert ты делаешь ребят commit который просто отменять это изменение которое ты за пошел горючим дальше уже по новой не как-то модернизирует те изменения которые affected работы приложения как правило так тем самым получается не нарушается история к метода и просто делается после revert новый commit

    00:35:36 - 00:37:02

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

    00:36:18 - 00:37:48

  • отправляю стаж и стаж все изменения в всегда где хранится изменить хранятся изменения перехожу на develop на основную ветку с каждый раз гитаре бейс чтобы сфере счас текущей до клеткой основной и обновить цепнем и уже создаем там новой ветки работы до новой задачи вот на мою до меня скажем так изо дня в день текучая типа рутина такая то есть я дачи гид пол ребей и сейчас на час я затрудняюсь наверно сказать вот git pull up kit freebies чем отличаются но тут я скорее знаешь говорил про фло когда ты

    00:37:05 - 00:38:39

  • когда у тебя есть твоя ветка тебе нужно продлить эту ветку например devil удивил тоже есть какие-то изменить с ты ставишь мишек вес меньше квест целиться то есть не знаете автоматически ребей не может произойти и тебе нужно накатить изменения с ветки и дерил develop еще нету твоих изменений но там же если изменения твоих коллег вот этот момент ну точнее как это у вас происходит может или там ли баязид как правило вот ваш там тимлид который проверяет или же это делаешь ты и или дед как как это да это

    00:37:56 - 00:39:25

  • делать им лиц если какие-то критичные на там конфликты и нужно допустим выкатить чай смержи тито в testing еще другой вид куда для показа презентации кучи работает заказчику то это делает все вот эти да такие сложные вещи с ветками тимлид по большинству каких-то вариантов которые я слышал и встречал это машину и вообще самое с чем работал тоже когда это какая-то крупно большой команды можно безопаснее плане того что ты говоря копируешь эти изменения на ветку там решаешь конфликта у тебя есть новая

    00:38:41 - 00:40:09

  • ветка с новым ходам который потом станет поверх ну то есть поверх того деда на который ты хочешь добавить изменения то есть условно команде да нет но у тебя история будет очень такая с большими ответвлениями если же в команде изначально как-то с этим процессом следят и хотят очень чистую историю такую линейную то есть например тебя есть давилка ветка это мастер ветка вы хотите чтобы историю этих ветках она была очень чисто понятная и линейный то как правило в не дает & bass у одной борис иногда менее очевиден чем

    00:39:27 - 00:40:48

  • мер вот то есть если очень важная история если за этим следят то обычно это либо из тебя просто условно указатель перепрыгивает скажем так у тебя есть указатель develop дальше ты отличаешься от указатель с пышными показательной твой ветки и после этого когда ты сделал какие-то изменения только просто меняешь антилопы указатель на твоей комитета есть такая твой коммент и становится про непосредственно часть условно этой ветке да они вливаются как ты изменены как готов упрощенный ваши вот но это редко то есть я буквально там

    00:40:08 - 00:41:24

  • пару раз слышал на собеседовании что ребята использует три бейс то как выбирает хорошо пойдем дальше ты как правило изучал frontend большие с точки зрения the java скрипта или ты также уделял какой-то большое внимание верстки больше упор больше направленность на java script в процессе обучения была и более того по выпуске окончания 0 в основном курса по фан тент разработки чувство что вот именно верстки и у меня она больше отстает познанием до чем они жили java script и старался это как-то там исполнить тоже проходя курсы учебные

    00:40:46 - 00:42:08

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

    00:41:27 - 00:42:59

  • дописать юридическую безусловно но сейчас вот проект на такой стадии но по крайней мере так на плато вышел в плане добавление новых фич не так много новых фич и добавляются в основном это работа над ошибками над богами и там да такие точечные какие-то вещи нужно выполнять свёртка добавить классу брать брать друг ненужный класс то есть достаточно крупные блоки не приходится сейчас верстать доработка каких-то скажем так недочетов при первичной разработки один был ответвление скажем так и не взяли на другой проект нужно бортом

    00:42:13 - 00:43:35

  • достаточно быстро верстать такой лэндинг там я работал один confront инди-разработчики просто с базовый с базового проекта в сборе бойлер play to do запустил этот проект на technology with сборщик view и фреймворк стал wind вот используйте инструменты несложная верстка было [музыка] но сразу приходилось продумывать [музыка] может быть не использовались телеку компонентов именно поведение адаптивность это вызвало достаточно самый большой здесь сложности для меня в плане верстки чтобы это было адаптивно

    00:42:58 - 00:44:39

  • на всех размерах разрешениях экранов и так как кто умеет предусматривает модель first разработку даст начало для мобильных потом добавляются там через медиазапросы новые бутоны и классы чтобы уже отображалась корректно больших размерах вот этот подход несколько менял для меня ново и непривычно если бы ты сейчас делал бы проект скажем так с нуля и тебе нужно было бы построить сетку там колонки вот это все то есть решаясь и так далее перед перестройка интерфейса ты бы использовал какие-то нативные вариации даты или

    00:43:49 - 00:45:11

  • использовал какую-то бы уже с с библиотеку для этого именно для построения сетки да да ну база вода the steam тебе нужно сеткой и после этого может может быть ты вот как раз привыкли винду и ok или ты бы скорее там отказался в пользу нативно с.с. я думаю что из-за недостатка опыта работы с [музыка] верстка без фреймворка без частности тайвин наверно выбрал до фреймворк the wind в часто ну так как больше всего с ним опыта от и более того наверно нет у меня опыт обострений адаптивного сайта без на

    00:44:39 - 00:46:16

  • голом css да без прям бурков я делал в учебном пранков учебного проекта с статичный сайт вес без адаптивны без адаптивности и поэтому дадут с текущими знаниями я бы предпочел и создании нового проекта сессия strabag руки если у тебя быть задача что не нужно скрыть какой-то блок с помощью сейчас да и нужно сохранить доступность этого блока этого элемента каких-то данных которые находятся для ну с точки зрения xyz ability для поисковых движков вот чтобы это парковок да и так далее уходила чтобы сел в общем для данного сайта было

    00:45:27 - 00:47:07

  • подержим ты какое-либо свойство из сейчас использования для повышения для пущей адаптивности до для лучшего поиска да да да то есть для ней даже не адаптивности скорее accessibility access удивительно доступность до доступность можешь начать с тех спасти который вообще в целом 1 в голову приходит будем рассуждать да ну допустим для мета-тег description добавил бы и добавил момент мета-теги на страницу для для того чтобы поисковые машины определяли без без фактического без фактической загрузки страницы определяли бы так

    00:46:18 - 00:48:03

  • назначение дискрипшн описание это вас этого сайта через этот метод или да это да но смотри нужно именно скорее вот тут такая история что тебя в принципе поисковые движки они там смотрят в целом твой html который это исходный ну кто какие то умею там парсит то есть вполне java script парсить эта но они пока это умеет делать плохо и не так важно то есть нам важно чтобы у нас в итоге наш исходный html как бы содержал этот элемент который то есть дом от тренда содержал элемент который мы скрыли доступен для поисковых движков но при

    00:47:12 - 00:48:41

  • этом визуально он бы не занимал не пространство скобы тайване да но пускай поисковики его видят вот какое свойство то есть скорее не про метатеги амина про свойств css сейчас пытаюсь вспоминать что читал документации w3c консорциуму про доступности и так далее как как вот в лоб скрыть элемент а дисплей блок дисплей на например есть дисплей на а что делает свойства дисплей на там есть да вот допустим разницы да между дисплей нан и без ability hedin сейчас диск если я сейчас не напутаю не ошибусь

    00:47:56 - 00:49:34

  • получается isobel дисплей нан он полностью убирает элемент из нормального потока и чтим и из-за бетти higden оставляет этот элемент в потоке но скрывает его не он не не виден не виден пользователю и чтобы все ки лучше да определяли содержимое 7 пар селе лучше наверное все таки здесь стоит применять в изобилии хиданом свойства css для скрытия чем дисплее к нам [музыка] чем он будет недоступен иском машин до дисплей на вентральной режет скажем такой в доме он делал как будто не существует ok а смотри такое есть момент сейчас это

    00:48:48 - 00:50:38

  • касаемо протоколы части финны немножко поговорим у нас есть например будет у нас все о наверное около интернет-магазина поскольку у меня с этим связано скажем так про прошлое разработка и некоторые боли и которым из это выносили представим что у нас есть это же работаешь работал с скажем так запросами copy спартакович типе с методами какими-то да там до запросы аякса просто да у нас есть смотрели такой момент что мы переходим в мир в интернет-магазине на страницу каталога там у нас есть выдача есть фильтры и

    00:49:48 - 00:51:23

  • нам нужно [музыка] как от нас устроен так то есть у нас есть потребность загрузить в и . но перед этим мы должны загрузить фильтр из запросы за фильтрами мы получаем принципе все наши фильтры айтемы активными активные элементы и получаем также количество айтишников но не количество точнее о список массив айтишников который валиден для этой конкретной категории на которыми пришли то есть допустим пришли на аксессуары или перешли на телефон и которые iphone и в данной конкретной категории есть определенный список а девчонка который

    00:50:36 - 00:51:52

  • определяет эти товары у нас есть выдача к положено это каталожные ведущий должна выводить не сразу все товары она должна вводить во первых частично то есть зависимости от той pagination которые нас настроен допустим 30 элементов на странице то есть всего идиш ников может быть 200 нужно там 30 элементов вывести только и плюс должна учить в первых все фильтры которые у нас есть и сортировку вот то есть как бы можно запросить на данный момент 30 элементов и перед этим отправить вот эти все допустим там 200

    00:51:14 - 00:52:38

  • товаров или там их может быть несколько тысяч в этот мед и которые дает товары спаде нации какой бы метод ты бы использовал для данного запроса что как правило это определяет бег ну вот потенциально как ты думаешь какой бы метод здесь бы подошел так сейчас предположу просто что это был бы может быть на предмет от get запрос с каким то параметрам кори кори string я положу бы вот эти параметры фильтрации там и есть еще второй способ это можно было бы было бы в тело запроса и что теперь запроса положить эти тоже дополнительные

    00:51:56 - 00:53:19

  • параметры до которые бы отвечали за запрос за фильтрацию час точно последний от я думаю что да давай просто наверное как вы тут рассуждать какие у нас есть да вот есть get ты сказал да каире параметры есть ты сказал еще тело запросы то есть это там же самым детей или каком-то другом методе а get гав нет положить на нему его запроса то есть лет [музыка] есть у нас еще пост за вот запрос подходит здесь так что мы можем сделать с путы поста запросами в этом случае да смотри под скорее не очень ну как бы

    00:52:42 - 00:54:19

  • можно на самом деле можно любой зал то есть можно настроить так скажем серы что он будет при любой там надо долить даже треть присылать тебе данные на как бы это не очень хорошо можно придется бетон запрашивать это тоже не очень хорошо то есть у нас есть определенная там спецификации которая описывает как как это все у нас должного работы ну настраивается да все опять же делают очень по-разному много в данном случае давай ограничимся наверное get и post запросами как то в принципе сказал что body прям прям own this guide у не очень

    00:53:48 - 00:55:00

  • скорее танк пастух окей тогда давай рассматривать вариант про к вере и про body [музыка] что здесь будет предпочтительней напомни еще раз адэшников может быть сколь угодно много на пока не знаем то то может быть их 200 какую-то категорию мы прийдем а у нас две тысячи 4000 это все-таки склоняя что положить это в вере запрос в каире string там ключ фильтр значит этом количество до их и это полагаю что если достаточно много кто наверно в тело запроса это включать глупо проблематично а почему ну что не замечает то есть почему почему

    00:54:24 - 00:55:59

  • в тело запросы менее приоритет ночами давай на я еще расскажу скажу как пример настроить как правило вот эти айдишники они добавляются нотка до добавляются вообще карте фильтр добавляться через домой де равин такой-то энд ай ди равен какому-то значению вот и соответственно это все выстраивается достаточно такую длинную строку да здесь и как раз таки если мы добавляем в каире параметры и это точно то же строку которая лишь айдишники которые относятся в принципе да там к категории вот то столкнёмся ли мы с какими-то

    00:55:25 - 00:56:53

  • проблемами потенциально ну во-первых могут быть появится символа какие-то которые нужно будет декодировать какие-нибудь пробелы которые недопустимы по you real запросе они должны быть декорированы [музыка] может быть что-то cars это может быть связано хотя нет это значит уже придумывать как всегда карты скорее у нас будут связаны с тем если там сервер не очень настроен на какую то есть мы пытаемся обратиться с разных процентов на один бэккантри словно а front-end и нас крутится на разных там для тестовых до медных доме

    00:56:17 - 00:57:52

  • иногда то есть эфир у нас origin точнее а реальную заголовок у нас не соответствует этому заголовку который ожидает т.к. вот этот у нас может быть действительно тропа вот но если подразумевать потому что мы все-таки ходим с 1-го фронта на один документ то в принципе как бы курс нам тут не очень страшен вот но смущает все таки то что строка длины помню что-то про ограничение по количеству символов я честно говоря не помню какое там ограничением как бы запрашивать по идее бетон это хорошая практика потому что i get

    00:57:10 - 00:58:35

  • запросам том числе и кэшируется да и вот это все и вероятно что можно получать даже удобно там какие-то данные да там кашель этих там на уровне веб-сервера но к сожалению в таком случае у нас очень много адэшников могут аффекте этот запрос и мы можем просто не все эти шнеки доставать и тогда backend начинает отрабатывать на 77 корректно присылать мне всю выдачу то есть включается ли те самые товары и как и кроме как постом здесь мы отправить не сможем эти данные видеть были разные там предложений от

    00:57:56 - 00:59:15

  • прошлого кандидат в плане того что бить это ночам кино тоже думали может быть мы можем реально сделать и pagination на фронте отправлять запросы постепенно но если мы в принципе как бы будем несколько но у нас это не работает потому что gag and на самом деле настроен так что мы должны отправить сразу все идиш ники вот иначе у нас быть неправильно сортировка тут соответственно когда только вариант с постом другой вопрос что здесь не совсем корректный backend но яга backend дальше править чем скажем

    00:58:36 - 00:59:50

  • так поменять просто getme посты пожалуйста иногда когда бизнеса нужно здесь сейчас хорошо тогда пойдем наверное в сторону java-script вы пишете ссх синтаксисом местом 6 полю синтаксисом или вообще вас typescript на проекта джейс у нас версий с 6 то есть это модули я возможность использовать импорт ключевое слово импорт [музыка] то есть модульный модульный подход перестать и я когда уже начинал обучаться принципе не застал наверное для себя в плане обучения предыдущую версию на команды модулях еще используют и тут есть обратная

    00:59:14 - 01:01:05

  • совместимость да иногда приходится насколько я понимаю в модуле некоторых конфиге допустим нет и библиотек они работают через модуль . экспорт то есть задействовать это команда из подход ведущий [музыка] и предыдущая версия стандарта но так в проекте да мы используем модулей 6 это да а вот war вы используете такие привязки константы нет и коктейли точнее тут такое ключевое слово для объявления переменных нет не используем а почему то есть как то как то вы например вас даже линд будет ругаться если вы будете

    01:00:19 - 01:02:01

  • использовать war честно говоря про правила интера не знаю потому что я даже не пробовал будут отработать в нем как ошибку это или нет но насколько я знаю просто scans the land может здесь этими двумя средствами можно обойтись и использовать нам специфичные свойства wars используя can stay лилит ситуациях почему ты бы сам использовал war своих каких-то проектах нет новых проектов и не использован я сейчас еще параллельно просто пытаюсь все-таки специфического отличительно числительных отличительных черту biawar а вспомнить

    01:01:20 - 01:02:42

  • насколько помню она там область видимости esli vy головы объявить его в какой-то функции то ее можно будет вне этой не области видимости этой функции эту эту переменную на нее сослаться то есть она будет видно и вне области видимости той функции в которой она определенная за констант это перемены или вот из-за таких какие тонкости наверное я из то есть четкого непонимание [музыка] этого объявления war я бы наверно не использовал по той причине что я просто какой-то тонкости не знаю использования

    01:02:03 - 01:03:32

  • ну да в принципе все правильно та самая такая наверно основная история о том что у нас все это дело это может сплотить перри определяться в рамках даже там ну то есть блочная видимость куда понятней там и всплыть и этих переменных и передана значения да там не выдает ошибок например в рамках war но не будет таких как там а мальчик до изменений если ты используешь то не будет и const у тебя будет аффекта со проложение если ты обращаешься к времен и до ее объявлений вот ну и в опять же да вот это

    01:02:50 - 01:03:58

  • неочевидность сайт эффекты и вот это все но как правило больше приложениях усугубляет процесс написании кода и вообще последующие отладки особенно тринадцатом ваши компоненты поэтому варну старайтесь не спали хотя при этом бара более оптимально работает то есть как бы const он более такой ну там когда есть определенная проверки если ты посмотреть на то что это превращается то есть определенной проверки дополнительно к провязывается при инициализации перемены так через ком стали здесь много всяких таких цепочек и пока как бы

    01:03:25 - 01:04:49

  • этот код не исполнится вот интересно обсудить в каком порядке будут выводиться вещи в консоли но можно на по порядку до начать естественно сверху вниз да можно поиграть в интерпретатор значит видим вызов функции библиотечной функции сайт тайм-аут который получает call back которую очередь выводит в консоль тайм-аут 1 и в этот сад тайма вторым параметром передан то миллисекунд она скажем так а о call back at работает но насколько помню что все равно там какая-то задержка а то мне если даже передать 0 с этой мало тут а то ли

    01:04:07 - 01:05:48

  • четыре сотых . 4 тысячных секунды от работают четыре миллисекунды могу ошибаться ну допустим предположу что она сейчас консоли локтем а первым выйдет ну нужно помнить что эта асинхронная функция еще так дальше мы переходим объявление переменной п которую так отдаем результат конструктора не you promise создаем promise тоже к в кабаке имеет консоли log сразу сразу вызываем сразу разрешаем этот promise люблю в принципе этот console.log сейчас не должен отработать потому что мы как [музыка] не вызываем не его разрешение он там

    01:05:07 - 01:06:52

  • себе в своем состоянии panning находится неразрешенный так следующая функция это асинхронная функция к это получается объявление с сейчас это свой блог не должен отработать мы не вызволит асинхронная функция а крис и так дальше мы видим тайм-аут тут уже больше двух секунд пять миллисекунд тогда лист мы как interpret от раз встречаемся time out которые в свою очередь и получает функцию time out так тебе здесь что-то смущает так я я вижу что тут с этим от callback передан никак стрелочной функция а как через

    01:06:04 - 01:07:41

  • именована я функция фонтан соответственно на там [музыка] приз срабатывание это вас и тайм-аута но тут привязки здесь нету по в принципе проблем не должно быть и вот потом мы все-таки вот эту ранее объявленную переменную п рисованный promise наш вводим цен так хорошо с меня в голове уже [музыка] even суп образовался пока который я не могу определить какой очередности такси запускать давай разбираться знаешь какими вещами то есть что она здесь уча в целом представлены то есть вспоминаем как работает один клуб

    01:07:04 - 01:08:44

  • напомнишь да то есть мы как шли как интерпретатор до получали объявление там функции переменных если мы увидим увидели что операция огромная то мы выполнение ее запас как бы обработчик выполнится в момент когда подойдет очередь vv and looked то есть но он некую очередь забрасывается но скажем так не обрабатывается потоком до него дело дойдет когда только очередь будет пустая соответственно вот у нас в нашей очереди внп накапливается какая-то очередь котором мы последовательно уже потом выполняем когда

    01:08:07 - 01:09:42

  • когда у нас на это есть ресурсы это в этой очереди и других задач соответственно вот а со всех ровно а ты назвал асинхронная операция да какие у нас если синхронно операции ну давай надо как бы не весь перечень а допустим там подразделения там несет череда есть их очередь каких-то таких то сакке других сошник разные типы асинхронных операций наценки это между да ну вот допустим promise и это тайм-аут и это одинакового скажем так ранга операции асинхронной или нет и но это почти сказать что все-таки разного

    01:08:57 - 01:10:31

  • характера set time at он не создает объект promise а то есть он просто выполняет callback через определенную какой-то промежуток времени a promise у нас тоже правда прелесть устанавливает скажем так слушатель на но на определенное скажем так действия там есть на успешное на не успешное действие в год но у них есть определяет специфику там про микро макро тоски помнишь честно гранит есть макро тоски есть micro тоски то есть да есть разные определенные поборы но вот если в данном случае смотреть это

    01:10:06 - 01:11:48

  • ситема promise cdma от является маккри task то есть операции которая выполняется после my car to suck очередности на вам в топе и соответственно интерпретатор когда идет смотрит весь наш этот ход он смотрит что здесь как-то созывается там какой-то произвели на api или не правда ли на pido esta там языка и распределяет там micromax тоски вот ну когда он выполняет например операция 30 тайм-аутом он создает этот тает таймер словно до тайм-аут назначает ему определенный dish ник и callback который описан все тайм-ауте

    01:11:04 - 01:12:31

  • кидает с указанием этом этого язычников очередь водки когда у нас весь код как раз синхронный был который попал синхронных кол стек выполнится происходит тег и определения танк выполнил прошло и время для тайм-аута если этот и тайм-аут есть да и в этот момент мы добавляем этот тайм аут полз такой выполняем клубы который был перед ним его вот а если про про вместо это микро тоска который выполняется раньше перед всеми красками вот interpret интерпретатор пойдет с этой mode выкинь из мака тоски с promise омон что

    01:11:47 - 01:13:22

  • сделает данном случае в данном случае он его разве стану то есть успешно запустить как бы разрезал биться при [музыка] перейдет его в разрядный разыщи стимул вызывает резов сначала у нас но сначала мы создаем то есть мы перемены 5 при присваиваем новый объект оправиться то есть данном случае мы создаем новую promise и ну да адам сэвидж сразу вырезал вот бег который мы передаем там который содержит терзал пиджак определиться в конструктор конструктор этого про месси получается что как бы кроме сам год сам как-то сказать микро

    01:12:40 - 01:14:15

  • тасс когда условно микро тоска данном случае будет являться note 7 разобрались с этим all to make the sky promise me cry to ask a micro тоска это вот этот создание нового про мясо или же что-то другое наверное микро task когда-нибудь на создание кроме со гид сам мод момент его разрешения момент когда когда мы вызываем бризов за вызываем резонов и он проваливается куда в очередь этот лупа как а но то есть да и получается вот условном ты ты используешь до в работе promise и да а ты когда назначаешь promise как

    01:13:38 - 01:15:16

  • правило ты ждешь какой-то ответ ну то есть это какая-то синхрон операции нарядно это скорее обращение даже там бэг-энда и посоветовать тебе что-то нужно выполнить с точки зрения там логике какой-то вот и когда ты вызываешь promise ты устанавливаешь какие-то там слушателя успешными успешно события в пронеся в данном случае у нас это слушатель установлен или нет можем посмотреть по он по нашему как это сказать дерево вызовов смотри у нас создается но promise а чуть ниже у нас есть d на этот правильном

    01:14:44 - 01:16:10

  • случае слушать а нас установлен на успех вот и получается что вот эта история она попадет в конструкции 1 promise а выполнится сразу же то есть создаться скажем так null object провиса наконец и конструктор и исполнится код который находится внутри данного [музыка] данного кубик развиться риза фризов уже три гернет только дзен и dns данном случае получается это микро тоска попадает в очередь вот этих асинхронных событий vod-ok [музыка] асинхронный вот эта функция она здесь объявляется песни в данном случае ничего

    01:15:41 - 01:17:22

  • не произойдет но есть какой-то вот и и вызов будет триггере темно какой-то как это сказать отложены действия для данной функции то есть для того коды которые в ней теле эти функции указано так я так полагаю что да так как эта функция синхронная все-таки имеет тело там концу и log и это будет являться некрасовская как раз которая уйдет наш очередь инфу по окей мы здесь еще немножко посмотрим когда мы запустим этот код [музыка] хорошо тайм-аут и они уходят до сих раньше ну потому что ну как бы это макро

    01:16:32 - 01:18:03

  • тоски но тот лишь вопрос какой то скажем так по очередности то есть у нас есть один тайм аут до который с нулем нас есть 2 там аут тайм аут который выполняется через пять миллисекунд и есть тайм-аут у которого вообще не указана [музыка] время его исполнения времени указания времени исполнения аффекте как это вообще работает функция с этом от оленят но по умолчанию напомню также принимает 0 но там есть какая-то задержка которую и говорил не сразу может вызваться общем так грубо говоря 0 да примет

    01:17:23 - 01:18:46

  • но уже поняли что это где-то порядка вот там да там 4 миллисекунд когда если бы здесь была бы 4 миллисекунды был бы вопрос вот чтобы выполнялось 1 но получается что как бы здесь у нас нет этой задержки соответственно данный сет тайм-аут данный сайт ой мама пойдет после вот этого святого туда дальше у нас больше для выстроится следующий асато ма сат тайм-аут и потому что он как бы ну не успеть выполниться да ну да он не успеть выполниться до указанного тайм-аут и которого нулевое значение будем считать

    01:18:05 - 01:19:38

  • вот и у нас ищешь его console.log который вообще синхроны тут на самом деле очень много разных кейсов которые совместно все соединены и достаточно сложно назвать прям сходу чтобы зачем давай запустим ее разберемся всем этом винегрете запускаем этот код виден до 7 вызовов ну и собственно давай смотреть вот первым вызовется promise пробиться действенность почему потому что у нас вот эта история попала в конструктор про мясо конструктор кроме создается асинхронным ну то есть просто ну как бы мы создаем данный объект promise а новый

    01:18:50 - 01:20:24

  • и передаем кабак конструктор соответственно таким образом мы сразу заполняем конструктор этот код который передается конструктор выполнять синхрон варианте дальше у нас выполняется как ни странно видишь вот этот код который находится во sing фарша потому что у нас никаких a weight of нет а то что мы обозначили там через осинка эту функцию мы иногда это во первых не очевидно то что какой то выполнится сразу и как правило там без a weight of лучше то функцию там не использовать вообще в целом месяц мини

    01:19:37 - 01:20:54

  • нужен там не писать асинхронную функцию одно и как бы то с точки зрения экзекьютора promise а у нас этот код который находится в асинхронных функции который описан синхронной выполнится сразу же в общем потоке асинхронным кодом такая вот история дальше нас выполняется скрипт н да это у нас синхрон операции console.log после этого выполняется дзен то есть мы сначала выполняли создали объект promise у нас выполняться конструктор и дальше мы повесить обработчик на этот конструкт на этот кроме с которым мы создали вот и

    01:20:16 - 01:21:36

  • поскольку это микро таск у нас выполняется данная операция перед всеми макро тосковать и после этого пошли наши макро тоски то есть первая вторая и еще не 3 и 2 тут все понятно да то есть как бы тут первое потому что 0 там вот эта история потому что тоже у нас соответственно весь когда 0 а здесь у нас задержка 5 миллисекунд вот и ну как правило народное именно такая каша в обычном приложении не встретиться но может быть большой развесистые такое как это сказать блер plate какого-нибудь крупного

    01:20:56 - 01:22:29

  • компоненты и соответственно нас может быть вызов нескольких функций в каком-то порядке диски с какой-то такое настроенные может быть много вопрос и в этом смысле да асинхронность java скрипта и вот этот опыт прим важное такое киллер фича тыс иногда ты даже сеньоры некоторых вещей могут не знать вот плане например тэнасе храм на 7 до конца хорошо view вы используете в каком формате давайте поговорим про это вы используете как single file какие-то компонент или вы или вы может быть как-то разделяете

    01:21:46 - 01:23:22

  • архитектурные на разные составные части то есть логика отдельности или отдельной как-то вас выглядит но у нас архитектурное поделена на компоненты view вообще до используем single сингл компонент без объявления до глобального компонентов кулам глобально по моему никогда никакие не зарегистрированы есть во первых разделения на p&g сна компоненты которые отвечают который будет равен 30 при изменении каких-то изменений в rockin' где то есть дата сна допустим основная страница страница допустим настроек профиля

    01:22:36 - 01:24:14

  • все остальные более модульные компоненты выделены в о компонент где просто подход [музыка] создание компонентов чтобы их можно было переиспользовать с опустим где какие-то компоненты переиспользовать разных частях кода передавая нужный нужный параметр и в определенной ситуации где где он будет использоваться если это модельное окно она может повстречаться нескольких частях приложения и соответственно но допустим в общий дизайн он остается у компоненты ума дадут модального окна может поменяться заголовок этого модального окна тела и

    01:23:33 - 01:25:05

  • может быть название кнопок а какой да вот как я был сингл сингл компонент но сейчас еще параллельно это курс начал проходить по view и для себя подметил такую вещь как объявление глобально компонентов которые бы встречались неоднократно опять-таки в рамках одного приложения но это тоже какие там достаточно специфические компоненты например там компонент отвечающий за корректное отображение да ты должна локали и его можно использовать несколько раз приложение поэтому целесообразным выделить в глобальном 9 вы работали

    01:24:27 - 01:26:07

  • ну точнее работать вы snax или может ли вы работаете прям там через в его view силой бы парком как собираете вот интересный простой какой вас скажем так конфиг для сборки и более plate нет пользуемся получается naxt не используется view и и 3 и и силой и сборка происходит [музыка] а не откусила и я в этот учебный проектах вид сборкой занимается всего этого и там достаточно интересные настройки по уменьшению бангла можно делить на начинки принципе это все сборщики так умеют но когда я пришел уже на проект вид

    01:25:19 - 01:27:05

  • использовался и до этого я слушал что достаточно такой простой в использовании конфигурации чем вы покупок и получилось бы использовать его на учебных проектах и вот сергей уже опыт позволяет сравнить эти 2 сборщика да ведь действительно гораздо проще в настройке как мне показалось его конфигурации хотя я в принципе когда новый упрек создавала я использовал более plate там был включен и объявит тем более мне не составило труда это все развернуть у вас такой достаточно свежий проекты насколько понимаю потому что view 3 да

    01:26:14 - 01:27:35

  • сфере и он был тут середине прошлого года или в начале прошлого года а вы значит вы же есть используйте композиция на полноценный или вы вообще нас общем сопи до композиция на и я встречаю вот уже под катом был до меня написан до каких-то отдельных компонентах каких-то теме computing сам я его не использую в при создании новых и пока еще не то есть не удалось с ним лучше познакомиться да слышал немножко читал слышал но пока принципиальной разницы не понимаю кричал общей цепи и композицию принципе

    01:26:55 - 01:28:35

  • этот этот подход вполне себе полезен потому что какие-то крупные бывают нам приложение они до сих пор пока еще вынуждены оставаться на здоровью у него поскольку там наказ например у нее до сих пор еще находится в бета-версии по 30-ю то есть он пока еще не совсем готов вот и собственно собственно давайте придем как раз таки к проекте куна view который я подготовил нашим обсуждению пойдем сразу папочку source и вот можешь здесь познакомиться со структурой проекта ну по заголовку понятно что это какие-то фильтры вот но

    01:27:44 - 01:29:14

  • почему-то пока больше ничего нет джейсон файл filters понятном нгс где регистрация приложения идет и к главного приложения главного компонента об неё наверно это компоненты здесь который используется в приложении так да здесь у нас ну там остальные история не так нас не очень интересует фильтр джейсон это скажем так мог какой-то файл для того чтобы нам было с чем работать то есть условно ты эти данные мы бы получить с бэг-энда вот но пока не имеем например бэг-энда на имеем какой-то там условно дизайн который нам

    01:28:32 - 01:30:01

  • нужно реализовать и оживить вот сейчас у нас по идее созданы компонент фильтр лист можем не восходить компоненты top list лист до который подключен здесь здесь у нас собственно как бы вывод по идее этих фильтров какая-то простенькая логика описано да и этот компонент также импортировать фильтр category эта категория до как раз таки определяет определяет вывод по конкретной категории в этих фильтр g сегодня то есть если мы откроем давай откроем фильтр часов так базы и посмотрим что там есть фильтры это фактически такой массивчик

    01:29:25 - 01:31:04

  • который содержит объекты и объекты то условно какая категория фильтра о категории есть простые параметры да там тайтл пей пей это как индификатор то есть условно айдишник пускай будет так тайтл это для вывода категории ну там type мульти или какие-то еще они все практически мульти то есть можно выбирать много ни один вариант и wrap это какая то соответственно история которыми не смотрим ну то есть это в рамках какого-то того визуализации вес это собственно говоря те варианты фильтров которые мы можем почитать

    01:30:18 - 01:31:47

  • ну вот собственно говоря такая структура то есть в а п п мы подключаем фильтра лист который инкапсулирует себе логику отображения этих фильтров по идее мы передаем туда фильтра фильтр мы получаем данном случае из фильтра джейсон но и они вроде должны отрисоваться потому что у нас там вересов никаких нет почему-то у нас не отрисовывается вот давай решим первый вопрос почему так начнем наверно с верхнего уровня до с так как ты сказал что f и у нас контролирует себе на все так он он импортирует подключать фильтр лист до

    01:31:04 - 01:32:23

  • фильтр начнем с того что фильтр лист имеет параметр props filters куда мы передаем наши данные отфильтрованы а мы то есть это у нас импорт наши вот эта база фильтр джейсон так хорошо есть здесь и пока не вижу правда про проблем которые могут быть а у нас принял массив с фильтрами хорошо переходим и пир лист а смотрю что проверить свойства props принимает ли он принимает ли он [музыка] объявлена ли в этом конкретном компоненте то что он принимает параметр и elders так вот этим не пользуюсь подходим ну

    01:31:45 - 01:33:35

  • тут ничего то кофе в объектам под представление props привык видеть здесь массив а для чего объектное представление так как правило сидишь там достаточно удобно и можно указать дополнительно ключи параметры скажем так тип требуемые предъявляемые к этому процессу [музыка] типа такая проверка типа можно сказать происходит дальше можно по умолчанию задать какое-то значение и объявить этот пробкам обязательными он является или нет если обязательно это view сразу выдаст ошибку в она услуги не ошибка моды страны ну и на придут

    01:32:49 - 01:34:28

  • предупреждение о том что компания должен принять такой параметр но не принимает не передан ок ну хорошо при мается у нас компонент именно таким ну да то есть props и мог быть массивом могут быть объектом соответственно могут быть написаны своей собственной валидаторы на это все здесь не так критична подтолкнуть хорошо всегда описывать реальный там действительным объектом формате чтобы вы лидировать эту историю до ном это не аффекте в данном случае то есть что-то здесь есть все-таки другое нет у нас проект собрался то есть все ok

    01:33:41 - 01:35:08

  • мы знаешь здесь какая может быть проблема наверно все таки по п.п. как-то неправильно мы передаем эти данные все лишь мы импортируем данном случае это фильтр дату и массив то валидный все хорошо он бы тоже заругался да там а иначе бы не смог почему он бы заругался вот но получается что в данном случае мы эти данные ну как бы в систему реактивности view не добавили то есть мы просто при портировали этот модуль передаём его в пропсы как бы вроде здесь danone view не понимает что props и к нему пришли какие-то то есть на тот момент

    01:34:34 - 01:36:08

  • когда мы передаем props и этой истории нет допью как будто бы да и соответственно вводить ничего вот как можно поправить этот момент можно свойство да это для компонента и соответственно при поставках импортировали фильтр джейсон для комфортного состояния данных для этого компонента прописать допустим проб многу с 1 создать свойства диета для этого компонента линии тот же самый допустим она же назовем это filters я данный к этому компоненту чтобы вот как раз надо боитесь нашему компонентов реактивности

    01:35:26 - 01:37:21

  • так каким образом дал допустим смотри у нас что-то произошло пошло не так у нас куда-то слетел вообще и заголовок вот эти фильтра которые были самого фильтра листы и вероятно у нас какая-то ошибка то есть если ты сейчас глобальных консоль откроешь потом у нас будет ошибка а мне кажется что не здесь вообще в целом наши открыть консоль бра браузера да то есть такой редактор который к сожалению не выводятся в общем я тебе сразу давай на миг но правда это давай посмотрим что такое дельта дэ это можно принципе обозначать

    01:36:39 - 01:37:54

  • как свойство объекта если ты делаешь там немножко иначе датами ты держишь не view и и передаешь как бы в конструктор скажем так новый экземпляр и сразу какие-то штуки да а если у нас дейта все правильно ты на заметил это метод который должен что-то возвращать да он возвращает объект как раз с этим свойство все так фильтры заголовок у нас появился отлично но чему-то у нас не подгрузились наши фильтры давай попробуем нажми команд с далеко он привез зависимости не работает на сохранить нам сейчас окей давай думать дальше да да конечно

    01:37:21 - 01:39:04

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

    01:38:24 - 01:40:01

  • быть должна быть подвязка реактивной системы компонента да там через да и то мы возвращаем какой-то метод и мы должны при каком-то слове дернуть метод taken to fetch какой-нибудь да и запросить эти данные и назначить для этой переменной которые дельта которые по считая новое но и значение которой пришлись бы конца завезли испанцы как бы ты это сделал но первое что при голову не зна верно или нет w жизненный цикл компонента и через момент женя цикла монтирование этого ну то есть рендеринга этого компонента то есть свойства

    01:39:15 - 01:40:40

  • mounted я бы наверное сделал там вызов copy бэг-энда каким-то образом либо это через менеджер запустил бы action да и как уже через стоит менеджмент б запросил данный с бэг-энда и уже потом дополнительное сделал бы импорт в этом компоненте из этого состояния ну и как бы выбрал бы соответствующие данные состояния и при этом у в том же mounted присвоил бы новое значение filters здесь filters равно там данные которые обновились а в каком бы методе жизненного цикла производил бы запрос заданными наверное таких даже на более раннем

    01:40:05 - 01:41:54

  • стадии кредит возможно [музыка] так ну в принципе да я думаю когда идет перед желательно перед монтированием потому что иначе у нас тоже может быть некие траву то есть да да монтирования этого компонента мы нам желательно получить элемент данные которые необходимы хорошо теперь такой момент давай посмотрим что у нас что у нас какая логика у нас реализовано то есть если ты кликнешь сейчас на какой-то конкретной категории то ты по идея провалишься в эту конкретную категорию тебя там будет именно те фильтр который относится к

    01:41:06 - 01:42:46

  • категории бунт мы можем что-то подбирать но у нас вещь какой момент до 7 нажмем назад а кнопочку do the town ace выбраны фильтры не сохраняться вот здесь есть некий траву а еще попробуй выбрать например какие-то другие категории где может быть больше фильтров например коллекция какая-то да вот у нас что здесь поехала горстка двойной разбираться теперь с компонентом который который конфет 25 фильтр лист сходим посмотрим что фильтр лист вам вообще стволам что здесь у нас есть здесь у нас есть wedding

    01:42:00 - 01:43:29

  • это геев на какие то там тайтлы и так далее ну вот мы видим что принципе вообще статика то есть пока это штука не реализовано вот а бизнес хочет чтобы чтобы у нас количество фильтров определялась вот плюс это как вообще сделанным и мы перебираем в цикле пить элементы да и у нас получается есть также фильтр категория которая здесь взывают через wave вот тебя что-то смущает но таком написании чего-то не хватает или вообще или все ну я так как здесь вижу что повторяюсь повторяющийся элемент когда с

    01:42:47 - 01:44:18

  • фильтрами грубо говоря вот этот лифчик они повторяются и я наверно тут ожидаю увидеть какой-то директиву v-if и прошёлся бы по массиву их от рендерил вы будете [музыка] компоненты но смотри be for у нас на самом деле как бы есть есть она есть данная то есть мы ее по идее перебираем перебираем из переданных фильтров всякий вот хочется что-то добавить на что обратить внимание вот в этом блоке ну дома 3 мы здесь отображаем всегда статичная 0 фильтров не не привязывать какой-либо переменной на динамический не меняет

    01:43:36 - 01:45:15

  • [музыка] брин их лидеров соответственно нам бы привязаться к как никому состоянию q который бы предел количества gun фильтров это это первый момент так а фильтр к thing это у нас это у нас компонент который до рядышком note 7 портирует сюда фильтр категории в данном случае этого ты кликаешь даю у тебя wish меняется параметр который говорит что отображать и и назначается дата для фильтра категорий selected как много ту которая то и клик на условно да вот это методе то он передается алибек его отменять смотри я тут хочу

    01:44:33 - 01:46:07

  • обратить твое внимание наверное на момент как что мы используем by for do before фильтр лист блок но при этом у нас есть еще в iv который но определяет можно ли скрывать или нет и насколько такой подход допустим ну понятно что допустим что он работает да но как это вообще можно так использовать такие записи нот или нет как думаешь да я что-то такое припоминаю почему это нельзя ничто здесь какой-то конфликт может быть еще обязательного параметрам и как желательного параметр аки не передается до каждому элементу внутри цикла у нас

    01:45:35 - 01:47:12

  • чтобы облегчить работу там виртуального дом для определения конкретно компонента так а почему же вы свой if we ford совместно желать они использовать там так может быть просто в целях улучшения форма нс потому что если вы их не будет то и фору отработает хотят and ride ничего приди но в да у нас могут быть в принципе проблемы с как перед назначением функционал то есть если у нас например да действительно этом ничего не должны рендерить по какому-то условие при этом мы пытаемся рендерить любимый наоборот как бы не

    01:46:29 - 01:47:51

  • пытаемся ряды аренды то что должны ренда эти в каком-то моменте у нас меняется вот этот воев не очевидно очень много очевидных вещей то есть лучший конкретно скрывать тут блок который должен рендерить добавлять и добавлять какой-то wrapper вот ну пока можем кабине добавлять но это в целом интим должны были проговорить кей желательно прописать а вот в качестве кей ты бы какой параметр использу сейчас вернусь фильтров ну во первых что хочешь сказать что какой-то уникальный [музыка] уникальное значение

    01:47:23 - 01:48:44

  • этого kay нашу базу то фильтрами он наверное очевидно в первое что приходит год а и ключ кей и использовать каждого фильтра то есть фильтр . key качестве ключа для от компания doogee ну окей давай пропишем сразу до h turkey да отлично и у нас осталось до последней ну как осталось задача привязать мог главная наша задача привязать счетчик в динамик привести вот добавим эту переменную и попробуем реализовать так по всей видимости можно создать компьютер и там какую-то логику описать для этого счетчика

    01:48:03 - 01:50:03

  • такой из отход давай подумаем до чтобы делать компьютер но компьютер тонн как правило не имеет каких-то побочных эффектов просто выдают не принимает какие-то входящих параметров он записано в компьютер и данных дейта и обновляет параметры например зависимости от изменившихся параметров дейта директор функция который не имеет побочных эффектов тогда нужно вычислить кит определенных входных параметрах мы ожидаем в определенной отработку функции конкретным значением ну да мы ее еще также используем принципе вообще как

    01:49:30 - 01:51:07

  • свойства да то есть у него фактически есть возможность только надет ну как бы можно там добавлять какие-то варианты до видоизменения но в принципе как бы переопределять компьютерные даже не может то есть это функция которая просто теперь отдает какое-то значение всегда вот и здесь получается вопрос откуда мы будем собирать данные для того чтобы получать компьютер в целом к пьют от ok вопрос откуда до получать данные на данный момент у нас это чисто статика и мы в целом не имеем здесь знания о том

    01:50:26 - 01:51:42

  • какие фильтры у нас выбраны и получается все фильтр у нас скрыты вообще фильтра категории ok пойдем сходим фильтры категорий посмотрим что что из себя представляет этот компонент давай посмотрим на верстку сначала начнем с тимплей то [музыка] так может сразу да дело посмотреть какие то может быть ты видишь вещи которые тебе мозоли глаз но стучит они живут тупо но это должна иметь мелочно тогда сказать скорее про структуру вагиф но а.к. сразу . назад это имеет место быть здесь она обернута в div что не есть хорошо для для

    01:51:04 - 01:53:03

  • доступности да и для семантики верстки я бы я бы bottom здесь использовал дала можно сразу писать ботинками здесь я согласен полностью тоже нужно продублировать не полировать а да нужно кого нужно пойти до да мы тут принципе ничего пока заголовок с не вроде тоже никаких проблем буланович 4 допустим еще таки назвать уже классами там стилизовать под нужный нам размер скажем так мне кажется . с точки зрения семантики его тоже было бы лучше еще один потому что он тут найти кучу танец и один-единственный

    01:52:07 - 01:53:31

  • но вот ваш вопрос как бы не совсем так потому что фильтры все таки тоже заголовок и он вот в данном случае как бейдж лишь один или не помню какой он на самом казну не так важно хорошо более главный заголовок это фильтры а уже в категории у нас есть другой заголовок до который вот ну я бы здесь не придирался то есть в принципе можно но на самом деле структура более менее понятно можно еще два например был до села ну согласен дальше на снова цикл for так [музыка] то есть он для каждого им пута рисует

    01:53:04 - 01:54:23

  • но опять таки нет ключа нет параметра ки возможно писать да да конечно так паэлью так как какой-то так если вы был бы typescript здесь был бы сразу тип какой-нибудь интерфейсе какие данные было бы красиво давай посмотрим filters джейсон котят какая там структура представлена она утварь из айди тоже можно привязаться к идее да да [музыка] и у нас есть еще и вот и лейбл а дальше ну лейбл очевидно он им по должен быть обернут внутри ну как внутри лейбл по бы связать это с input конкретно слои был чтобы

    01:53:58 - 01:55:48

  • однозначно была привязка лейбл какому-то [музыка] такому-то компоненту до нашем случае энту там да то есть обеспечит насколько помню в правильном фокусировку для им путане только фокусировка бы на нем платье будет не только когда мы нажмем на мышкой там или не видимся через навигацию по тапу но и при нажатии на сам лейбл сфокусируется да да в данном случае мы можем немножечко поменять скажем так порядок и вообще там если нужно будет дали дальнейшем стилизовать но как бы давай сейчас не привязываться у тебя получилось так что

    01:55:14 - 01:56:45

  • сам человек боксы находится после текста вот ну да можно просто там сейчас сделать импорт перед текст до чтобы не нарушать дизайна а кроме того как поместить им под play был в наши какой-то вариант которые позволяют [музыка] сделать связку лейбла сын потом да через зайди так для лейблах по так по моему лишь менялись да for a назначаешь конкретные значения допустим это будет [музыка] эндом пускай будет они по то что там сейчас не придумал ничего лучше просто input и здесь нужно тогда name привезли атрибут name добавить

    01:56:00 - 01:57:51

  • стоит вы значение лэйбла for all дай бог есть шабаев но все-таки мы говорили о том что у нас есть три раскачали зайди то есть получается у нас вместо name должен быть айди агат так у нас что-то ругается сборка давай посмотрим что нас консоли все собрала всякий давай попробуем сработал наш кейс или нет но в принципе нам сейчас это не так и важно на самом деле как бы у нас от работает ну то есть сейчас у нас идет вещь связка через связка через lame им под внутри лейбла если бы у нас и под находился там до или

    01:57:08 - 01:58:44

  • после лейбла в зависимости от того какой вес должен быть дизайн сейчас давай не будем дроби мы бы тогда уже но вот как-то разбили на при этом но тогда нужен скорее уникальный dt катар то есть один вообще по идее уникальный в данном случае у нас получается before the эта история мы получаем у того верстки несколько один от ну вложенных там структуру друг другу да и эти штуки нас дублируется это сразу не очень хорошо вот и здесь мы тогда должны все-таки были использовать какой-то уникальный ключ из ipad а вот чтобы нас for и этот

    01:58:03 - 01:59:26

  • но сейчас можно вообще удалить эти истории потому что у нас все окей и работает вот это мы так скорее да можем убрать потому что нас устраивает текущее состояние у нас нету пока дизайн и какое все мрачно вот насчет какой момент обрати внимание на стиль и в данном компоненте стиле имею ввиду прям вот блок style да здесь один есть момент вот виши нас есть фильтры есть заголовок пол так не имеет общей общий класс 1 и получается видишь какая история что мы используем этот класс здесь компоненте который категория назначаем

    01:58:45 - 02:00:37

  • ему color blue у нас этот color назначается и заголовку которая основной который находится фильтр фильтр лист компоненте это кажется что не то что мы хотели потому что если мы обратимся фильтр лес посмотрим в стельке которые фильтра листе а здесь у нас вообще ничего нет но вот допустим напиши сейчас и какой-нибудь условно green и посмотрим как это у нас отработает green скорее без да без стропу а вдохни обозначение так как с как припал перекрасился то есть вроде как бы не совсем то что мы хотим и хотя

    01:59:54 - 02:01:18

  • чтобы здесь был green там был блин но этого добиться так если мы вставил добавим сколько это изменит ситуацию [музыка] а что происходит когда мы указываем скоб то есть что это нам дает а именно [музыка] создают некую область видимости для конкретных фильтров которые здесь новых фильтров все свойства которые указаны в этом компоненте и они будут применяться конкретно для этого компонента то есть такой случается наставил компонент нет проведена по skype это так условно есть вариант указывать какие то например общий стиль

    02:00:47 - 02:02:20

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

    02:01:47 - 02:02:54

  • все-таки капсуле мины компонент это принципе можно mountain если это особенно используешь с эндометрий процесса ты можешь подмешивать какие-то глобальные стиле и приятным использую скоб стиле которые тебе позволит не задуматься о том как тебя придет поведет каскадно и перед назначение на вот этого все дерево хорошо с этими мальчиками мы забрались что знаешь какой есть маленький момент давай пойдем пока мы далеко не ушли с с вернемся до фильтр скорее категорию попробуем пойти в категорию в которой

    02:02:20 - 02:03:42

  • много фильтров то есть там пол нас не очень строит давай посмотрим [музыка] так выпьем и посмотрим какой-нибудь категория в которой вот коллекция пускай будет например да вижу как-то не все вот не так выглядят ему то есть вроде как бы нам этот горизонтали scroll не нужен что-то здесь пошло не так разработчик забыл какие то стиль указать смотрим о том слово на родительский элемент посмотрим div куратор до который является карбюратором для этого то есть дома да так получается что он это блочные элементы который

    02:03:01 - 02:04:49

  • у нас вместе столько лимитов сколько мне его собственной и он будет содержать для себя он всех разместит увеличив при этом свою свои размеры свои ширину чтобы этого избежать [аплодисменты] здесь а давай посмотрим какие стили уже есть может быть нам это подскажет как с этим работать там wrapper наветов он не гуляет ни текст и не ширина 450 так он здесь что если указать допустим максимальную ширину что-то нам поможет ли но смотри а что делать в diaflex для своих элементов он свои элементы выстраивают практичность как бы

    02:04:04 - 02:06:07

  • заставляет их скажем так поджиматься под свои размеры при этом он говорит о том что вы ребята вы ставите все условно в линию да ну так вот и в данном случае мы понимаем что как вот ширину мы четко конкретно по значили на эти дополнительные элементы которые их слишком много и они начинают выпирать контейнер аффлек старается выставить их все в линейку и есть какое-то свойство которое позволяет элементом вписываться четко и конкретно в те размеры которые мы задали для контейнера и все последующие переносить и

    02:05:21 - 02:06:48

  • бы растить вниз условное наш экран чтобы не за горизонталью ходил так на свойствах связаны с slade лекс раб вот на говоря сейчас могу ошибаться [музыка] так x а [музыка] отсюда до принципе правильно пишешь алекс wrap европ на иначе был бы но так то есть он построил под 450 таким образом ну да то есть как бы они все вписываются у них есть уже играл у каждого элемента значения и какая-то всегда уже тоже задам она относится к конкретным контейнер в принципе такой вариант нас уже устроить такой же хотя бы более

    02:06:10 - 02:08:03

  • понятно как работать с этим всем хорошо дала вернемся опять же к логике скорее это этого компонента про думаем что нам нужно сделать внутри данного компонента и вообще давай посмотрим что у нас сейчас происходит да то есть у нас вот есть список который рисуется у нас есть кнопочка назад которая это делает шт out кстати давай посмотрим что на делать то кнопочка назад onclick метод onclick у нас то есть компонент сообщает о событий пользовательском событие категории б клик то есть то есть родительский компонент может отловить

    02:07:18 - 02:08:59

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

    02:08:11 - 02:09:44

  • какие у нас скажем так значения выбраны в каждой конкретной категории вот у кореша не вот эта задача что нужно передать от у него компонента элементы в родительский и уже в родительском сделать обсчет этому передать через функции из этой функции нет помимо того что оповещать о том что какое событие произошло еще и передавать на вторым параметром данные некие вот с этого компонента чтобы родительский родить это событие и принял данные переданы дочернего наш офис для категорий смотри сейчас то есть получается у нас

    02:08:59 - 02:10:47

  • у нас должна быть такая логика мы должны перейти в конкретной категории вы этой конкретно к техно в довольную базу и такую историю этой конкретной категории мы должны накликать икать элементы и после того как мы эти элементы накликали мы возвращаемся назад и определяем сколько элементов у нас на клика на то есть мы можем уже строится какую-то текущую логику или нам желательно написать что-то еще но нам нужно связать им пути до как реактивности добавить через за 3 и мода почему именно вима долл почему там не

    02:10:06 - 02:11:36

  • знаю ни в илью подвязать и мода обеспечивает до как бы сторон не связь на как это объяснить то есть мы можем и при изменении пользователям при нажатии на не будь у нас обновиться привязка не определено что и внутри view мы тоже можем как бы через наверно дом а пик присвоить этому им плату определенное значение и и это отразится уже в интерфейсе ну то есть происходит ранее до 2-х сторонний связывания ты липнут и и вы им пути можешь вводить какие-то изменения и ты сразу же записываешь эти изменения в

    02:11:02 - 02:12:33

  • дейта его view и так же ты их до этого вы можете поменять ее у тебя происходит изменение в доме в целью давай наверно мы с тобой по короткой какой-то версия пойдем потому что у нас достаточно такое обширно получилось задание я чувствую что что время нашим должно подходить концу нашего общего это твои интервью давай вот мы бы связали со значением дальше как вот у нас несколько импорта данных накликали каждый и им путь связывается с каким-то отдельным своими значениями ты бы ну по идее он должен связываться с

    02:11:48 - 02:13:09

  • отдельным свое значение как бы за этого реализовал реализовал вот это вот от ну и динамическое создание более скажем так которые должны быть в модуле прямо ученые то есть нам повседневности в да да это должны быть данные по всем и потом которые у нас создадутся так и мы как-то проходя вот этим и форм циклом мне как раз нас связывать через wi-fi модуль под с данными из дейта в том как сделать это уникальным да то есть для каждого импорта отдельных будет до с нас то есть в если бы это был я возил так то есть и

    02:12:28 - 02:14:09

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

    02:13:37 - 02:14:53

  • объект я бы скорее делал объект и я бы нам просто сделал какой-то объект в пустой изначально да а дальше мы этот объект давай давай сейчас пока до обеда можно просто ричер сделать не будем расписывать дальше мы взяли объект скорее и за сеть или туда ключей перед непосредственным монтированием компонентов то что мы знаем же props и вот они к нам приходят до когда мы с один компонент начинаем взаимодействовать и перед монтируем компоненты мы бы заходили туда ключей после этого модель уже бы конфеты

    02:14:27 - 02:15:49

  • связывался с тем причем который мы говорим да то есть мы берем элемент мы знаем это менты ключ может четко конкретно созданной при нём структуру там значение пусты ну и также мы могли бы при таком формате когда его как-то создаем там назначаем врачи могли бы эти ключей напомните тогда бы у нас соответственно в значении вино должно было бы какой то какой то привет установленное значение следы мы сохраняли это состояние и и у нас был собственно говоря отрабатывала двусторонний а вот это привязка вот

    02:15:08 - 02:16:29

  • окей хорошо и вот после того как мы это все за сеть или каком бы методе мы и каким образом передавали бы данный наверх на что мне пришел вот в этом объекте до создали был вот эти ключи которые обеспечивают у стороннюю связь с им путами и checkbox мы поменяли там значение true force ну да наверное true force так и допустим в создали бы метод который проходил по нашей дейта по нашему этому объекту с ключами и например ну а jacques получил бы круче этого объекта и этому по массиву ключей прошёлся бы и

    02:15:50 - 02:17:31

  • проверил бы значение каждого включая в в этом нашем объекте если им через мап если это труд а лет через и норовили гидиус какой-нибудь создал бы аккумулятор который бы увеличился на на единицу каждый раз когда он видит true например и edius нам not count методе компьютер метод компьютер выдавал нам таким образом значение количеством нажатых и бутов чекбоксов если я доходчиво свои мысли для nes дня принципе да можно было бы сделать такой же вариант как например с этим эти true force значение дальше мы

    02:16:52 - 02:18:24

  • могли бы действительно создать компьютер который бы следил за т.д. и т и пьют от бы чтобы позже кейсом но скорее и он бы проходил через на мой взгляд через фильтр и мы бы возвращались фильтр фильтр возвращать нами массив много массивы состоял из всех значений [музыка] у которого имеет значение true выявляют ru в этом объекте и тогда получается у нас мы могли бы возвращать либо этот массив непосредственно на трассе и там были бы нас конкретно ки и если бы нам необходимо было снаружи там но вы получали все этики которые у нас выбраны

    02:17:46 - 02:19:19

  • и передавали бы дальше их куда-нибудь на weekend например либо если у нас было будут просто цель вывести количество выбранных фильтров то мы могли бы возвращать длиной 2 массивы и тогда приди принципе на всю свободу окей круто мы хорошо чтобы этого задачи разобрали мне спасибо всем интересная задача у меня на самом деле было много разных вопросов на поскольку это еще дополнительные каких-то разных мне кажется что можно было даже где-то сократить какие-то штуки и дать больше темпа задача пройтись по ну что сама задача

    02:18:40 - 02:19:58

  • тоже показывает много разных нюансов я думаю что на этом можно закончить вот давали наверно я тебе дам какую-то обратную связь по ходу вообще нашем интервью мне много чего понравилось на самом деле то есть на самом деле да действительно то есть у тебя хорошее представление о базе языка у тебя есть некоторые наверное там может быть пробел где-то верстки ну как ты сам говорил что верстки было не так много на курсах и вообще в целом вот и ну как я считаю что вообще хороший может быть это связано с тем что я

    02:19:18 - 02:20:52

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

    02:20:05 - 02:21:27

  • за 1 по какому-то не знает он будет репу и так далее если но иногда случается историй когда бы киндеры пишут find and вот этот самый такой показатель на наверное почему он не работает и почему fontaine de reve но существует и почему fattener и проекта фейс вот поэтому лично мое мнение что решка ну а часть это важно при этом ты вполне как бы понимаешь различные свойства то есть я не могу сказать что у тебя там что печально с этим нет как бы просто есть куда расти но когда это везде попью вполне хорошее представление о том

    02:20:46 - 02:22:06

  • как это все оплот и то есть скажем так мне все понравилось мы с тобой хорошо обсудили этот код в котором умышленно были допущены всякие разные пакеты мы нашли это и стилю ошибки и так далее то есть ты достаточно неплохо в этом разбираешься и вполне там не себе удовлетворительным с учетом того что как бы ты скажем так только на старте своей карьеры как это сказать joy про таком продакшне в коммерческой разработки я хорошо старцы продолжай в том же духе круто я думаю что можем еще как-нибудь строительство

    02:21:28 - 02:23:01

  • там через годик и уже у нас будет собеседование там специалиста торгового дня это будет интересно для меня это тоже был достаточно новый опыт и что я принципе провожу собеседование достаточно много но нет публичные не в отрыве проектов него трибет потребности полу поэтому наборы вопросов или какие-то там задачу здесь были чуть чуть другие так что круто а какое то твою тоже обратную связь какие-то вопросы готов там тоже услышать мне очень понравилось вообще спасибо тихо целом за пройдем на беседу за проведено собеседование очень

    02:22:13 - 02:23:34

  • понравились задачи с действительно с такими нюансами подводными камнями очень внимательно нужно было смотреть и много-много нового что узнал сегодня и и подчеркнул какие-то вещи куда посмотреть куда направить свой взор и [музыка] вот и сказал что достаточно видимо сейчас в приложении усложняются и потребности фронт-энд тоже растут скажем так и есть специализация даника бэккантри фронт-энд если бэкон делает фронт то здесь может быть не все так хорошо и отчасти это так немножко подтвердил выбранное направление фронт-энд

    02:22:58 - 02:24:31

  • разработкой то что действительно работаем с пользовательскими интерфейсами и достаточно важно делать доступными их и они достаточно сложные и есть есть там начнем работать все все таки те красивости делаются для людей их удобства да для меня тоже первый опыт так вот публичного собеседования еще раз повторюсь что были интересные вопросы и [музыка] мне пожалуйста что было затронутый работа яички и протокола тоже подаем если что я вроде как хорошо знал какие то моменты на том уровне о котором не часто нам нужно ну

    02:23:46 - 02:25:22

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

    02:24:32 - 02:25:50

  • оставаться на связи через год встретимся раньше да ну то есть да мне мне все очень понравилось в этом собеседование и ну как правило часто смотрит и нос нас of skills да и на какие то принципе желание интерес расти дальше то есть как бы важны и чтобы человек в команде тоже хорошо документировал задал вопрос вот этих блок на самом деле с каким-то отчасти чар вопросами тоже часто важен потому что нужно понять как человек сам по себе мыслить насколько он скажем так готов командной работе вот насколько он готов вникать насколько он

    02:25:16 - 02:26:45

  • готов действительно думать над решением задач что сказал что ты любишь действительно сначала подумать потом сделать это так и есть иногда ты думаешь несколько дней потом пишешь куат там за 15 минут и и все да вот и вся задача которая там оценивалась три дня ну вот и действительно лучше этот сначала продумывает потом делать это очень правильный подход вот поэтому все супер и я тебе желаю творческих успехов и творческих до профессиональных и вообще в том числе и творческих да вот спасибо спасибо пока и желание вот

    02:26:02 - 02:27:19

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

    02:26:41 - 02:27:53

  • [музыка] есть да есть как бы сугубо там техническое развитие каждый специалист выбирает сам для себя есть желание общаться с людьми коммуницировать с вами и уже строить процесс условно да мы там наша задача в компании стоит настроить качественные гравирование специалистов то есть специалист приходит мы на техническом собеседование понимаем его начали уровень всего стартовой греет когда он заходит на в компании все очень по разным это представляют да кто-то там читать что они там сеньор уровень но и

    02:27:21 - 02:28:36

  • кто-то действительно какая-то компания может оценить как сеньор как старших разработчиков у нас может быть другая оценка там каких-то еще компаниях в них например требования выше каким-то именных ардан да и они дают еще там оценку ниже до условно там можно получить все очень специфично для каждой компании конкретно поэтому да действительно собеседования и везде супер разными вот но и мы даже у себя в компании выделили что у нас есть несколько разных направлений то есть у нас есть [музыка] скажем так java script разработчик java

    02:27:58 - 02:29:15

  • skype стек и там есть куча разных ответвлений есть куча разных технологий мы прям составляем эту всю карту и для java skype для разработчика есть разное правлению словом frontend там backend или оля там full stack когда ты можешь прям действительно писать backend на ноде микро сервисный и немножечко там править в админке какие-то вещи и есть нативная разработка то есть в принципе react найти пожалуйста он дает возможность писать какие-то нативные приложения под ios android и это вот очень широкие просторы

    02:28:36 - 02:29:49

  • соответственно человек может прийти если ты приходишь там большую компанию то есть возможность попробуйте вещаю себя в разных абсолютных стойках и нашей как раз 6 тоже пи раз думаем о том как сделать так чтобы разработчик мог спокойно мигрировать там сванд стк варяг найти встык какой-нибудь или нативную разработка там на электронную словно у нас есть такие вещи когда там к сытым пишется на пусть на там условно reactie но как бы вот это устройство которое вот здесь часто и пробивает и помидоры ну вот как то так

    02:29:12 - 02:30:29

  • так что это забавный fanta это очень широкая специфика и вот если действительно нравится это увидеть результат здесь сейчас если нравится работать с интерфейсами и для пользователей то что это весь суд кипра пользователь 1 череда то как бы ты сделал точно правильный выбор и так далее то есть я здесь я только поддерживаю я я сам тоже себя вижу ну подь я там немного с чем там старта весы работал но мне пока комфортны тоже мин аджарской статья заглядывают backend и взгляды там пять это серверной части то

    02:29:51 - 02:31:04

  • есть в принципе есть разный опыт но я себя вижу тоже больше скорее там как пакт именно про интерфейс и не знаю я люблю интерфейс и поэтому как то так спасибо спасибо было приятно познакомиться и удачу до взаимных приятно было познакомиться и тебе тоже [музыка]

    02:30:27 - 02:31:23