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

  Рет қаралды 52,203

Yandex for Frontend

Yandex for Frontend

2 жыл бұрын

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

Пікірлер: 39
@Figurum
@Figurum 4 ай бұрын
Обожаю этого лектора! Всегда классно и интересно рассказывает, а главное - с любовью к делу.
@thomasanderson3145
@thomasanderson3145 2 жыл бұрын
Лучшей лекции по асинхронному программированию я не встречал. Каждая минута - кладезь полезной информации
@gattygamaun7941
@gattygamaun7941 Жыл бұрын
Нет слов, с первых минут затянуло до самого конца. 👏
@iamyourlastregret
@iamyourlastregret 2 жыл бұрын
Григорий, спасибо за замечательную лекцию! Одно из лучших видео по js на моей памяти
@kostyakozlov5289
@kostyakozlov5289 2 жыл бұрын
Григорий Бизюкин красавчик
@sergeykashko7291
@sergeykashko7291 Жыл бұрын
Спасибо Григорию, крутейшая лекция. Отлично упаковал информацю - концентрированные систематизированные знания + интересная подача 👍
@mickkoch563
@mickkoch563 Жыл бұрын
Мой любимый лектор.
@GagikHarutyunyan_dev
@GagikHarutyunyan_dev 2 жыл бұрын
Лучший просто
@mykhailostepanishchev6472
@mykhailostepanishchev6472 2 жыл бұрын
Крутейшая лекция и лектор, большое спасибо!
@DianaPure
@DianaPure Жыл бұрын
Какая крутая лекция!🔥👏🏻 Спасибо!
@dudovichenko
@dudovichenko 9 ай бұрын
Григорий, респект! Подача - супер!
@eugenedavidoff6996
@eugenedavidoff6996 Жыл бұрын
Спасибо, интересно было послушать)
@victoriatroekurova7414
@victoriatroekurova7414 Жыл бұрын
Лекцию супер, а можно ли где-то скачать презентацию? Спасибо!
@TheILOVEYOUXD
@TheILOVEYOUXD 2 жыл бұрын
Спасибо тебе дядь
@aluminservice7871
@aluminservice7871 Жыл бұрын
потрясающее изложение! Григорий, Вам однозначно нужен свой ютуб-канал!
@funfunfunnyfun8821
@funfunfunnyfun8821 Жыл бұрын
Гений
@burtartburtart1517
@burtartburtart1517 Жыл бұрын
материал из книги you don't know js Кайла Симпсона)
@DanilaSiniak
@DanilaSiniak 2 жыл бұрын
Здравствуйте, есть ли презентация в открытом доступе?
@rinatvaliullov3247
@rinatvaliullov3247 Жыл бұрын
Ссылки на презентации выкладывайте, пожалуйста, ШРИ.
@leetcode24
@leetcode24 9 ай бұрын
ПРОШУ ВАШЕГО ВНИМАНИЯ!!! ПОЛНЫЙ РАЗБОР И РАЗНОС!!!! --> ⎡msk⎦ Разбираем видео: "Продвинутый JS (Григорий Бизюкин)"
@gnomframe1563
@gnomframe1563 6 ай бұрын
ЙЫЛД
@velikorossnationalist4259
@velikorossnationalist4259 Жыл бұрын
Скажите пожалуйста - fetch относится к микро или макрозадачам? И почему?
@kotikvacia9970
@kotikvacia9970 Жыл бұрын
Fetch возвращает Promise и поэтому относится к микротаскам, но есть тонкости в порядке setTimeout(() => {...}, 0) и fetch (если интересно почитать, то вот вопрос на stackoverflow questions/61890737/executing-priority-of-fetch-and-settimeout-in-chrome)
@velikorossnationalist4259
@velikorossnationalist4259 Жыл бұрын
@@kotikvacia9970 спасибо за ответ!
@romandavydov3738
@romandavydov3738 Жыл бұрын
Very useful, especially in rusland language domain
@Skaz_.
@Skaz_. 2 жыл бұрын
49:15
@MrLuckfinder
@MrLuckfinder 2 жыл бұрын
Хоть бы дали ссылку на презентацию. Штош... Комментарии с ссылками сразу удаляют...
@devofy
@devofy 2 жыл бұрын
А где эти ссылки берут?
@MrLuckfinder
@MrLuckfinder 2 жыл бұрын
@@devofy Яндекс... Найдётся, наверное...
@kamranloki3792
@kamranloki3792 2 жыл бұрын
где ссылки из видео?
@user-dr7im3tk3e
@user-dr7im3tk3e 5 ай бұрын
Таймкоды бы еще добавить
@userJakov
@userJakov 2 ай бұрын
про генераторы нихера непонятно, пока не прочитаешь на learn.javascript не поймешь, как можно пробегаться по такой куче сложных тем за час. эта лекция рассчитана только для вводного ознакомления. но никак не для того чтобы понять
@userJakov
@userJakov 2 ай бұрын
местами слишком сложно, и непонятно
@denis793
@denis793 2 жыл бұрын
На слайде 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("ананас"), "арбуз"]) Странно, но возвращает не арбуз, а ананас.
@theoty-js-react
@theoty-js-react 9 ай бұрын
ПРОШУ ВАШЕГО ВНИМАНИЯ!!! ПОЛНЫЙ РАЗБОР И РАЗНОС!!!! --> ⎡msk⎦ Разбираем видео: "Продвинутый JS (Григорий Бизюкин)"
@vastargazing8957
@vastargazing8957 2 ай бұрын
Сам то проверял его утверждения? Слепо копируешь.
04. RxJS -  Юрий Стромов
39:16
Yandex for Frontend
Рет қаралды 10 М.
АВДА КЕДАВРАААААА😂
00:11
Romanov BY
Рет қаралды 7 МЛН
Парковка Пошла Не По Плану 😨
00:12
Глеб Рандалайнен
Рет қаралды 13 МЛН
Süper ❤️ Cute 💕💃 #dance
00:13
Koray Zeynep
Рет қаралды 22 МЛН
Асинхронность (Григорий Бизюкин)
1:11:35
Young&&Yandex: фронтенд-разработка
Рет қаралды 15 М.
16. Продвинутый JS - Григорий Бизюкин
1:39:38
Yandex for Frontend
Рет қаралды 29 М.
Асинхронность
2:23:15
Yandex for Frontend
Рет қаралды 21 М.
Андрей Мелихов - V8 под капотом
59:57
Как работает Event Loop в JavaScript + примеры
33:24
Елена Литвинова — Искусство Веб-разработки 🛸
Рет қаралды 30 М.
Урок 5. JavaScript. Promise. Что это, как работает (+ пример)
23:18