#1 Cобеседование Middle Frontend разработчика

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

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

  00:00:02 - 00:01:26

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

  00:00:43 - 00:02:15

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

  00:01:38 - 00:03:16

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

  00:02:27 - 00:04:10

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

  00:03:20 - 00:04:44

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

  00:04:02 - 00:05:44

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

  00:04:56 - 00:06:02

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

  00:05:29 - 00:06:57

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

  00:06:13 - 00:07:52

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

  00:07:06 - 00:08:27

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

  00:07:52 - 00:09:22

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

  00:08:37 - 00:10:07

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

  00:09:22 - 00:10:39

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

  00:10:00 - 00:11:16

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

  00:10:39 - 00:12:06

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

  00:11:22 - 00:12:34

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

  00:11:58 - 00:13:39

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

  00:12:49 - 00:14:44

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

  00:13:47 - 00:15:20

• запрашиваем что нам отвечай давай поговорим может про кода ответа вот есть несколько групп кодов ответа которые начинаются там с 2 3 4 5 наверное это все видел вот расскажи вообще чем они отличаются два italki 200 допустим все зелененькое все хорошо 5 это ошибка сервера и 4 это ошибка twenty под не авторизован но третий рейх обычный это направление вот а правда не слышал 301 redirect прохода ответа 100 ты слышал когда-нибудь но вдруг можете слышал ну типа промелькнула и промелькнула но ничего не исполнилось

  00:14:38 - 00:16:33

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

  00:15:41 - 00:17:09

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

  00:16:26 - 00:18:04

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

  00:17:23 - 00:19:00

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

  00:18:23 - 00:20:06

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

  00:19:11 - 00:21:01

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

  00:20:09 - 00:21:49

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

  00:21:02 - 00:22:54

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

  00:22:00 - 00:23:43

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

  00:22:56 - 00:25:10

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

  00:24:00 - 00:25:33

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

  00:24:57 - 00:26:29

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

  00:25:44 - 00:27:04

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

  00:26:25 - 00:28:18

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

  00:27:21 - 00:28:51

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

  00:28:16 - 00:29:57

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

  00:29:07 - 00:30:35

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

  00:29:51 - 00:31:05

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

  00:30:28 - 00:31:56

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

  00:31:14 - 00:32:36

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

  00:32:02 - 00:33:19

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

  00:32:45 - 00:34:41

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

  00:33:45 - 00:35:04

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

  00:34:25 - 00:36:09

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

  00:35:22 - 00:36:38

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

  00:36:05 - 00:37:36

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

  00:36:51 - 00:38:14

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

  00:37:31 - 00:39:15

• рутовые margin да нет х символа и так хорошо если я напишу так то каким будет применен к жилищу не сбил ли вот eevil weevil ли я написал бы видно вот сейчас вот когда такой селектор что поменяется 2 были 1 класс да ну предлагать им на второе вы интуитивно 2 lite типа и аркады лежит еще одно мы берем ему ну давай попробуем просто по этапам вот как ты понимаешь что вот этот selecta племянница в таком к элементу как ты это определяешь вот какие шаги ты используешь 1 или 1 select транспорт находит его

  00:38:26 - 00:40:28

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

  00:39:40 - 00:41:11

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

  00:40:31 - 00:41:52

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

  00:41:16 - 00:42:56

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

  00:42:08 - 00:43:22

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

  00:42:53 - 00:44:26

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

  00:43:40 - 00:45:32

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

  00:44:36 - 00:46:19

• кстати мне просто интересно почему выйдет первые три я не один и не два был сильный марс это уходит в папе promise надо что-то думает о мисс устроимся просто вообще непонятно я просто в этом не шарю то гриба 1 3 1 3 2 если по мисаки выполнится не давайте давай четко четко это четкий результат то есть сто процентов что будет 1 2 3 3 2 1 312 вот давай без гаданий прямо вот четкий com конечный результат какой бы 312 почему то есть почему тронешь будет быстрее чем set time out уж эти металлы главное еще указать ноль ноль укажем да

  00:45:59 - 00:47:52

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

  00:47:01 - 00:48:27

• тоже вызывалась ямато же мы тело концу лоб как вы сглазь сразу вылилось тройка и потом по очереди 1 ну не совсем а поменяем местами сад time out i promise да я думаю что надо просто будь поменять рассматриваемых что изменится в этом случае да то как я сказал первый вариант по моему первый вариант изменится 2 1 3 2 1 ну какие сказал первый вариант если точно также идти по твоего тела рассуждать будет три волны подожди если если я правильно понял получается так что в зависимости от того где написал свои тмл теле promise

  00:47:44 - 00:49:17

• они будут по-разному работать не совсем ну то что имеется ввиду они выйдут в одно какое-то место чтобы рассказать всего не видит разницы между сатоми-сан тайм-аутом ну тут нечего есть момент да про микро и макро тоски да они к сожалению тут не в одно и то же место потому что кроме сведут очередь микро to suck a site e-mail отойдет очередь мокроты to suck и микро тоски у тебя выполняются после того как у тебя закончил выполнению основной стек и они выполняются дома кратоса вот как только микро тоски

  00:48:30 - 00:49:47

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

  00:49:08 - 00:50:54

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

  00:50:03 - 00:51:47

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

  00:50:56 - 00:52:31

