Forwarded from MC Ltd™
⎡msk⎦ Разбираем видео: "Асинхронность в JS - Григорий Бизюкин"
https://www.youtube.com/watch?v=mIxGEGgxNiI
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:00:00, Музыка
https://www.youtube.com/watch?v=mIxGEGgxNiI
#_js_radio_
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:05:07, Приветствие и настройка звука
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=307s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:12:36, Начало просмотра
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=756s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:14:40, EventLoop
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=880s
#EventLoop
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:18:10, Шаги EventLoop
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=1090s
#EventLoop
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:22:10, Цикл событий
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=1330s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:41:00, Очередь задач
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=2460s
#Queue
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:52:38, PostMessage
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=3158s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:56:43, Worker API
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=3403s
#Worker #API
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:58:00, microtask queue
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=3480s
#MicroTaskQueue #Queue
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:05:40, о термине microtask
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=3940s
#MicroTaskQueue #Queue
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:09:30, requestAnimationFrame
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=4170s
#requestAnimationFrame
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:12:00, Прерываемся на вопросы из чата
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=4320s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:29:26, RequestIdleCallBack
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=5366s
#RequestIdleCallBack
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:38:28, О том откуда черпают информацию
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=5908s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:41:37, Замок Инферно из 3 героев
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=6097s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:42:30, CallBack *
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=6150s
#CallBackHell
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:44:30, LiveCoding - Мурыч пишет код, который показывает, что callback * только в головах.
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=6270s
#CallBackHell
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
02:00:00, Сформирован пример кода callback hela - далее решение
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=7200s
#CallBackHell
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
02:16:50, Готовый работающий код и пояснения к нему
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=8210s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
02:35:00, Впервые слышу про Залго
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=9300s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
02:42:50, Жесткая сцепленность
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=9770s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
02:43:50, Инверсия управления
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=9830s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
02:46:00, Promise
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=9960s
#Promise #Промиси #Промисы
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
02:48:40, Переписываю код с xhr на fetch
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=10120s
#fetch
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
03:00:10, Код заработал
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=10810s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
03:02:20, Григорий Бизюкин стал использовать callback во благо
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=10940s
#CallBack
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
#video #timecodes #відео #таймкоди
https://www.youtube.com/watch?v=mIxGEGgxNiI
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:00:00, Музыка
https://www.youtube.com/watch?v=mIxGEGgxNiI
#_js_radio_
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:05:07, Приветствие и настройка звука
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=307s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:12:36, Начало просмотра
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=756s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:14:40, EventLoop
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=880s
#EventLoop
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:18:10, Шаги EventLoop
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=1090s
#EventLoop
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:22:10, Цикл событий
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=1330s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:41:00, Очередь задач
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=2460s
#Queue
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:52:38, PostMessage
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=3158s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:56:43, Worker API
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=3403s
#Worker #API
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:58:00, microtask queue
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=3480s
#MicroTaskQueue #Queue
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:05:40, о термине microtask
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=3940s
#MicroTaskQueue #Queue
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:09:30, requestAnimationFrame
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=4170s
#requestAnimationFrame
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:12:00, Прерываемся на вопросы из чата
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=4320s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:29:26, RequestIdleCallBack
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=5366s
#RequestIdleCallBack
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:38:28, О том откуда черпают информацию
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=5908s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:41:37, Замок Инферно из 3 героев
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=6097s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:42:30, CallBack *
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=6150s
#CallBackHell
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:44:30, LiveCoding - Мурыч пишет код, который показывает, что callback * только в головах.
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=6270s
#CallBackHell
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
02:00:00, Сформирован пример кода callback hela - далее решение
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=7200s
#CallBackHell
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
02:16:50, Готовый работающий код и пояснения к нему
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=8210s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
02:35:00, Впервые слышу про Залго
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=9300s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
02:42:50, Жесткая сцепленность
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=9770s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
02:43:50, Инверсия управления
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=9830s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
02:46:00, Promise
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=9960s
#Promise #Промиси #Промисы
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
02:48:40, Переписываю код с xhr на fetch
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=10120s
#fetch
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
03:00:10, Код заработал
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=10810s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
03:02:20, Григорий Бизюкин стал использовать callback во благо
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=10940s
#CallBack
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
#video #timecodes #відео #таймкоди
YouTube
⎡msk⎦ Разбираем видео: "Асинхронность в JS - Григорий Бизюкин"
Разберем видео, где его автор - Григорий Бизюкин, будет говорить о асинхронности в JavaScript и выбираться из callback hell.
Расскажет про цикл событий - Event Loop, очереди задач, функции обратного вызова, промисы (promise) и многое многое другое от автора…
Расскажет про цикл событий - Event Loop, очереди задач, функции обратного вызова, промисы (promise) и многое многое другое от автора…
❤12🤣3
⎡JSbook: 02.03⎦ JavaScript: От мифов к спецификации. Выражения.
https://www.youtube.com/watch?v=lq5vi6DmEpA
#JSbook #chap_02_03
#JavaScript_От_мифов_к_спецификации
#video #timecodes #відео #таймкоди
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:00:00, ожидание начала
https://www.youtube.com/watch?v=lq5vi6DmEpA
#_js_radio_
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:07:39, тема трансляции
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=459s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:08:05, благодарности
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=485s
#_Благодарности_
#Susuwatari #Сусуватарі #Сусуватари #煤渡
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:21:29, антидисклеймер
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=1289s
#AntiDisclamer #АнтиДисклеймер
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:23:54, О чем был первый раздел: js - скриптовый язык. js и хост среда
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=1434s
#JSbook #ScriptingLanguage #СкриптоваМова #СкриптовыйЯзык #EmbeddedLanguage #ВбудованаМова #ВстраиваемыйЯзык #Host #Хост #RunTime #РанТайм #Agent #Агент #V8 #SpyderMonkey #JSC #JavaScriptCore #API #Browser #Браузер #DOM #CSSOM #EventLoop #NodeJS #setTimeout #HTML5 #CallBack #КолБек #КолБэк
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:33:36, js - скриптовый язык: что есть и чего нет
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=2016s
#JSbook #ScriptingLanguage #СкриптоваМова #СкриптовыйЯзык #EmbeddedLanguage #ВбудованаМова #ВстраиваемыйЯзык
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:35:26, О чем был второй раздел: js: структурирование информации
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=2126s
#JSbook #InformationStructuring #СтруктуруванняІнформації #СтруктурированиеИнформации #Key #Ключ #Property #Властивість #Свойство #Проперті #Проперти
#ECMA
#InternalMethod [[Get]]
#InternalSlot [[PrivateElements]]
#sec_object_internal_methods_and_internal_slots
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:57:50, музыкальная пауза
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=3470s
#_ПАУЗА_ #_js_radio_
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:02:24, вопрос про структурирование информации и прототипное наследование
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=3744s
#alert #Browser #Браузер #process_stdout_write #NodeJS #print #D8 #console #console_log #prototype #Prototypes #Прототипи #Прототипы #Inheritance #Наслідування #Наследование
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:12:17, Второй раздел: выражения
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=4337s
#JSbook #InformationStructuring #СтруктуруванняІнформації #СтруктурированиеИнформации #alert #Browser #Браузер #process_stdout_write #NodeJS #print #D8 #console #console_log #Host #Хост #Expression #Вираз #Выражение
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:17:55, пауза
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=4675s
#_ПАУЗА_
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:19:47, выражения
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=4787s
#JSbook #Expression #Вираз #Выражение #arguments #Аргументи #Аргументы
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:58:00, Созвон, объяснение функционирования console.log("Hello world");
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=7080s
#Expression #Вираз #Выражение #arguments #Аргументи #Аргументы #console #console_log #prototype #String #Рядок #Строка #StringExoticObject #ExoticObject
#ECMA
#clauses #subclause
#BinaryLogicalOperators
#sec_binary_logical_operators
#production
#LogicalANDExpression
#prod_LogicalANDExpression
#LogicalORExpression
#prod_LogicalORExpression
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
03:06:09, итоги по сказанному
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=11169s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
⬇️⬇️⬇️
https://www.youtube.com/watch?v=lq5vi6DmEpA
#JSbook #chap_02_03
#JavaScript_От_мифов_к_спецификации
#video #timecodes #відео #таймкоди
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:00:00, ожидание начала
https://www.youtube.com/watch?v=lq5vi6DmEpA
#_js_radio_
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:07:39, тема трансляции
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=459s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:08:05, благодарности
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=485s
#_Благодарности_
#Susuwatari #Сусуватарі #Сусуватари #煤渡
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:21:29, антидисклеймер
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=1289s
#AntiDisclamer #АнтиДисклеймер
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:23:54, О чем был первый раздел: js - скриптовый язык. js и хост среда
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=1434s
#JSbook #ScriptingLanguage #СкриптоваМова #СкриптовыйЯзык #EmbeddedLanguage #ВбудованаМова #ВстраиваемыйЯзык #Host #Хост #RunTime #РанТайм #Agent #Агент #V8 #SpyderMonkey #JSC #JavaScriptCore #API #Browser #Браузер #DOM #CSSOM #EventLoop #NodeJS #setTimeout #HTML5 #CallBack #КолБек #КолБэк
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:33:36, js - скриптовый язык: что есть и чего нет
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=2016s
#JSbook #ScriptingLanguage #СкриптоваМова #СкриптовыйЯзык #EmbeddedLanguage #ВбудованаМова #ВстраиваемыйЯзык
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:35:26, О чем был второй раздел: js: структурирование информации
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=2126s
#JSbook #InformationStructuring #СтруктуруванняІнформації #СтруктурированиеИнформации #Key #Ключ #Property #Властивість #Свойство #Проперті #Проперти
#ECMA
#InternalMethod [[Get]]
#InternalSlot [[PrivateElements]]
#sec_object_internal_methods_and_internal_slots
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
00:57:50, музыкальная пауза
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=3470s
#_ПАУЗА_ #_js_radio_
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:02:24, вопрос про структурирование информации и прототипное наследование
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=3744s
#alert #Browser #Браузер #process_stdout_write #NodeJS #print #D8 #console #console_log #prototype #Prototypes #Прототипи #Прототипы #Inheritance #Наслідування #Наследование
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:12:17, Второй раздел: выражения
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=4337s
#JSbook #InformationStructuring #СтруктуруванняІнформації #СтруктурированиеИнформации #alert #Browser #Браузер #process_stdout_write #NodeJS #print #D8 #console #console_log #Host #Хост #Expression #Вираз #Выражение
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:17:55, пауза
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=4675s
#_ПАУЗА_
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:19:47, выражения
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=4787s
#JSbook #Expression #Вираз #Выражение #arguments #Аргументи #Аргументы
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
01:58:00, Созвон, объяснение функционирования console.log("Hello world");
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=7080s
#Expression #Вираз #Выражение #arguments #Аргументи #Аргументы #console #console_log #prototype #String #Рядок #Строка #StringExoticObject #ExoticObject
#ECMA
#clauses #subclause
#BinaryLogicalOperators
#sec_binary_logical_operators
#production
#LogicalANDExpression
#prod_LogicalANDExpression
#LogicalORExpression
#prod_LogicalORExpression
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
03:06:09, итоги по сказанному
https://www.youtube.com/watch?v=lq5vi6DmEpA&t=11169s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
⬇️⬇️⬇️
YouTube
⎡JSbook: 02.03⎦ JavaScript: От мифов к спецификации. Выражения
В третьей части второго раздела, мы поговорим о том, что такое интерпретируемый язык. Как понимание принципов вычисления выражений - может перевернуть все восприятие языка. И почему любая цифра или строка это не то, чем оно кажется.
Таймкоды:
Будут после…
Таймкоды:
Будут после…
❤2