Урок 4. JavaScript. Асинхронность.Что такое Event Loop. JS SetTimeout 0

[@VladilenMinin]

Асинхронность! Понятней с этим? Двигаемся дальше? Эксклюзивный контент на моем Boosty: boosty.to/vladilen

[@ШамильАлисултанов-т6э]

Круто, дальше наверное можно разбирать Промисы :-) и его методы

[@VladilenMinin]

@@ШамильАлисултанов-т6э Промисы сегодня или завтра, да

[@_Black_Mirror_]

лучшее объяснение что я видел

[@-it-kidys]

@@VladilenMinin про промисы да и про async/await тоже логически последовательно супер было бы с такой подачей просто шикарно!

[@VladilenMinin]

@@-it-kidys Благодарю

[@justfisher2920]

Впринципе тема раскрыта для новичка, но мне хотелось бы кратко дополнить. Так называемая очередь задач на самом деле разделена на две очереди, первая - это макротаски, вторая - микротаски, и в первую очередь выполняются сначало микротаски, а потом макротаски. К макротаскам относятся как сказал Владилен, setTimeout'ы, setInterbal'ы, обработчики событий, загрузка картинок, вывод инпутов и.т.д., а к микротаскам относятся только промисы, и впервую очередь стек будет выполнять их. Не благодарите😎

[@grib-pix]

а для синхронного кода какая очередь?

[@justfisher2920]

@@grib-pix ты только что ответил сам на свой вопрос!

[@trreyi]

​@@justfisher2920можно ли ваш юзер в ТГ поговорить на счёт js

[@relaxandwatch4091]

Ну, ты тоже не до конца написал, следует бы упоминуть, что сначало выполняются все микротаски(промисы,колбэки из queue microtasks(), колбэки MutationObserver, а потом только одна макротаска(если она пораждает микротаски, то эти микротаски выполняются сразу же после это макротаски), т.е получим: все микротаски, 1 макротаска, все микротаски, 1 макротаска и т.д.

[@СергейК-б6н]

Синхронный по очереди вот как код идет с первой строки до последней.А если внутри асинхронный будет то будет как в видео вот указанно асинхронный код дождеться пока выполнеться весь синхронный.@@grib-pix

[@pavloskuibida6292]

на курсах показывали на картинка, ничего не понял, Владилен за 17 мин донес все! В очередной раз поклон!

[@АртурМетельский-ч8н]

Сколько статей не читал не мог полностью понять как работает event loop. После этого видео все стало предельно ясно. Спасибо за это :)

[@alexandrvinogradov8346]

Ох, впервые за три года понятное мне объяснение Event Loop, спасибо! :)

[@whoami-iamred]

На самом деле нет. Event loop может быть реализован двумя основными способами: 1) на каждый поток и 2) с пулом потоков. Объяснение так себе. Event loop'ы не специфичны для JS. Любой асинхронный код основан на эвент лупах, в любых языках.

[@ninzzo9867]

самый четкий лектор) Показать с примером на этом сайте это очень круто!

[@elmirdadashev608]

Лучшее объяснение которое я когда-либо слышал

[@alexdexx21]

Визуализация -- моё почтение. Спасибо, стало сильно понятнее!

[@vladpobidash]

Это лучшее объяснение что я находил за все время изучения асинхронности в js. Спасибо большое что делишься так доступно и наглядно знаниями!

[@dmytrohelbak]

так просто аж страшно))) Вы гениально просто всё объяснили. Спасибо, Владилен!

[@valentinknoll4106]

Спасибо, у вас талант хорошего учителя

[@НиколайХаритонов-й3н]

Присоеденяюсь

[@romanshevchenko9237]

Лучшее видео по теме из всего, что я смотрел

[@bodya5645-e5l]

Самые лучшие уроки на ютубе.

[@maxim_hj]

Знаете, что я Вам скажу? Вы самый настоящий скрипт!

[@drl232]

Владилен респект вам за просвещения в JavaScript !

[@Записи-л7у]

Молодец, умница. В сети полно руководств а-ля "Hello World", но "просто о сложном" очень мало, тем более таких наглядных видео. А даже опытным специалистам полезно такие уроки просматривать. Не все по теории шли к практике, а к JS подходили с опытом других языков, например C++ и практические навыки есть, а теории (концепта) работы в браузерной среде у таких специалистов может и не быть. Спасибо.

[@kerdi_it4863]

\\\Красавчик братан. обьясняешь как надо. преподавать это твоя стихия

[@romanhassazhyrov5558]

Лучшее объяснение, понял с первого раза!

[@realmadrid-ji9bd]

Более подробного объяснение я нигде не видел! Спасибо вам большое 👍👍👍

[@СергійМельник-х2ф]

Дуже якісно пояснив. Автору респект.

[@yanarusakova1632]

Максимально доступно и очень быстро Вам удалось объяснить!!!🔥🔥

[@seoonlyRU]

Будем знать, за это однозначно лайк от СЕООНЛИ

[@alexon3272]

