#7 Первое собеседование Junior Frontend разработчицы

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

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

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

    00:00:01 - 00:01:16

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

    00:00:41 - 00:02:00

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

    00:01:20 - 00:02:38

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

    00:01:59 - 00:03:18

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

    00:02:39 - 00:03:56

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

    00:03:16 - 00:04:45

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

    00:04:02 - 00:05:26

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

    00:04:44 - 00:06:24

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

    00:05:33 - 00:06:58

  • java-script а это были курсы по моему free code канг потом был курса твой способ 30 дней java script а может быть вы знаете этот курс еще курс по реакция проходила на you do my там по три таксы акту react пути вот и также есть люди которые мне помогают направляют меня это такие сеньора помогает нам но у тебя очень много курсов то есть ты прям вот конкретно взялась за not around and со всех сторон хорошо расскажи немножко могут какие у тебя походу вот становления как разработчика или разработчики не знаю

    00:06:16 - 00:07:50

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

    00:07:04 - 00:08:29

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

    00:07:47 - 00:09:05

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

    00:08:26 - 00:09:46

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

    00:09:06 - 00:10:25

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

    00:09:46 - 00:11:30

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

    00:10:42 - 00:12:14

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

    00:11:27 - 00:13:12

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

    00:12:20 - 00:14:06

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

    00:13:13 - 00:14:45

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

    00:13:58 - 00:15:21

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

    00:14:41 - 00:16:02

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

    00:15:22 - 00:16:51

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

    00:16:07 - 00:17:20

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

    00:16:43 - 00:18:02

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

    00:17:22 - 00:19:01

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

    00:18:12 - 00:19:32

  • full неважно с клавиатуры ты пытаешься изменить текст пытаешься из этом сбросить то есть на это повлиять вообще никак нельзя и поэтому когда ты допустим нажмешь батон той присед чтобы сбросить форму the input у тебя не избавиться потому что react требует здесь того чтобы ты прокинул а точнее руками обновила состояние и чтобы этот input заработал ему нужно навешивать обработчик он in but i по-другому он никак не заработает вот если мы этот бензин крыльев уберем тогда он будет как бы неконтролируемый то есть это становится

    00:18:52 - 00:20:02

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

    00:19:27 - 00:20:42

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

    00:20:06 - 00:21:27

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

    00:20:46 - 00:22:08

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

    00:21:29 - 00:22:51

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

    00:22:14 - 00:23:53

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

    00:23:04 - 00:24:27

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

    00:23:45 - 00:25:41

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

    00:24:43 - 00:26:09

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

    00:25:26 - 00:27:05

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

    00:26:18 - 00:27:56

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

    00:27:06 - 00:29:01

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

    00:28:09 - 00:29:54

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

    00:29:04 - 00:30:45

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

    00:29:59 - 00:31:40

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

    00:30:50 - 00:32:14

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

    00:31:29 - 00:33:12

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

    00:32:23 - 00:34:04

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

    00:33:17 - 00:35:00

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

    00:34:12 - 00:35:33

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

    00:34:52 - 00:36:25

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

    00:35:42 - 00:37:06

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

    00:36:25 - 00:38:04

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

    00:37:14 - 00:38:28

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

    00:37:52 - 00:39:09

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

    00:38:30 - 00:39:58

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

    00:39:14 - 00:40:36

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

    00:39:56 - 00:41:49

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

    00:40:51 - 00:43:18

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

    00:42:08 - 00:43:27

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

    00:42:47 - 00:44:44

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

    00:44:01 - 00:45:52

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

    00:45:00 - 00:46:17

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

    00:45:39 - 00:47:06

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

    00:46:23 - 00:47:55

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

    00:47:09 - 00:48:39

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

    00:48:00 - 00:49:36

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

    00:49:02 - 00:50:34

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

    00:49:54 - 00:51:10

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

    00:50:32 - 00:52:02

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

    00:51:16 - 00:53:07

  • то есть незнакомо что что здесь нарисовано здесь нарисована сам по себе элемент вот 180 на 50 пикселей поэтому по денги какие у него есть сколько занимает border пикселей demar joy на которых нет вот смотри тот вариант когда мы решили cal кому меньше на 20 пикселей мы на самом деле уменьшили размер контента теперь он занимает 180 пикселей родители у нас занимает 200 мы путем уменьшение контента как бы дали возможность border у занять свое какое-то место можем ли мы как-то учитывать там ширину блока вместе с границей из по

    00:52:13 - 00:53:50

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

    00:53:00 - 00:54:25

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

    00:53:44 - 00:55:01

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

    00:54:23 - 00:55:48

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

    00:55:04 - 00:56:39

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

    00:55:51 - 00:57:41

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

    00:56:46 - 00:58:25

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

    00:57:38 - 00:59:28

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

    00:58:32 - 01:00:11

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

    00:59:35 - 01:01:16

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

    01:00:32 - 01:01:40

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

    01:01:04 - 01:02:19

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

    01:01:44 - 01:03:02

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

    01:02:22 - 01:03:57

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

    01:03:15 - 01:04:52

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

    01:04:05 - 01:05:22

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

    01:04:44 - 01:06:28

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

    01:05:36 - 01:06:57

  • когда но вот здесь как раз особенность заключается в чем если ты напишешь background transparent или background on the он перезапишет все свойства то есть даже если ты меняешь просто прозрачность у тебя пропадет фон то есть он и не шел станет вот что бы ты там не писала он у тебя сбросится и никак с этим не побороться это вот особенность такая short хэндов то есть у нас свойства short хендэ есть long and long and it как раз бы ground видишь background color a short haunted свойство background и таких свойств css очень

    01:06:23 - 01:07:41

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

    01:07:02 - 01:08:25

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

    01:07:44 - 01:09:29

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

    01:08:48 - 01:10:12

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

    01:09:30 - 01:11:10

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

    01:10:19 - 01:11:33

  • скрыть элемент то используем весь билетики дам нам сразу он все равно есть на странице просто мы его не видим окей давай подумаем ещё какие можно использовать способы чтобы что-то скрыть но вот у нас два есть способа уже гарантированных display in an скрывает визе выберите хитон скрывает как можно от глаз пользователя еще что-то скрыть и нам нужно наверное через z-index в теории можно ли как eщё скрыть мы можем через 13 transform убрать элемент например куда-нибудь наверх или вниз убрать его вообще со страницы

    01:10:57 - 01:12:24

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

    01:11:44 - 01:13:07

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

    01:12:29 - 01:14:21

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

    01:13:37 - 01:14:54

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

    01:14:15 - 01:15:37

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

    01:15:08 - 01:16:21

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

    01:15:44 - 01:17:05

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

    01:16:25 - 01:17:44

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

    01:17:07 - 01:18:40

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

    01:18:02 - 01:19:42

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

    01:18:52 - 01:20:20

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

    01:19:38 - 01:21:21

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

    01:20:31 - 01:22:18

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

    01:21:25 - 01:23:02

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

    01:22:20 - 01:23:55

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

    01:23:08 - 01:24:30

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

    01:23:49 - 01:25:39

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

    01:24:55 - 01:26:33

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

    01:25:44 - 01:27:08

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

    01:26:28 - 01:28:14

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

    01:27:21 - 01:28:56

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

    01:28:08 - 01:29:23

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

    01:28:44 - 01:30:21

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

    01:29:33 - 01:30:51

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

    01:30:14 - 01:31:56

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

    01:31:04 - 01:32:35

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

    01:31:49 - 01:33:36

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

    01:32:44 - 01:34:10

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

    01:33:26 - 01:34:49

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

    01:34:13 - 01:35:35

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

    01:35:09 - 01:36:51

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

    01:36:06 - 01:37:28

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

    01:36:47 - 01:38:14

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

    01:37:33 - 01:39:05

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

    01:38:20 - 01:39:40

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

    01:38:59 - 01:40:28

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

    01:39:44 - 01:41:21

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

    01:40:37 - 01:42:16

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

    01:41:27 - 01:42:38

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

    01:42:02 - 01:43:17

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

    01:42:44 - 01:44:34

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

    01:43:34 - 01:45:11

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

    01:44:38 - 01:46:13

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

    01:45:25 - 01:46:43

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

    01:46:03 - 01:48:03

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

    01:47:19 - 01:48:38

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

    01:47:58 - 01:49:10

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

    01:48:34 - 01:50:11

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

    01:49:27 - 01:51:15

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

    01:50:22 - 01:52:01

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

    01:51:11 - 01:52:51

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

    01:52:01 - 01:53:51

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

    01:52:56 - 01:55:00

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

    01:53:59 - 01:55:49

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

    01:54:54 - 01:56:21

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

    01:55:38 - 01:57:10

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

    01:56:24 - 01:58:01

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

    01:57:16 - 01:58:41

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

    01:57:56 - 01:59:39

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

    01:58:51 - 02:00:21

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

    01:59:35 - 02:01:00

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

    02:00:19 - 02:01:43

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

    02:01:01 - 02:02:18

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

    02:01:39 - 02:02:54

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

    02:02:17 - 02:03:35

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

    02:02:56 - 02:04:21

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

    02:03:39 - 02:04:58

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

    02:04:18 - 02:05:49

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

    02:05:03 - 02:06:43

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

    02:05:53 - 02:06:39