Это шедевр. Дошло не с первого раза. пересмотрел раза 3, и попутно перематывая на 2-3 минуты назад, потеряв связь. Но оно дошло. Ребятушки, всем советую.
Это самое лучшее обьяснение лупа. Два дня сидел читал статьи, но во всех оставался осадочек недопонимания, а после просмотра вашего видео могу с чистой совестью сказать что все понял. Лучшая, я подписался
Елена спасибо за хорошее видео. По пункту 7 события, такие как обработчики событий onKlick, могут заблокировать код (в части того что прилетает в web api) т.к. они добавляются в web api после идут в macrotask queue и после по очереди в call stack. И если их очень большое количество, то события которые тоже поступают по такому пути (web api после идут в macrotask queue и после по очереди в call stack.) будут выполнены после множества onClick. Таким образом performance будет не очень)
в основном мне твои виде не нравятся. Но конкретно это видео супер. Разбираешь пример и я думаю "а что будет если добавить это сюда" и следующий пример у тебя такой как я подумал и так постоянно на протяжении видео)
Не раскрыта тема микро и макротасков - промисы и, например, колбеки из таймаутов отправляются в совершенно разные очереди. Выполнение задач из микротасков имеет приоритет перед появившимися новыми задачами в макротасках.
Здесь ещё надо погружаться, чтобы лучше разобраться. Поэтому пока вот такое первое приближение. Я думаю в будущем покрою эту тему более широко. Спасибо за комментарий!
Хорошее видео, но хотелось бы услышать про поведение eventloop при использовании async/await, просто я не очень понимаю логику по которой весь синхронный код после await тоже попадает в очередь
Понравилось ) Только для меня теперь новая непонятка )) если есть отдельная очередь рендера, то что раньше попадает в колстек - что-то из render queue или из task queue? Или как это происходит
Доклад Джейка Арчибальда получше будет чем у Филиппа. Там уже осовременено рассказывается. По этапам, что куда. У вас чувствуется доклад Филиппа Робертса :) Учитывая что вы пробовали написать Promise на js, было бы неплохо почитать про event-loop в спецификации whatwg ну и разные гугловские статьи по модели браузера, где рассказывается рендер часть.
@@webelart I am writting this reply in english due with comment's system removes all my replies instantly. Before this I mentioned the report, you can easily find it if you will make search request in address URL with words: "Jake Archibald in the Loop"
весело на собеседовании рассказать, что присутствует такая штука, которая передает другой штуке, пока выполняется очередная штука. а потом вар рассказать. экзаменующий будет в шоке от потока знаний и уж точно на сеньора сразу возьмут с зарплатой в 3 раза выше стандартной.
@@romanmed9035 Скиньте мне минуту, неужели всё штукой называла :D Да ладно вам писимистичничать, если верно решили, должно быть хорошо. Но в любом случае, поделитесь результатом, интересно ❤
@@webelart об этом видео можно вообще забыть как и не было его. поскольку Вы выпустили недавно новое с полным описанием всего как оно и требуется для понимания, весь комплекс параметров. с почти теми выражениями какие используют экзаменаторы. и это совершенно два разных уровня преподавания, как будто между ними не несколько месяцев прошло или разные люди рассказыывают. огромный профессиональный рост лектора виден даже мне. и информация преподносится в полном объеме со всеми демонстрациями. буду именно по Вашей лекции это пытаться понять. я ее не успел полностью посмотреть. но мне как-то задали вопрос в другом месте о промисе в сетинтервале. и инетрвале в промисе. надеюсь в том что осталось, у Вас это показано. спасибо за ответы и за Ваш труд.
Почему все видео с названием Event Loop в JavaScript описуют цикл в браузере. У Ноды цикл работает немного иначе. Отчего нету логической градации на цикл на фронте и бэке?
Как я уже упоминала в одном из комментариев, здесь нужно ещё погружение. Изначально я не ставила для данного видео задачу покрыть всё и вся. Я здесь ещё и про V8 не упомянула, не рассказала про макро, микро таски. Не покрыла setImmediate(), process.nextTick() и т.д., которые больше к nodejs относятся и рендер по факту вскользь упомянула. Я люблю, когда изучения происходят наслоением знаний. Т.к. когда стремишься сразу и всё изучить, рассказать, показать. Обычно получается какая-то каша. Нужно время для укладки информации, потом следующая порция. Видео получилось классным и покрывает много аспектов. Тем не менее, спасибо за комментарий, я увидела, что тема микро и макро тасков интересна. ❤️
Вообще, тема очень сложная, не для новичков в JS. Разбор материала мне понравился, но очевидно, что этот ролик нужно смотреть долго, постоянно останавливаясь и перематывая, и проверяя код в конспли самому. Джуну, думаю, часа три нужно, чтобы всё здесь сказанное и показанное усвоить. Минимум.
Это шедевр. Дошло не с первого раза. пересмотрел раза 3, и попутно перематывая на 2-3 минуты назад, потеряв связь. Но оно дошло. Ребятушки, всем советую.
Пытается объяснить вещи на языке понятном уже тем людям, которым это разъяснять вообще не надо. ЗАЧЕМ🤯 Что #происходитслюдьмидура.
@@АндрейАндреев-п8м4ю ну тут я не соглашусь, мне очень даже зашло, пусть и не сразу. А какие слова непонятны?
Одно из самых нужных, подробных и важных видео на канале. Спасибо, Елена. 👍👍👍👏
😍❤️
Лен, спасибо тебе большое! Всегда рад твоему контенту. Ты всегда затрагиваешь глубокие, сочные темы в js. Уважение тебе.
Юра, спасибо за комментарий, очень приятно! ❤️
Это самое лучшее обьяснение лупа. Два дня сидел читал статьи, но во всех оставался осадочек недопонимания, а после просмотра вашего видео могу с чистой совестью сказать что все понял. Лучшая, я подписался
Есть ещё одно ruclips.net/video/kZFLHCz2a30/видео.html
Оно более расширенное с хорошей практикой. Рекомендую следующим ещё для большего понимания :)
Спасибо! Появилось более целостное понимание этой штуки)
Очень понятно объясняете, продолжайте пожалуйста!
Елена спасибо за хорошее видео. По пункту 7 события, такие как обработчики событий onKlick, могут заблокировать код (в части того что прилетает в web api) т.к. они добавляются в web api после идут в macrotask queue и после по очереди в call stack. И если их очень большое количество, то события которые тоже поступают по такому пути (web api после идут в macrotask queue и после по очереди в call stack.) будут выполнены после множества onClick. Таким образом performance будет не очень)
всё не так. заблокировать поток могут микротаски, а туда колбеки из промисов попадают, queueMicrotask и requestAnimationFrame (не уверен)
оч полноценное и полезное видео
Лен, огромный кайф смотреть твои видео. Мотивируешь и вдохновляешь.
Случайно попал на канал. Очень годный контент👍
Странно что так мало подписчиков.
Интересный видос, с интересными примерами, только хотелось бы услышать еще про макро и микро таски
Есть ещё одно видео на канале, как раз про очереди разных видов.
Отличное видео ! Понравилась подача столь важной и нужной темы. Еще бы добавить информацию про макро и микротаски и было бы вообще шикарно ! Спасибо !
Спасибо большое за такое простое объяснение для новичков!
Спасибо Елена, очень познавательно.
Спасибо!🙌
Очень хорошо объясняете, благодарю
Ну тут лайк прям однозначно 👍👍 большое спасибо
Офигенный контент, спасибо!
Спасибо, очень полезное видео :)
в основном мне твои виде не нравятся. Но конкретно это видео супер. Разбираешь пример и я думаю "а что будет если добавить это сюда" и следующий пример у тебя такой как я подумал и так постоянно на протяжении видео)
Даже не знаю, что тут ответить. Вроде бы и унизили и комплемент сказали. Знаете это как волосы у тебя конечно красивые, но уши пиздец…
спасибо за полезности)
❤️
Хорош видос, спасибо!!
музыка отвлекает
Услышала. ❤
Все что предоставляется через WEBapi - является асинхронными, поэтому использования колбека внутри document.querySelect является асинхронным.
Лайк...!
Не раскрыта тема микро и макротасков - промисы и, например, колбеки из таймаутов отправляются в совершенно разные очереди. Выполнение задач из микротасков имеет приоритет перед появившимися новыми задачами в макротасках.
Здесь ещё надо погружаться, чтобы лучше разобраться. Поэтому пока вот такое первое приближение. Я думаю в будущем покрою эту тему более широко. Спасибо за комментарий!
Лена, ты не пугайся этому комменту. Просто сейчас вопрос про ивент луп входит в топ 3. И каждый маломальский мидл является в этой теме экспертом.
@@YuriiKratser Всё нормуль :))) А если тема входит в топ, то это вообще огнище! 😍
Хорошее видео, но хотелось бы услышать про поведение eventloop при использовании async/await, просто я не очень понимаю логику по которой весь синхронный код после await тоже попадает в очередь
Вот вам видео ruclips.net/video/kZFLHCz2a30/видео.html
@@webelart то что нужно, спасибо
Понравилось ) Только для меня теперь новая непонятка )) если есть отдельная очередь рендера, то что раньше попадает в колстек - что-то из render queue или из task queue? Или как это происходит
Есть еще одно видео ruclips.net/video/kZFLHCz2a30/видео.html
спасибо, очень крутое видео
🤗❤️
опачки, обожаю твои гайды :3, спасибо помогаешь очень
Спасибо! 😍 Надеюсь это видео тоже зайдёт!
Крутой контент!!!
Cool
Доклад Джейка Арчибальда получше будет чем у Филиппа. Там уже осовременено рассказывается. По этапам, что куда. У вас чувствуется доклад Филиппа Робертса :)
Учитывая что вы пробовали написать Promise на js, было бы неплохо почитать про event-loop в спецификации whatwg ну и разные гугловские статьи по модели браузера, где рассказывается рендер часть.
Да его смотрела, смысле Филиппа :)
Есть ещё одно видео ruclips.net/video/kZFLHCz2a30/видео.html
Кидайте ссылку, что за доклад?
@@webelart I am writting this reply in english due with comment's system removes all my replies instantly. Before this I mentioned the report, you can easily find it if you will make search request in address URL with words: "Jake Archibald in the Loop"
@@Maxim9575 ❤
все круто, только единственный минус, музыка на заднем фоне громковата, пожалуйста, чуть тише, если можно сделайте в следущий раз
ВОПРОС, что такое колвызов? Какой-то новомодный термин? Никогда не слышал :)
@@dimendroider7550 старомодный. Callback ❤️
16:31 1000 секунд)
🤦♀
А почему не выводится консоль лог на 85 строке?
он выводится. В консоли из-за 85 строки появляется Е. (То что передали в resolve попадает в .then)
какой только превьюхой не заманивают на контент.
На середине ролика приходит осознанность, трансформируется мозг, появляется возможность вызывать дождь, огонь, ветер... Будьте осторожны!
весело на собеседовании рассказать, что присутствует такая штука, которая передает другой штуке, пока выполняется очередная штука. а потом вар рассказать. экзаменующий будет в шоке от потока знаний и уж точно на сеньора сразу возьмут с зарплатой в 3 раза выше стандартной.
Называйте функция, переменная и т.д., если вас слово штука триггерит. А вот про шок экзаменующего - это исключительно ваша фантазия.
@@webelart для эксперимента именно так и сделал сегодня. и это будет чудом если меня туда возьмут.
@@romanmed9035 Скиньте мне минуту, неужели всё штукой называла :D
Да ладно вам писимистичничать, если верно решили, должно быть хорошо.
Но в любом случае, поделитесь результатом, интересно ❤
@@webelart об этом видео можно вообще забыть как и не было его. поскольку Вы выпустили недавно новое с полным описанием всего как оно и требуется для понимания, весь комплекс параметров. с почти теми выражениями какие используют экзаменаторы. и это совершенно два разных уровня преподавания, как будто между ними не несколько месяцев прошло или разные люди рассказыывают. огромный профессиональный рост лектора виден даже мне. и информация преподносится в полном объеме со всеми демонстрациями. буду именно по Вашей лекции это пытаться понять. я ее не успел полностью посмотреть. но мне как-то задали вопрос в другом месте о промисе в сетинтервале. и инетрвале в промисе. надеюсь в том что осталось, у Вас это показано. спасибо за ответы и за Ваш труд.
@@romanmed9035 Спасибо, мне очень приятно!
Если бы не "Стек колл вызовов" - было бы неплохо. А так, конечно, режет очень слух.
11:10 что за склейка? Я не понял, что там дальше объяснялось.
ну учить, че ты думаешь я с тобой сюсюкать тут буду что ли.
Почему все видео с названием Event Loop в JavaScript описуют цикл в браузере. У Ноды цикл работает немного иначе. Отчего нету логической градации на цикл на фронте и бэке?
Консоль лог ашечка
немного быстро в коде бегаешь а так норм
Подробный разбор эвентлупа, а ни слова о микротасках, куда как раз попадает then но не попадает setTimeout
Как я уже упоминала в одном из комментариев, здесь нужно ещё погружение. Изначально я не ставила для данного видео задачу покрыть всё и вся. Я здесь ещё и про V8 не упомянула, не рассказала про макро, микро таски. Не покрыла setImmediate(), process.nextTick() и т.д., которые больше к nodejs относятся и рендер по факту вскользь упомянула.
Я люблю, когда изучения происходят наслоением знаний. Т.к. когда стремишься сразу и всё изучить, рассказать, показать. Обычно получается какая-то каша. Нужно время для укладки информации, потом следующая порция. Видео получилось классным и покрывает много аспектов.
Тем не менее, спасибо за комментарий, я увидела, что тема микро и макро тасков интересна. ❤️
На хабре написано в корне не так
Вообще, тема очень сложная, не для новичков в JS. Разбор материала мне понравился, но очевидно, что этот ролик нужно смотреть долго, постоянно останавливаясь и перематывая, и проверяя код в конспли самому. Джуну, думаю, часа три нужно, чтобы всё здесь сказанное и показанное усвоить. Минимум.
Есть ещё одно видео про event loop ruclips.net/video/kZFLHCz2a30/видео.html
@@webelart спасибочки, посмотрю обязательно.
13:05 говоришь 1 секунду, а ставишь 0.1 секунд.
да пошел ты на х*й как хочу так и монтирую 🤌
@@webelart 😂
Ты лучше расскажи как с этими знаниями, пооектами на github найте работу? Зачем учить, если работы нет
Постепенно и эти знания потребуются. От себя только скажу, ищите, пробуйте и всё получится!
Видео для технарей, сплошная боль, столько неточностей.... Но хоть как-то объяете, на том спасибо
Посмотрите вот это ещё, гораздо более точно и подробнее там объясняю ruclips.net/video/kZFLHCz2a30/видео.html
Успехов вам в изучении ❤
@@webelart Спасибо за обратную связь!))
На хабре написано в корне не так
Я использовала mdn
@@webelart Это я затупил , нужно сразу было разобраться , а потом писать. Сорри