Лучшее видео и урок, показывающий всю суть принципа работы языка javaScript! Автору БОЛЬШОЕ СПАСИБО!

[@ОлегПетров-п4у]

Кратко, наглядно, понятно. Спасибо! Event Loop.

[@Roman-fc8qt]

Весьма поверхностный урок. Для новичков может и пойдет. Но стоило бы еще рассказать про то что лежит в основе асинхронности, а имено про libuv, и почему тяжелые вычеслительные операции не стоит выполнять через event loop

[@ПётрПетровичПетров-ь1х]

Влад, ну ты вообще красавчик ! Очень круто подаешь материал , спасибо за труды, очень качественный контент ! Успехов тебе профессор Владилен Минин !

[@garikmelqonyan6011]

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.

[@sergeiskipin6733]

в мозгу стало как то чище и просторней ), спасибо!

[@IvJaiN]

тему уяснил на 10 баллов, спасибо за лучшее объяснение!

[@bullet3898]

обожаю момент, когда "И на самом деле..это всё")))

[@podpalmoi]

До сих пор молитвы читаешь?

[@ДанилДмитриев-я5м]

это не все, к сож

[@alexmajak3159]

Спасибо за труд. Многие вещи максимально понятно.

[@GUNTRUP_]

ранее понимание асинхронности было ,но твое видео мне дало ясность

[@bekzatmurat1341]

Несмотря на то, что мой руский плохой, вы очень легко обяснили. Огромное спасибо вам

[@danilsilantyev9623]

Огромное спасибо, Владилен! Как же ты суперски помогаешь развиваться, т.к. в ру-сообществе мало действительно крутых курсов и уроков (даже платных), после твоего курса на Udemy и всех видео по JS'у могу действительно создавать крутые веб-приложения, которые радуют даже себя! Спасибо за то, что помог учиться в кайф!)

[@barb0ssa227]

Как просто ты все обьяснил, сказка просто! Спасибо друг, ты классный учитель

[@maxshmidt557]

Жду продолжения (promise, async await, fetch ). До сих пор не знаю где именно надо писать async await. Тема не простая особенно что касается promise. P.S.: Благодарю за видеоролик по асинхронности.

[@VladilenMinin]

тема проще, чем кажется В следующем видео расскажу

[@Makdir]

Можно было сказать, что асинхронными обычно являются методы с неопределенным временем выполнения. Слушатели событий не знают когда это событие произойдет и произойдет ли вообще. То же самое при чтении файлов и т.п.. Когда они закончаться, если закончаться вообще неизвестно, а программа должна выполнятся (или должна ждать результата :) ). Отсюда можно сделать логический переход к промисам, которые позволяют учитывать возможные варианты завершения или незавершения асинхронных процессов. Мне кажется так лучше для понимания асинхронности (чтобы не сложилось впечатление, что это просто обычный метод, но который происходит позже, как можно подумать вследствие манипуляций таймаутом (что 5000, что 0 - а результат в конце)). За видео - респект и лайк. Круто и наглядно объяснено как выполнение метода выносится из основного потока и включается обратно.

[@TheSerikzhan]

Очень доступное объяснение! Спасибо автору!

[@vallery1395]

С удовольствием смотрю все Ваши видео! Подписка + лайк! Спасибо!

[@mila4308]

идеально, гениально и просто! лучший учитель

[@АндрейСкарынкин]

Лучшие уроки на ютубе! Продолжай пожалуйста)

[@VladilenMinin]

Благодарю за такой отзыв)

[@alex_k21]

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

[@StetskoV]

Владилен, спасибо за труд! Все очень доходчиво!

[@Skif769]

Ты ваще краса, 2 мин видео а уже столько нового узнал!

[@ruslwhite]

Было бы здорово ещё описать что относится к таскам, а что к микротаскам и их очередь выполнения

[@Dendor3519]

Владилен!!! Всё классно рассказываешь!

[@vasiloconnell281]

наконец-то разобрался с этим event loop

[@RomanKalugin]

Так не хватало серии таких видосов!

[@МаринаГуд-к3г]

Спасибо огромное! Это просто гениально!!! Спасибо за Ваш труд! Желаю роста Вашему каналу!!!

[@AlexandrBaibachenko]

Юху, наконец-то понятно, как это работает. Огромное спасибо за урок👍

[@АдильжанМухаметов]

Спасибо большое за такие уроки

[@anriat2141]

чел ты просто ахуенно объясняешь!!! Без лишней воды, прозрачно и понятно! Респект тебе! Я прям очень Благодарен тебе, что ты есть!!!

[@maksymkushchenko7054]

Отличное разъяснение, благодарю!

[@ПетроПотрошенко]

Комментарий из восьми слов для поддержки этого видео.

[@selfcreator8921]

Отлично видео, большое спасибо за твой труд

[@arti_do2427]

Очень доступное объяснение. Спасибо!

[@Александр-ь5н8у]

Благодарю за урок. Очень наглядно и доступно, JS становится всё проще и проще. :))

[@ВолодимирПилипчук-ъ4ш]