• трудно 2 files а почему так строгая сравнение но ты ж сам сказал что что строки объекты это все объекты то есть теоретически при операции сравнения у нас будет одно и то же в обоих случаях просто разная запись ну я скажу что ты назвал все правильно теперь и главное понять почему то есть действительно в первом случае будут труба 2 phones так вот почему так будет не то что они как бы но как говорится типы этого ну смотри в обле образование у na'vi образование типа у нас здесь нет цели образования у нас с собой сторон

  00:52:01 - 00:53:43

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

  00:52:54 - 00:55:06

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

  00:54:00 - 00:56:11

• чисто рассуждает даже честно говоря не знаю как как еще что-то спросить интерес и не кажется все понятно но давай давай последний вот такой вопрос про это и раз уж мы здесь обсуждаем сравнения вот у меня к тебе такой просмотрю нас x это ну его это тоже ну вот смотри здесь мы если напишем type of x мы что увидим так хорошо получается что ну это объект если я увижу сам игры . а если я буду сравнивать их с ивой которые каждый но то я что увижу грибы true или false просто x равно 0 до 3 равно вай ну вроде равно только and defend

  00:55:05 - 00:57:00

• то есть если она пишу икс 3 равно ндфл для плач утро я сегодня слово потому что мировая новость нет скорее всего у нас есть однозначно что она смотрит да смотри если получается у нас есть ну у нас есть он define the зачем они вообще нужны разные то есть мы можем же написать местном londa fine если они одинаковые так ну это то что вообще не существует анды файл то что существует но лишь ничего не никогда я думаю step of melee свой нужно поспрашивать но ты просто немножко перепутал наоборот нанди find это как раз отсутствие

  00:56:27 - 00:58:04

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

  00:57:17 - 00:59:00

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

  00:58:09 - 00:59:48

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

  00:59:10 - 01:00:48

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

  01:00:06 - 01:01:39

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

  01:00:51 - 01:02:47

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

  01:01:52 - 01:03:32

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

  01:02:43 - 01:04:18

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

  01:03:31 - 01:05:11

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

  01:04:22 - 01:05:54

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

  01:05:16 - 01:06:59

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

  01:06:09 - 01:07:29

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

  01:06:48 - 01:08:14

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

  01:07:40 - 01:08:59

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

  01:08:23 - 01:09:46

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

  01:09:08 - 01:10:33

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

  01:09:49 - 01:11:14

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

  01:10:32 - 01:12:17

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

  01:11:33 - 01:13:25

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

  01:12:33 - 01:14:19

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

  01:13:27 - 01:15:04

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

  01:14:22 - 01:16:05

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

  01:15:18 - 01:17:01

• минуты 3 января ждем надо так начо до поражаемым ты назвал solid всем первую букву с асв назвал up and klaus ты назвал что-то про модификацию но я так и до конца изменение открыт для модификации на запреты извинений а в чем отличие модификации и изменения типа дополнять что-то можно изменять существующие потому что то что где используется уже может сломаться edition но когда мы дополняем это можно назвать модификации разве не ты и ну типа she's торговец как можно было бы более корректно назвать когда мы что-то добавляем

  01:16:09 - 01:18:05

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

  01:17:07 - 01:18:33

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

  01:17:54 - 01:20:02

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

  01:19:02 - 01:21:06

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

  01:20:05 - 01:21:29

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

  01:21:02 - 01:22:40

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

  01:21:56 - 01:23:32

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

  01:22:43 - 01:24:56

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

  01:23:50 - 01:25:37

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

  01:24:49 - 01:26:46

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

  01:25:53 - 01:27:30

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

  01:26:42 - 01:28:06

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

  01:27:28 - 01:28:48

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

  01:28:09 - 01:30:03

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

  01:29:10 - 01:30:29

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

  01:29:51 - 01:31:37

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

  01:30:47 - 01:31:52

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

  01:31:25 - 01:32:48

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

  01:32:10 - 01:33:14

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

  01:32:41 - 01:34:00

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

  01:33:20 - 01:34:42

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

  01:34:01 - 01:35:58

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

  01:34:57 - 01:36:45

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

  01:36:02 - 01:37:47

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

  01:36:55 - 01:38:44

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

  01:37:50 - 01:39:10

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

  01:38:39 - 01:40:21

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

  01:39:35 - 01:41:10

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

  01:40:22 - 01:41:44

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

  01:41:06 - 01:42:56

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

  01:42:02 - 01:43:29

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

  01:42:45 - 01:44:12

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

  01:43:29 - 01:44:56

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

  01:44:13 - 01:45:19

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

  01:44:45 - 01:46:04

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

  01:45:25 - 01:46:38

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

  01:46:02 - 01:47:51

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

  01:46:57 - 01:48:19

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

  01:47:38 - 01:48:58

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

  01:48:18 - 01:49:15