As For JS
3.29K subscribers
211 photos
22 videos
4 files
544 links
As For JavaScript...
Обсуждения — @AsForJsTalks
Download Telegram
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 #відео #таймкоди
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
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

⬇️⬇️⬇️
2