Я в шоке, ты такой красавчик, по полочкам обяснил )

[@АлексейЛоскутников-ю4р]

Очень хороший показательный пример.

[@alekseyberezov8020]

Спасибо бро! Это самое крутое и наглядное объяснение Event Loop.

[@nan-simon]

Мне нравится ваш восхищенный голос, когда вы рассказываете) Это, очень здорово) 👍

[@andrTaylor]

Ещё про render queue не упомянули. Перерисовка страницы важнее по приоритету, поэтому если стэк занят долгой медленной функцией, то после её завершнения event loop (вместо готовой ф-и в callback queue) закинет ф-ю перерисовки интерфейса в стэк и только потом(уже после неё) будет закидывать в стэк обычные готовые ф-и.

[@Ravw-r9s]

Знание и умение объснять это разные вещи. У тебя же есть и то, и то. Респект, спасибо!

[@tamesshka]

Это было очень увлекательно, Владилен! Спасибо большое за материал!

[@exploringtheworld8780]

Спасибо, Владилен!

[@OnlyLuck1000]

Просто лучший! Кратко, наглядно, понятно. Спасибо за труд!

[@kateiero5675]

красава, мой препод на курсах не смог так хорошо это объяснить как ты

[@VladilenMinin]

го к нам на курс)

[@kateiero5675]

я на автоматизатора учусь, и уже заплатила за текущий курс( @@VladilenMinin

[@peterk9449]

Поздравляю с 100 000 подписчиков!!! Так держать!

[@VladilenMinin]

Благодарю)

[@АлександрВарыгин-в3ы]

Отличный урок! Доступно и понятно!

[@Snegurjan]

Урааа ,я все понял ,это было пугающе просто,Владилен учитель от Бога!

[@oleksandrvoron_ko580]

Пояснення ідеальне! Дякую!

[@ideshmaaerdene-ochir4247]

Thank you very much. Not this one but all you tutorials are very good! Good luck!

[@vadicus6534]

Отличная подача, Владилен! Отдельное спасибо за то что ты подаешь информацию медленно, с повторами и примерами. Это именно то чего мне не хватает в обучающих материалах по js! Отличное видео, я крайне доволен что нашел такой контент!)

[@artursveshnikov7668]

Это видео как по мне лучшее в плейлисте. Js конечно лучше от этого не стал 💩. Но Владилен красавчик 😎😎😎. Так просто объяснять сложные вещи могут не только лишь все.

[@Lord__Foxtrot]

Спасибо большое за детальное объяснение !)

[@МихаелДядин]

Владилен спасибо за асинхроность.круто!!!

[@antotepo]

Владилен, конечно, крутой

[@artem_doronin]

Красавчик! Крутое объяснение

[@ИванОпенько-б5с]

Конструктивно, понятно, однозначно лайк подписка

[@VladilenMinin]

Добро пожаловать)

[@O-L-1986]

Агонь, ты лучший! Очень доступно!

[@rzdegor1978]

Хоть теперь мне стало это понятно )) Включая предидущие уроки ))

[@СмирновИван-щ9ц]

Всё просто и понятно. Спасибо!

[@olya9054]

Отличное видео, большое спасибо. Все очень понятно, смотреть и слушать приятно. Очень рада, что нашла ваш канал!

[@bukanaka]

В первые слышу про асинхронность, но материал был грамотно подан, что и последовало моему понятию с первого раза. Спасибо, Влад))

[@promax866]

С визуализацией понятнее стало, спасибо!

[@АлексейПетренко-о6ш]

Просто отвал башки, автору - моё почтение!

[@Ибрагим-вввв09]

Очень грамотно разъясняете

[@suslikest3708]

Это прикольный видос ибо надоели банальные вещи по js хочется чего-то более сложного и не очевидного. Спасибо!

[@Pr0xytube]

Спасибо большое за видео. Ты делаешь сложные вещи проще, это круто :) async\await, промисы ждем)

[@VladilenMinin]

Пожалуйста)

[@annasamoylenko3804]

Владилен, спасибо! Четко, ясно, понятно) Продолжай творить)

[@jewgienij6953]

Thank you for this content, man. It's really the best explanation of the Async on the Internet :)

[@ДмитрийПригульнов]

Добрый день. Очень доходчивая и наглядная подача. Огромное спасибо за Ваш труд.

[@booleanaireme]

спасибо большо, читала много и не могла понять, с вашей интерпретацией получилось понять!

[@LNLGv-ig8fb]

ты отличный учитель

[@RewCSharp]

Спасибо за урок!

[@РузельАбдурахманов]

Хорошо объяснили асинхронность, большое спасибо 💪

[@blog_mukhammada]

Видеоуроки топ! Спасибо вам большое!

[@robertrebelovskiy3239]

Мне было понятно 🐟 спасибо вам большое (ваш канал советую своим начинающим)

[@leitohardy9679]

Эх если б мне кто то так же Асинхронность объяснил в 2010 году... Спасибо за урок!

[@phantomteammusic]

Самое лучшее пояснение! Благодарю