As For JS – Telegram

As For JS

@AsForJavaScript

3.29K subscribers

211 photos

22 videos

4 files

544 links

As For JavaScript...
Обсуждения — @AsForJsTalks

Download Telegram

About

Blog

Apps

Platform

3.29K subscribers

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 #відео #таймкоди

⎡msk⎦ Разбираем видео: "Асинхронность в JS - Григорий Бизюкин"

Разберем видео, где его автор - Григорий Бизюкин, будет говорить о асинхронности в JavaScript и выбираться из callback hell.
Расскажет про цикл событий - Event Loop, очереди задач, функции обратного вызова, промисы (promise) и многое многое другое от автора…

❤12🤣3

1.23K viewsDemi Murych, 14:17

⎡JSbook: 02.0⎦ JavaScript: От мифов к спецификации. Три JS кита.
https://www.youtube.com/watch?v=1F-8pn30bOI

#JSbook #chap_02_0
#JavaScript_От_мифов_к_спецификации
#video #timecodes #відео #таймкоди
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:00:00, Музыка
https://www.youtube.com/watch?v=1F-8pn30bOI

#_js_radio_
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:09:30, О чем это все
https://www.youtube.com/watch?v=1F-8pn30bOI&t=570s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:10:04, Новые спецэффекты
https://www.youtube.com/watch?v=1F-8pn30bOI&t=604s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:11:35, Привет от Тучи
https://www.youtube.com/watch?v=1F-8pn30bOI&t=695s

#_котТуча_
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:17:15, Начало
https://www.youtube.com/watch?v=1F-8pn30bOI&t=1035s

#_Благодарности_
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:21:00, Кит первый: Скриптовый язык
https://www.youtube.com/watch?v=1F-8pn30bOI&t=1260s

#JSbook #HelloWorld #alert #Browser #Браузер #process_stdout_write #NodeJS #print #D8 #console #console_log #Host #Хост #ScriptingLanguage #СкриптоваМова #СкриптовыйЯзык #EmbeddedLanguage #ВбудованаМова #ВстраиваемыйЯзык #RunTime #РанТайм #DOM #EventLoop #Canvas
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:37:38, ДМБ про JavaScript
https://www.youtube.com/watch?v=1F-8pn30bOI&t=2258s

#ДМБ #ВидишьСуслика #Host #Хост #EventLoop
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:43:28, Опасно - очень громкий звук!!!
https://www.youtube.com/watch?v=1F-8pn30bOI&t=2608s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:44:00, Отмена опасности
https://www.youtube.com/watch?v=1F-8pn30bOI&t=2640s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:48:36, Кратко итоги
https://www.youtube.com/watch?v=1F-8pn30bOI&t=2916s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

⎡JSbook: 02.0⎦ JavaScript: От мифов к спецификации. Три JS кита.

Три вещи, зная и понимая которые - вы будете знать и понимать все, из чего состоит JavaScript.

Таймкоды:
00:00:00 Музыка
00:09:30 О чем это все
00:10:04 Новые спецэффекты
00:11:35 Привет от Тучи
00:17:15 *Начало*
00:21:00 Кит первый: Скриптовый…

❤3

1.67K viewsMC Ltd™, 12:10

⎡JSbook: 02.2⎦ JavaScript: От мифов к спецификации. Структурирование информации.
https://www.youtube.com/watch?v=-FmCm-Wjdok

#JSbook #chap_02_2
#JavaScript_От_мифов_к_спецификации
#video #timecodes #відео #таймкоди
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:00:00, Музыка
https://www.youtube.com/watch?v=-FmCm-Wjdok

#_js_radio_
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:11:00, Приветствие
https://www.youtube.com/watch?v=-FmCm-Wjdok&t=660s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:18:00, Благодарности
https://www.youtube.com/watch?v=-FmCm-Wjdok&t=1080s

#_Благодарности_
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:19:05, Начало по сути
https://www.youtube.com/watch?v=-FmCm-Wjdok&t=1145s

#JSbook #InformationStructuring #СтруктуруванняІнформації #СтруктурированиеИнформации #Object #Об_єкт #Объект #Key #Ключ #Property #Властивість #Свойство #Проперті #Проперти #prototype #Prototypes #Прототипи #Прототипы #Inheritance #Наслідування #Наследование
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:15:00, Ответы на вопросы
https://www.youtube.com/watch?v=-FmCm-Wjdok&t=4500s

#_CHAT_ #_ЧАТ_
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:15:45, Ловим Кота!!!
https://www.youtube.com/watch?v=-FmCm-Wjdok&t=4545s

#_котТуча_
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:17:20, Откуда вероятность в 25% срабатывания requestAnimationFrame раньше setTimeout
https://www.youtube.com/watch?v=-FmCm-Wjdok&t=4640s

#_CHAT_ #_ЧАТ_ #requestAnimationFrame #setTimeout
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:38:40, О логике поведения EventLoop
https://www.youtube.com/watch?v=-FmCm-Wjdok&t=5920s

#_CHAT_ #_ЧАТ_ #EventLoop #HTML #RunTime #РанТайм #Agent #Агент
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

02:00:00, Выяснение деталей относительного того есть 4мс задержка по умолчанию у setTimeout или нет
https://www.youtube.com/watch?v=-FmCm-Wjdok&t=7200s

#_CHAT_ #_ЧАТ_ #setTimeout #HTML
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

02:28:30, Еще одна попытка с другой стороны рассказать о TaskQueue и MicroTaskQueue
https://www.youtube.com/watch?v=-FmCm-Wjdok&t=8910s

#_CHAT_ #_ЧАТ_ #TaskQueue #MicroTaskQueue #Queue
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

02:45:25, Про Event Loop лучше забыть и не вспоминать
https://www.youtube.com/watch?v=-FmCm-Wjdok&t=9925s

#_CHAT_ #_ЧАТ_ #EventLoop #HTML
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

02:53:00, setTimeout в Node
https://www.youtube.com/watch?v=-FmCm-Wjdok&t=10380s

#_CHAT_ #_ЧАТ_ #setTimeout #NodeJS
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

⎡JSbook: 02.2⎦ JavaScript: От мифов к спецификации. Структурирование информации

Во второй части раздела о трех JavaScript китах, мы поговорим о заложенном в язык принципе структурирования информации, который используется для реализации многих фундаментальных для языка вещей - от прототип ориентированного ООП, до описания принципов разрешения…

👍5❤1

1.39K viewsMC Ltd™, 08:20

⎡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
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

⬇️⬇️⬇️

⎡JSbook: 02.03⎦ JavaScript: От мифов к спецификации. Выражения

В третьей части второго раздела, мы поговорим о том, что такое интерпретируемый язык. Как понимание принципов вычисления выражений - может перевернуть все восприятие языка. И почему любая цифра или строка это не то, чем оно кажется.

Таймкоды:
Будут после…

❤2

1.13K viewsMC Ltd™, edited 11:10