03. Асинхронность в JS - Григорий Бизюкин

Разберемся с асинхронностью в JavaScript, выберемся из callback hell, пообещаем разобраться с обещаниями, посмотрим на async/await, узнаем, что не все await одинаково полезны, а в конце эпично уйдем в закат.
Иначе говоря, простым языком обсудим важные темы:
- цикл событий в браузере (event loop)
- очередь задач (tasks queue) и микрозадач (microtasks queue)
- функции обратного вызова (callback)
- обещания (promise)
- сопрограммы или корутины (coroutine)
- async и await
- состояние гонки (race condition)
- микропаттерны для оптимизации debounce и throttle

Пікірлер: 39

  • @Figurum
    @Figurum6 ай бұрын

    Обожаю этого лектора! Всегда классно и интересно рассказывает, а главное - с любовью к делу.

  • @thomasanderson3145
    @thomasanderson31452 жыл бұрын

    Лучшей лекции по асинхронному программированию я не встречал. Каждая минута - кладезь полезной информации

  • @gattygamaun7941
    @gattygamaun79412 жыл бұрын

    Нет слов, с первых минут затянуло до самого конца. 👏

  • @iamyourlastregret
    @iamyourlastregret2 жыл бұрын

    Григорий, спасибо за замечательную лекцию! Одно из лучших видео по js на моей памяти

  • @sergeykashko7291
    @sergeykashko7291 Жыл бұрын

    Спасибо Григорию, крутейшая лекция. Отлично упаковал информацю - концентрированные систематизированные знания + интересная подача 👍

  • @DianaPure
    @DianaPure2 жыл бұрын

    Какая крутая лекция!🔥👏🏻 Спасибо!

  • @mykhailostepanishchev6472
    @mykhailostepanishchev64722 жыл бұрын

    Крутейшая лекция и лектор, большое спасибо!

  • @dudovichenko
    @dudovichenko10 ай бұрын

    Григорий, респект! Подача - супер!

  • @mickkoch563
    @mickkoch563 Жыл бұрын

    Мой любимый лектор.

  • @kostyakozlov5289
    @kostyakozlov52892 жыл бұрын

    Григорий Бизюкин красавчик

  • @aluminservice7871
    @aluminservice7871 Жыл бұрын

    потрясающее изложение! Григорий, Вам однозначно нужен свой ютуб-канал!

  • @GagikHarutyunyan_dev
    @GagikHarutyunyan_dev2 жыл бұрын

    Лучший просто

  • @eugenedavidoff6996
    @eugenedavidoff69962 жыл бұрын

    Спасибо, интересно было послушать)

  • @victoriatroekurova7414
    @victoriatroekurova7414 Жыл бұрын

    Лекцию супер, а можно ли где-то скачать презентацию? Спасибо!

  • @TheILOVEYOUXD
    @TheILOVEYOUXD2 жыл бұрын

    Спасибо тебе дядь

  • @DanilaSiniak
    @DanilaSiniak2 жыл бұрын

    Здравствуйте, есть ли презентация в открытом доступе?

  • @funfunfunnyfun8821
    @funfunfunnyfun8821 Жыл бұрын

    Гений

  • @burtartburtart1517
    @burtartburtart1517 Жыл бұрын

    материал из книги you don't know js Кайла Симпсона)

  • @rinatvaliullov3247
    @rinatvaliullov3247 Жыл бұрын

    Ссылки на презентации выкладывайте, пожалуйста, ШРИ.

  • @velikorossnationalist4259
    @velikorossnationalist4259 Жыл бұрын

    Скажите пожалуйста - fetch относится к микро или макрозадачам? И почему?

  • @kotikvacia9970

    @kotikvacia9970

    Жыл бұрын

    Fetch возвращает Promise и поэтому относится к микротаскам, но есть тонкости в порядке setTimeout(() => {...}, 0) и fetch (если интересно почитать, то вот вопрос на stackoverflow questions/61890737/executing-priority-of-fetch-and-settimeout-in-chrome)

  • @velikorossnationalist4259

    @velikorossnationalist4259

    Жыл бұрын

    @@kotikvacia9970 спасибо за ответ!

  • @gnomframe1563
    @gnomframe15637 ай бұрын

    ЙЫЛД

  • @Skaz_.
    @Skaz_.2 жыл бұрын

    49:15

  • @romandavydov3738
    @romandavydov3738 Жыл бұрын

    Very useful, especially in rusland language domain

  • @theoty-js-react
    @theoty-js-react10 ай бұрын

    ПРОШУ ВАШЕГО ВНИМАНИЯ!!! ПОЛНЫЙ РАЗБОР И РАЗНОС!!!! --> ⎡msk⎦ Разбираем видео: "Продвинутый JS (Григорий Бизюкин)"

  • @vastargazing8957

    @vastargazing8957

    3 ай бұрын

    Сам то проверял его утверждения? Слепо копируешь.

  • @kamranloki3792
    @kamranloki37922 жыл бұрын

    где ссылки из видео?

  • @MrLuckfinder
    @MrLuckfinder2 жыл бұрын

    Хоть бы дали ссылку на презентацию. Штош... Комментарии с ссылками сразу удаляют...

  • @devofy

    @devofy

    2 жыл бұрын

    А где эти ссылки берут?

  • @MrLuckfinder

    @MrLuckfinder

    2 жыл бұрын

    @@devofy Яндекс... Найдётся, наверное...

  • @user-dr7im3tk3e
    @user-dr7im3tk3e6 ай бұрын

    Таймкоды бы еще добавить

  • @userJakov
    @userJakov3 ай бұрын

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

  • @userJakov
    @userJakov3 ай бұрын

    местами слишком сложно, и непонятно

  • @denis793
    @denis7932 жыл бұрын

    На слайде 57 ошибка. Promise.race разрешит первое значение массива, т.е. ананас

  • @MashaKovach

    @MashaKovach

    2 жыл бұрын

    тут как бы не первое значение по счету получим, а более быстрое, прям как в примере с логами в начале видео, промису с ананасом еще нужно выполнится, а арбузик получим сразу

  • @Londeren

    @Londeren

    Жыл бұрын

    ​@@MashaKovach Promise.race([Promise.resolve(1), 2]).then(console.log) Можете протестировать, выведется 1

  • @TheWorldIsM1ne
    @TheWorldIsM1ne Жыл бұрын

    40:01 Promise.race([Promise.resolve("ананас"), "арбуз"]) Странно, но возвращает не арбуз, а ананас.

  • @leetcode24
    @leetcode2410 ай бұрын

    ПРОШУ ВАШЕГО ВНИМАНИЯ!!! ПОЛНЫЙ РАЗБОР И РАЗНОС!!!! --> ⎡msk⎦ Разбираем видео: "Продвинутый JS (Григорий Бизюкин)"

Келесі