Впринципе тема раскрыта для новичка, но мне хотелось бы кратко дополнить. Так называемая очередь задач на самом деле разделена на две очереди, первая - это макротаски, вторая - микротаски, и в первую очередь выполняются сначало микротаски, а потом макротаски. К макротаскам относятся как сказал Владилен, setTimeout'ы, setInterbal'ы, обработчики событий, загрузка картинок, вывод инпутов и.т.д., а к микротаскам относятся только промисы, и впервую очередь стек будет выполнять их. Не благодарите😎
Ну, ты тоже не до конца написал, следует бы упоминуть, что сначало выполняются все микротаски(промисы,колбэки из queue microtasks(), колбэки MutationObserver, а потом только одна макротаска(если она пораждает микротаски, то эти микротаски выполняются сразу же после это макротаски), т.е получим: все микротаски, 1 макротаска, все микротаски, 1 макротаска и т.д.
Синхронный по очереди вот как код идет с первой строки до последней.А если внутри асинхронный будет то будет как в видео вот указанно асинхронный код дождеться пока выполнеться весь синхронный.@@grib-pix
На самом деле нет. Event loop может быть реализован двумя основными способами: 1) на каждый поток и 2) с пулом потоков. Объяснение так себе. Event loop'ы не специфичны для JS. Любой асинхронный код основан на эвент лупах, в любых языках.
Жду продолжения (promise, async await, fetch ). До сих пор не знаю где именно надо писать async await. Тема не простая особенно что касается promise. P.S.: Благодарю за видеоролик по асинхронности.
Огромное спасибо, Владилен! Как же ты суперски помогаешь развиваться, т.к. в ру-сообществе мало действительно крутых курсов и уроков (даже платных), после твоего курса на Udemy и всех видео по JS'у могу действительно создавать крутые веб-приложения, которые радуют даже себя! Спасибо за то, что помог учиться в кайф!)
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.
Можно было сказать, что асинхронными обычно являются методы с неопределенным временем выполнения. Слушатели событий не знают когда это событие произойдет и произойдет ли вообще. То же самое при чтении файлов и т.п.. Когда они закончаться, если закончаться вообще неизвестно, а программа должна выполнятся (или должна ждать результата :) ). Отсюда можно сделать логический переход к промисам, которые позволяют учитывать возможные варианты завершения или незавершения асинхронных процессов. Мне кажется так лучше для понимания асинхронности (чтобы не сложилось впечатление, что это просто обычный метод, но который происходит позже, как можно подумать вследствие манипуляций таймаутом (что 5000, что 0 - а результат в конце)). За видео - респект и лайк. Круто и наглядно объяснено как выполнение метода выносится из основного потока и включается обратно.
Молодец, умница. В сети полно руководств а-ля "Hello World", но "просто о сложном" очень мало, тем более таких наглядных видео. А даже опытным специалистам полезно такие уроки просматривать. Не все по теории шли к практике, а к JS подходили с опытом других языков, например C++ и практические навыки есть, а теории (концепта) работы в браузерной среде у таких специалистов может и не быть. Спасибо.
Весьма поверхностный урок. Для новичков может и пойдет. Но стоило бы еще рассказать про то что лежит в основе асинхронности, а имено про libuv, и почему тяжелые вычеслительные операции не стоит выполнять через event loop
Ещё про render queue не упомянули. Перерисовка страницы важнее по приоритету, поэтому если стэк занят долгой медленной функцией, то после её завершнения event loop (вместо готовой ф-и в callback queue) закинет ф-ю перерисовки интерфейса в стэк и только потом(уже после неё) будет закидывать в стэк обычные готовые ф-и.
Это видео как по мне лучшее в плейлисте. Js конечно лучше от этого не стал 💩. Но Владилен красавчик 😎😎😎. Так просто объяснять сложные вещи могут не только лишь все.
Отличная подача, Владилен! Отдельное спасибо за то что ты подаешь информацию медленно, с повторами и примерами. Это именно то чего мне не хватает в обучающих материалах по js! Отличное видео, я крайне доволен что нашел такой контент!)
Асинхронность! Понятней с этим? Двигаемся дальше?
Эксклюзивный контент на моем Boosty: boosty.to/vladilen
Круто, дальше наверное можно разбирать Промисы :-) и его методы
@@ШамильАлисултанов-т6э Промисы сегодня или завтра, да
лучшее объяснение что я видел
@@VladilenMinin про промисы да и про async/await тоже логически последовательно супер было бы с такой подачей просто шикарно!
@@-it-kidys Благодарю
Впринципе тема раскрыта для новичка, но мне хотелось бы кратко дополнить. Так называемая очередь задач на самом деле разделена на две очереди, первая - это макротаски, вторая - микротаски, и в первую очередь выполняются сначало микротаски, а потом макротаски. К макротаскам относятся как сказал Владилен, setTimeout'ы, setInterbal'ы, обработчики событий, загрузка картинок, вывод инпутов и.т.д., а к микротаскам относятся только промисы, и впервую очередь стек будет выполнять их. Не благодарите😎
а для синхронного кода какая очередь?
@@grib-pix ты только что ответил сам на свой вопрос!
@@justfisher2920можно ли ваш юзер в ТГ поговорить на счёт js
Ну, ты тоже не до конца написал, следует бы упоминуть, что сначало выполняются все микротаски(промисы,колбэки из queue microtasks(), колбэки MutationObserver, а потом только одна макротаска(если она пораждает микротаски, то эти микротаски выполняются сразу же после это макротаски), т.е получим: все микротаски, 1 макротаска, все микротаски, 1 макротаска и т.д.
Синхронный по очереди вот как код идет с первой строки до последней.А если внутри асинхронный будет то будет как в видео вот указанно асинхронный код дождеться пока выполнеться весь синхронный.@@grib-pix
так просто аж страшно))) Вы гениально просто всё объяснили. Спасибо, Владилен!
на курсах показывали на картинка, ничего не понял, Владилен за 17 мин донес все! В очередной раз поклон!
Спасибо, у вас талант хорошего учителя
Присоеденяюсь
Ох, впервые за три года понятное мне объяснение Event Loop, спасибо! :)
На самом деле нет. Event loop может быть реализован двумя основными способами: 1) на каждый поток и 2) с пулом потоков. Объяснение так себе. Event loop'ы не специфичны для JS. Любой асинхронный код основан на эвент лупах, в любых языках.
Сколько статей не читал не мог полностью понять как работает event loop. После этого видео все стало предельно ясно. Спасибо за это :)
Это лучшее объяснение что я находил за все время изучения асинхронности в js. Спасибо большое что делишься так доступно и наглядно знаниями!
хотелось бы, конечно, еще услышать что-нибудь про приоритетность микро и макротасков) но для начинающих, думаю, и этого достаточно
самый четкий лектор) Показать с примером на этом сайте это очень круто!
Лучшее объяснение которое я когда-либо слышал
Визуализация -- моё почтение. Спасибо, стало сильно понятнее!
обожаю момент, когда "И на самом деле..это всё")))
До сих пор молитвы читаешь?
это не все, к сож
Жду продолжения (promise, async await, fetch ). До сих пор не знаю где именно надо писать async await. Тема не простая особенно что касается promise.
P.S.: Благодарю за видеоролик по асинхронности.
тема проще, чем кажется
В следующем видео расскажу
Было бы здорово ещё описать что относится к таскам, а что к микротаскам и их очередь выполнения
Лучшее видео и урок, показывающий всю суть принципа работы языка javaScript! Автору БОЛЬШОЕ СПАСИБО!
Спасибо за труд. Многие вещи максимально понятно.
Владилен респект вам за просвещения в JavaScript !
Лучшее видео по теме из всего, что я смотрел
С удовольствием смотрю все Ваши видео! Подписка + лайк! Спасибо!
Владилен, спасибо за труд! Все очень доходчиво!
\\\Красавчик братан. обьясняешь как надо. преподавать это твоя стихия
Лучшее объяснение, понял с первого раза!
Владилен!!! Всё классно рассказываешь!
Будем знать, за это однозначно лайк от СЕООНЛИ
ранее понимание асинхронности было ,но твое видео мне дало ясность
Самые лучшие уроки на ютубе.
Очень доступное объяснение! Спасибо автору!
Огромное спасибо, Владилен! Как же ты суперски помогаешь развиваться, т.к. в ру-сообществе мало действительно крутых курсов и уроков (даже платных), после твоего курса на Udemy и всех видео по JS'у могу действительно создавать крутые веб-приложения, которые радуют даже себя! Спасибо за то, что помог учиться в кайф!)
Знаете, что я Вам скажу? Вы самый настоящий скрипт!
в мозгу стало как то чище и просторней ), спасибо!
Максимально доступно и очень быстро Вам удалось объяснить!!!🔥🔥
Влад, ну ты вообще красавчик !
Очень круто подаешь материал , спасибо за труды, очень качественный контент !
Успехов тебе профессор Владилен Минин !
Так не хватало серии таких видосов!
Более подробного объяснение я нигде не видел! Спасибо вам большое 👍👍👍
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.
тему уяснил на 10 баллов, спасибо за лучшее объяснение!
Кратко, наглядно, понятно. Спасибо! Event Loop.
Спасибо, Владилен!
наконец-то разобрался с этим event loop
Ты ваще краса, 2 мин видео а уже столько нового узнал!
Мне нравится ваш восхищенный голос, когда вы рассказываете) Это, очень здорово) 👍
Можно было сказать, что асинхронными обычно являются методы с неопределенным временем выполнения. Слушатели событий не знают когда это событие произойдет и произойдет ли вообще. То же самое при чтении файлов и т.п.. Когда они закончаться, если закончаться вообще неизвестно, а программа должна выполнятся (или должна ждать результата :) ). Отсюда можно сделать логический переход к промисам, которые позволяют учитывать возможные варианты завершения или незавершения асинхронных процессов. Мне кажется так лучше для понимания асинхронности (чтобы не сложилось впечатление, что это просто обычный метод, но который происходит позже, как можно подумать вследствие манипуляций таймаутом (что 5000, что 0 - а результат в конце)). За видео - респект и лайк. Круто и наглядно объяснено как выполнение метода выносится из основного потока и включается обратно.
Молодец, умница. В сети полно руководств а-ля "Hello World", но "просто о сложном" очень мало, тем более таких наглядных видео. А даже опытным специалистам полезно такие уроки просматривать. Не все по теории шли к практике, а к JS подходили с опытом других языков, например C++ и практические навыки есть, а теории (концепта) работы в браузерной среде у таких специалистов может и не быть. Спасибо.
Дуже якісно пояснив. Автору респект.
Весьма поверхностный урок. Для новичков может и пойдет. Но стоило бы еще рассказать про то что лежит в основе асинхронности, а имено про libuv, и почему тяжелые вычеслительные операции не стоит выполнять через event loop
Отлично видео, большое спасибо за твой труд
Лучшие уроки на ютубе! Продолжай пожалуйста)
Благодарю за такой отзыв)
Как просто ты все обьяснил, сказка просто!
Спасибо друг, ты классный учитель
Спасибо за урок!
Отличное разъяснение, благодарю!
Юху, наконец-то понятно, как это работает. Огромное спасибо за урок👍
идеально, гениально и просто! лучший учитель
Владлен твои уроки уже комментируют целые видео создают анализируют. Ну нигде так четко не смог понять многие элементы js
Не совсем понял, что ты имеешь ввиду?
Спасибо бро! Это самое крутое и наглядное объяснение Event Loop.
Ещё про render queue не упомянули. Перерисовка страницы важнее по приоритету, поэтому если стэк занят долгой медленной функцией, то после её завершнения event loop (вместо готовой ф-и в callback queue) закинет ф-ю перерисовки интерфейса в стэк и только потом(уже после неё) будет закидывать в стэк обычные готовые ф-и.
Спасибо большое за такие уроки
Знание и умение объснять это разные вещи. У тебя же есть и то, и то. Респект, спасибо!
красава, мой препод на курсах не смог так хорошо это объяснить как ты
го к нам на курс)
я на автоматизатора учусь, и уже заплатила за текущий курс( @@VladilenMinin
Спасибо огромное! Это просто гениально!!! Спасибо за Ваш труд! Желаю роста Вашему каналу!!!
Красавчик! Крутое объяснение
Несмотря на то, что мой руский плохой, вы очень легко обяснили. Огромное спасибо вам
Благодарю за урок. Очень наглядно и доступно, JS становится всё проще и проще. :))
Это было очень увлекательно, Владилен! Спасибо большое за материал!
Очень доступное объяснение. Спасибо!
Добрый день. Очень доходчивая и наглядная подача. Огромное спасибо за Ваш труд.
чел ты просто ахуенно объясняешь!!! Без лишней воды, прозрачно и понятно! Респект тебе! Я прям очень Благодарен тебе, что ты есть!!!
Спасибо большое за детальное объяснение !)
Хоть теперь мне стало это понятно )) Включая предидущие уроки ))
Это видео как по мне лучшее в плейлисте. Js конечно лучше от этого не стал 💩. Но Владилен красавчик 😎😎😎. Так просто объяснять сложные вещи могут не только лишь все.
Агонь, ты лучший! Очень доступно!
спасибо большо, читала много и не могла понять, с вашей интерпретацией получилось понять!
Отличная подача, Владилен! Отдельное спасибо за то что ты подаешь информацию медленно, с повторами и примерами. Это именно то чего мне не хватает в обучающих материалах по js! Отличное видео, я крайне доволен что нашел такой контент!)
В первые слышу про асинхронность, но материал был грамотно подан, что и последовало моему понятию с первого раза. Спасибо, Влад))
Отличный урок! Доступно и понятно!
Очень хороший показательный пример.
Я в шоке, ты такой красавчик, по полочкам обяснил )
Thank you very much. Not this one but all you tutorials are very good! Good luck!
Владилен спасибо тебе большое !
Урааа ,я все понял ,это было пугающе просто,Владилен учитель от Бога!
Владилен, конечно, крутой
Владилен спасибо за асинхроность.круто!!!
Лучший! Стало понятно как это работает)
Всё просто и понятно. Спасибо!
Просто лучший! Кратко, наглядно, понятно. Спасибо за труд!
Конструктивно, понятно, однозначно лайк подписка
Добро пожаловать)
Комментарий из восьми слов для поддержки этого видео.
Поздравляю с 100 000 подписчиков!!! Так держать!
Благодарю)
Отличное видео, большое спасибо. Все очень понятно, смотреть и слушать приятно. Очень рада, что нашла ваш канал!
Мне было понятно 🐟 спасибо вам большое (ваш канал советую своим начинающим)
Видеоуроки топ! Спасибо вам большое!
Владилен, спасибо! Четко, ясно, понятно) Продолжай творить)
максимально доходчиво
Спасибо за такой легкий и понятный формат предоставления информации.
Просто отвал башки, автору - моё почтение!
Какой ты Гигант Владилен.⚡⚡⚡
Великолепный урок! Сразу подписка.
Супер, сложная тема простыми словами!
С визуализацией понятнее стало, спасибо!
Такие сложные темы очень просто объясняешь! Спасибо огромное за твой труд