Вебинар: Асинхронность в JavaScript. Таймеры, промисы, async/await 

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

Спасибо, очень понятно. Лучший материал для начала вникания в асинхронность. К слову, Сергей так хорошо ведет вебинары, что иногда забываешь о том, что это все риал-тайм, а не готовое отмонажированое видео. Мое почтение таким талантам!

Все понятно, более того стиль объяснения цепляет внимание, что за трюк😮 отличный лектор

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

Действительно очень крутое видео на данную тему, самое детальное из того, что видел, но после 20ой фразы "Есть ещё одна особенность " становилось уже не по себе)

1. JS изначально однопоточный язык программирования. 2. Асинхронность - это выполнение параллельных вычислений в рамках ОДНОГО потока, реализуется через очередь задач на уровне интерпретатора. 3. Промисы - это конструкция языка, придуманная для организации асинхронного кода, взамен коллбэк ада. 4. Async\await - заменяет then в цепочке вызова промисов.

Очень подробно и полезно. Вот бы еще такой вебинар по итераторам и генераторам :)

Шикарно! Особенно после ознакомления с EventLoop подкапотным - ЭТОТ ВЕБИНАР про асинхронность зашёл просто на ура)

спасибо, в 2023 всё ещё одно из лучших видео по теме

Для тех, кто не совсем понял идею с промисами, сам по себе then не обеспечит вам последовательное выполнения команд, к примеру: const delay = ms => { return new Promise(resolve => { setTimeout(() => { resolve() console.log('resolved') }, ms) }) .then(() => { setTimeout(() => { console.log('some') }, 2000) }) .then(() => console.log('ended')) } delay(2000) // Выведет 'resolved' -> 'ended' -> 'some' Чтобы не происходило следующего и мы хотели бы обеспечить последовательное выполнение операций, нужно переписать код следующим образом и вернуть новое обещание: const delay = ms => { return new Promise(resolve => { setTimeout(() => { resolve() console.log('resolved') }, ms) }) .then(() => { return new Promise(resolve => { setTimeout(() => { resolve() console.log('some') }, 2000) }) }) .then(() => console.log('ended')) } delay(2000) // Выведет 'resolved' -> 'some' -> 'ended'

Насчёт таймеров и их очереди в параллельном стеке, вы не совсем правы , setTimeOut это не функция самого js, а расширение предоставляемое браузером, поэтому там не та логика, что была представлена в видео, отсчет таймеров идет параллельно за счет самого браузера, а не вычисляется вычитанием, второго аргумента таймера из старта операции после окончания выполнения основного контекста

интересно. спасибо

5 лет прошло , а промисы лучше так никто и не объяснил! Лучшее видео по промисам!

Шикарно, спасибо! Видно, что от души. Лайк стопицоттыщраз)

Спасибо за вебинар, очень талантливый лектор, разобрал много технических нюансов которые не объясняются так подробно в документации. Подача материала тоже на высоте, в начале я думаю " - Ой, вебинар на 2 часа, ну нафиг смотреть столько", а в итоге смотрится на одном дыхании.

Хороший вебинар! Очень подробно и доступно. Ставлю лайк!

Браво! даже не смотря что данное видео было записано давным-давно, оно до сих пор актуально и реально это наверное единственное объяснение которое мне реально помогло понять и ассинхронность и fetch и promise, async, await! огромная благодарность за данный контент!

Не работает XMLHttpRequest при нажатии на кнопку Загрузить - Access to XMLHttpRequest at 'file:///D:/IT/text.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

Больше бы таких уроков на ютубе. Респект!

Очень подробное и понятное объяснение, большое спасибо!

Салют из 2020

Спасибо, после просмотра мне стало понятно, что такое асинхронность и промисы.

Брат оттап кеттің ғой бір нәрсені айта беріп, ұйқым келіп кетті ғой сені тыңдап

действительно толково разъяснил. спасибо!

1:51 разве основной поток не должен выполниться первым? А после уже макротаски???

Спасибо вам, Сергей! Все очень понятно и полезно. Не слушайте хейтеров. У видео со временем будет много просмотров. В ютюбе нету больше такого качественного видео как у вас.

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

Лойс с 2к19 асинхронность все еще актуальна)))

Крутой вэбинар, спасибо.

Благодарю за лекцию. Супер!

Спасибо за видео! Есть замечание насчет setTimeout: вызов setTimeout(…) не приводит к автоматическому размещению коллбэка в очереди цикла событий. Эта команда запускает таймер. Когда таймер срабатывает, окружение помещает коллбэк в цикл событий, в результате, в ходе какого-то из будущих тиков, этот коллбэк будет взят в работу и выполнен. Разве не так?

Просто отпадное видео! Автору огромное спасибо. Как говорится учитель от бога ;)

😁 супер!

Чьорд возьми! Это лучшее обьяснение, что я видел. Наконец то я понял, как работает эта кухня.

Дай Бог тебе здоровья, добрый человек. Сколько я попыток предпринял чтобы понять промисы. Многие только запутывают переходя сразу к then().

Действительно, лучшее видео на данную тему из тех, что мне попадались! Лектор умничка, спасибо огромное)

Тысячу лайков этому господину! (с каждого)

👍👍👍Все очень доходчиво и четко . Посмотрел на одном дыхании

Цитирую коментарий ниже: "Лектор- талант!)"

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

спасибо. все доходчиво разжованно

Браво лектору!!!

было бы круто если бы про redux-form так рассказали, автору спасибо

Спасибо, хорошее видео. Помогло въехать в тему)

помолюсь за тебя:)

А точно известно, что в V8 используется время начала таймера и количество миллисекунд? По моему проще хранить время окончания таймера и проверять его просрочку.

Какой смысл от вебинара, если нельзя задать вопрос по ходу стрима?!!! С тем же успехом можно просто видео посмотреть в любое удобное время! Заходить куда-то там, когда уже мысль потеряешь - для многих не вариант. К тому же, вы хотя бы попытались начать модерировать чат во время вебинара, все желание смотреть отпадает с таким Балаган Лимитед - все благие начинания псу под хвост, не иначе.

Это видео дополнило мне ваше видео - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-8cV4ZvHXQL4.html

бабель

Вот сидишь ты учишься, всякие разные видосы посматриваешь и часто программисты какие-то части кода описывают про про сахар. Чёрт возьми это так стрёмно слышать. Что за дебил вообще к программированию САХАР приплёл. Блин столько мусора в JS это капец. Зачем делать 10 миллионов способов получить один и тот же результат. Ну про видео скажу отдельно что мужиг чётко объясняет.

Боже... сколько воды... весь смысл можно за 30 минут донести!