Впринципе тема раскрыта для новичка, но мне хотелось бы кратко дополнить. Так называемая очередь задач на самом деле разделена на две очереди, первая - это макротаски, вторая - микротаски, и в первую очередь выполняются сначало микротаски, а потом макротаски. К макротаскам относятся как сказал Владилен, setTimeout'ы, setInterbal'ы, обработчики событий, загрузка картинок, вывод инпутов и.т.д., а к микротаскам относятся только промисы, и впервую очередь стек будет выполнять их. Не благодарите😎
Ну, ты тоже не до конца написал, следует бы упоминуть, что сначало выполняются все микротаски(промисы,колбэки из queue microtasks(), колбэки MutationObserver, а потом только одна макротаска(если она пораждает микротаски, то эти микротаски выполняются сразу же после это макротаски), т.е получим: все микротаски, 1 макротаска, все микротаски, 1 макротаска и т.д.
Синхронный по очереди вот как код идет с первой строки до последней.А если внутри асинхронный будет то будет как в видео вот указанно асинхронный код дождеться пока выполнеться весь синхронный.@@grib-pix
На самом деле нет. Event loop может быть реализован двумя основными способами: 1) на каждый поток и 2) с пулом потоков. Объяснение так себе. Event loop'ы не специфичны для JS. Любой асинхронный код основан на эвент лупах, в любых языках.
Можно было сказать, что асинхронными обычно являются методы с неопределенным временем выполнения. Слушатели событий не знают когда это событие произойдет и произойдет ли вообще. То же самое при чтении файлов и т.п.. Когда они закончаться, если закончаться вообще неизвестно, а программа должна выполнятся (или должна ждать результата :) ). Отсюда можно сделать логический переход к промисам, которые позволяют учитывать возможные варианты завершения или незавершения асинхронных процессов. Мне кажется так лучше для понимания асинхронности (чтобы не сложилось впечатление, что это просто обычный метод, но который происходит позже, как можно подумать вследствие манипуляций таймаутом (что 5000, что 0 - а результат в конце)). За видео - респект и лайк. Круто и наглядно объяснено как выполнение метода выносится из основного потока и включается обратно.
Молодец, умница. В сети полно руководств а-ля "Hello World", но "просто о сложном" очень мало, тем более таких наглядных видео. А даже опытным специалистам полезно такие уроки просматривать. Не все по теории шли к практике, а к JS подходили с опытом других языков, например C++ и практические навыки есть, а теории (концепта) работы в браузерной среде у таких специалистов может и не быть. Спасибо.
Огромное спасибо, Владилен! Как же ты суперски помогаешь развиваться, т.к. в ру-сообществе мало действительно крутых курсов и уроков (даже платных), после твоего курса на Udemy и всех видео по JS'у могу действительно создавать крутые веб-приложения, которые радуют даже себя! Спасибо за то, что помог учиться в кайф!)
Жду продолжения (promise, async await, fetch ). До сих пор не знаю где именно надо писать async await. Тема не простая особенно что касается promise. P.S.: Благодарю за видеоролик по асинхронности.
Весьма поверхностный урок. Для новичков может и пойдет. Но стоило бы еще рассказать про то что лежит в основе асинхронности, а имено про libuv, и почему тяжелые вычеслительные операции не стоит выполнять через event loop
Respect! Thank you for your simplicity. I just can't help saying that you are talented to make things plainly that have seemed hard for so long. In the search for good educational material, you come in touch with a variety of different stuff and many of them are explained so complicatedly that you get more and more confused. Your tutorials are one of the best concerning the mentioned concepts. Thank you.
Это видео как по мне лучшее в плейлисте. Js конечно лучше от этого не стал 💩. Но Владилен красавчик 😎😎😎. Так просто объяснять сложные вещи могут не только лишь все.
Отличная подача, Владилен! Отдельное спасибо за то что ты подаешь информацию медленно, с повторами и примерами. Это именно то чего мне не хватает в обучающих материалах по js! Отличное видео, я крайне доволен что нашел такой контент!)
Ещё про render queue не упомянули. Перерисовка страницы важнее по приоритету, поэтому если стэк занят долгой медленной функцией, то после её завершнения event loop (вместо готовой ф-и в callback queue) закинет ф-ю перерисовки интерфейса в стэк и только потом(уже после неё) будет закидывать в стэк обычные готовые ф-и.
Асинхронность! Понятней с этим? Двигаемся дальше?
Эксклюзивный контент на моем Boosty: boosty.to/vladilen
Круто, дальше наверное можно разбирать Промисы :-) и его методы
@@ШамильАлисултанов-т6э Промисы сегодня или завтра, да
лучшее объяснение что я видел
@@VladilenMinin про промисы да и про async/await тоже логически последовательно супер было бы с такой подачей просто шикарно!
@@-it-kidys Благодарю
Впринципе тема раскрыта для новичка, но мне хотелось бы кратко дополнить. Так называемая очередь задач на самом деле разделена на две очереди, первая - это макротаски, вторая - микротаски, и в первую очередь выполняются сначало микротаски, а потом макротаски. К макротаскам относятся как сказал Владилен, setTimeout'ы, setInterbal'ы, обработчики событий, загрузка картинок, вывод инпутов и.т.д., а к микротаскам относятся только промисы, и впервую очередь стек будет выполнять их. Не благодарите😎
а для синхронного кода какая очередь?
@@grib-pix ты только что ответил сам на свой вопрос!
@@justfisher2920можно ли ваш юзер в ТГ поговорить на счёт js
Ну, ты тоже не до конца написал, следует бы упоминуть, что сначало выполняются все микротаски(промисы,колбэки из queue microtasks(), колбэки MutationObserver, а потом только одна макротаска(если она пораждает микротаски, то эти микротаски выполняются сразу же после это макротаски), т.е получим: все микротаски, 1 макротаска, все микротаски, 1 макротаска и т.д.
Синхронный по очереди вот как код идет с первой строки до последней.А если внутри асинхронный будет то будет как в видео вот указанно асинхронный код дождеться пока выполнеться весь синхронный.@@grib-pix
Ох, впервые за три года понятное мне объяснение Event Loop, спасибо! :)
На самом деле нет. Event loop может быть реализован двумя основными способами: 1) на каждый поток и 2) с пулом потоков. Объяснение так себе. Event loop'ы не специфичны для JS. Любой асинхронный код основан на эвент лупах, в любых языках.
на курсах показывали на картинка, ничего не понял, Владилен за 17 мин донес все! В очередной раз поклон!
Сколько статей не читал не мог полностью понять как работает event loop. После этого видео все стало предельно ясно. Спасибо за это :)
так просто аж страшно))) Вы гениально просто всё объяснили. Спасибо, Владилен!
Спасибо, у вас талант хорошего учителя
Присоеденяюсь
Будем знать, за это однозначно лайк от СЕООНЛИ
Это лучшее объяснение что я находил за все время изучения асинхронности в js. Спасибо большое что делишься так доступно и наглядно знаниями!
самый четкий лектор) Показать с примером на этом сайте это очень круто!
Визуализация -- моё почтение. Спасибо, стало сильно понятнее!
Можно было сказать, что асинхронными обычно являются методы с неопределенным временем выполнения. Слушатели событий не знают когда это событие произойдет и произойдет ли вообще. То же самое при чтении файлов и т.п.. Когда они закончаться, если закончаться вообще неизвестно, а программа должна выполнятся (или должна ждать результата :) ). Отсюда можно сделать логический переход к промисам, которые позволяют учитывать возможные варианты завершения или незавершения асинхронных процессов. Мне кажется так лучше для понимания асинхронности (чтобы не сложилось впечатление, что это просто обычный метод, но который происходит позже, как можно подумать вследствие манипуляций таймаутом (что 5000, что 0 - а результат в конце)). За видео - респект и лайк. Круто и наглядно объяснено как выполнение метода выносится из основного потока и включается обратно.
С удовольствием смотрю все Ваши видео! Подписка + лайк! Спасибо!
Лучшее объяснение которое я когда-либо слышал
\\\Красавчик братан. обьясняешь как надо. преподавать это твоя стихия
Спасибо за труд. Многие вещи максимально понятно.
Дуже якісно пояснив. Автору респект.
обожаю момент, когда "И на самом деле..это всё")))
До сих пор молитвы читаешь?
это не все, к сож
Лучшее объяснение, понял с первого раза!
Самые лучшие уроки на ютубе.
Лучшее видео по теме из всего, что я смотрел
Кратко, наглядно, понятно. Спасибо! Event Loop.
Владилен респект вам за просвещения в JavaScript !
Спасибо, Владилен!
Владилен!!! Всё классно рассказываешь!
Влад, ну ты вообще красавчик !
Очень круто подаешь материал , спасибо за труды, очень качественный контент !
Успехов тебе профессор Владилен Минин !
Знаете, что я Вам скажу? Вы самый настоящий скрипт!
ранее понимание асинхронности было ,но твое видео мне дало ясность
Очень доступное объяснение! Спасибо автору!
Спасибо, тут все ясно!!!!! и отличная ссилка для практики!!
Отлично видео, большое спасибо за твой труд
тему уяснил на 10 баллов, спасибо за лучшее объяснение!
Владилен, спасибо за труд! Все очень доходчиво!
Отличное разъяснение, благодарю!
Спасибо большое за такие уроки
Владилен, конечно, крутой
Молодец, умница. В сети полно руководств а-ля "Hello World", но "просто о сложном" очень мало, тем более таких наглядных видео. А даже опытным специалистам полезно такие уроки просматривать. Не все по теории шли к практике, а к JS подходили с опытом других языков, например C++ и практические навыки есть, а теории (концепта) работы в браузерной среде у таких специалистов может и не быть. Спасибо.
Лучшие уроки на ютубе! Продолжай пожалуйста)
Благодарю за такой отзыв)
в мозгу стало как то чище и просторней ), спасибо!
Ты ваще краса, 2 мин видео а уже столько нового узнал!
Пояснення ідеальне! Дякую!
Лучшее видео и урок, показывающий всю суть принципа работы языка javaScript! Автору БОЛЬШОЕ СПАСИБО!
Спасибо огромное! Это просто гениально!!! Спасибо за Ваш труд! Желаю роста Вашему каналу!!!
Максимально доступно и очень быстро Вам удалось объяснить!!!🔥🔥
Как просто ты все обьяснил, сказка просто!
Спасибо друг, ты классный учитель
Огромное спасибо, Владилен! Как же ты суперски помогаешь развиваться, т.к. в ру-сообществе мало действительно крутых курсов и уроков (даже платных), после твоего курса на Udemy и всех видео по JS'у могу действительно создавать крутые веб-приложения, которые радуют даже себя! Спасибо за то, что помог учиться в кайф!)
наконец-то разобрался с этим event loop
Владилен спасибо тебе большое !
Спасибо за урок!
Красавчик! Крутое объяснение
Жду продолжения (promise, async await, fetch ). До сих пор не знаю где именно надо писать async await. Тема не простая особенно что касается promise.
P.S.: Благодарю за видеоролик по асинхронности.
тема проще, чем кажется
В следующем видео расскажу
Было бы здорово ещё описать что относится к таскам, а что к микротаскам и их очередь выполнения
идеально, гениально и просто! лучший учитель
Так не хватало серии таких видосов!
максимально доходчиво
Весьма поверхностный урок. Для новичков может и пойдет. Но стоило бы еще рассказать про то что лежит в основе асинхронности, а имено про libuv, и почему тяжелые вычеслительные операции не стоит выполнять через event loop
Очень доступное объяснение. Спасибо!
Respect!
Thank you for your simplicity. I just can't help saying that you are talented to make things plainly that have seemed hard for so long.
In the search for good educational material, you come in touch with a variety of different stuff and many of them are explained so complicatedly that you get more and more confused.
Your tutorials are one of the best concerning the mentioned concepts.
Thank you.
Более подробного объяснение я нигде не видел! Спасибо вам большое 👍👍👍
Это было очень увлекательно, Владилен! Спасибо большое за материал!
хотелось бы, конечно, еще услышать что-нибудь про приоритетность микро и макротасков) но для начинающих, думаю, и этого достаточно
Агонь, ты лучший! Очень доступно!
Спасибо бро! Это самое крутое и наглядное объяснение Event Loop.
Очень хороший показательный пример.
спасибо большо, читала много и не могла понять, с вашей интерпретацией получилось понять!
чел ты просто ахуенно объясняешь!!! Без лишней воды, прозрачно и понятно! Респект тебе! Я прям очень Благодарен тебе, что ты есть!!!
Всё просто и понятно. Спасибо!
Спасибо большое за детальное объяснение !)
Какой ты Гигант Владилен.⚡⚡⚡
Юху, наконец-то понятно, как это работает. Огромное спасибо за урок👍
красава, мой препод на курсах не смог так хорошо это объяснить как ты
го к нам на курс)
я на автоматизатора учусь, и уже заплатила за текущий курс( @@VladilenMinin
Это видео как по мне лучшее в плейлисте. Js конечно лучше от этого не стал 💩. Но Владилен красавчик 😎😎😎. Так просто объяснять сложные вещи могут не только лишь все.
Конструктивно, понятно, однозначно лайк подписка
Добро пожаловать)
Владилен спасибо за асинхроность.круто!!!
Поздравляю с 100 000 подписчиков!!! Так держать!
Благодарю)
Отличный урок! Доступно и понятно!
Несмотря на то, что мой руский плохой, вы очень легко обяснили. Огромное спасибо вам
Урааа ,я все понял ,это было пугающе просто,Владилен учитель от Бога!
Благодарю за урок. Очень наглядно и доступно, JS становится всё проще и проще. :))
Thank you very much. Not this one but all you tutorials are very good! Good luck!
Хоть теперь мне стало это понятно )) Включая предидущие уроки ))
Просто лучший! Кратко, наглядно, понятно. Спасибо за труд!
Владилен, спасибо! Четко, ясно, понятно) Продолжай творить)
Комментарий из восьми слов для поддержки этого видео.
Отлично все понятно и доступно. пока не понятно где и зачем это может пригодится )))
Отличная подача, Владилен! Отдельное спасибо за то что ты подаешь информацию медленно, с повторами и примерами. Это именно то чего мне не хватает в обучающих материалах по js! Отличное видео, я крайне доволен что нашел такой контент!)
отлично. очень хорошо обьяснил .. спасибо
Ещё про render queue не упомянули. Перерисовка страницы важнее по приоритету, поэтому если стэк занят долгой медленной функцией, то после её завершнения event loop (вместо готовой ф-и в callback queue) закинет ф-ю перерисовки интерфейса в стэк и только потом(уже после неё) будет закидывать в стэк обычные готовые ф-и.
Лучший! Стало понятно как это работает)
Очень грамотно разъясняете
Спасибо тебе, Ленин, ты крут!
Супер, сложная тема простыми словами!
Я в шоке, ты такой красавчик, по полочкам обяснил )
Спасибо, полезно!
Спасибо! Наглядно и понятно
Отличное видео, большое спасибо. Все очень понятно, смотреть и слушать приятно. Очень рада, что нашла ваш канал!
ты отличный учитель
Владлен твои уроки уже комментируют целые видео создают анализируют. Ну нигде так четко не смог понять многие элементы js
Не совсем понял, что ты имеешь ввиду?
не ну как бы всё вроде бы понятно подробней не обьясниш как бы) Спасибо! Красава!
Чувак, ты очень крутой. Спасибо за разъяснения