As For JS
3.36K subscribers
146 photos
16 videos
4 files
462 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 #відео #таймкоди
10🤣2
Forwarded from MC Ltd™
⎡msk⎦ Разбираем видео: "Асинхронность в JS - Григорий Бизюкин"
https://www.youtube.com/watch?v=mIxGEGgxNiI
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

03:04:14, Конструктор Promise не гарантирует того что это будет оригинальный Promise
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=11054s

#Promise #Промиси #Промисы
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

03:07:19, Хитрости у Promise
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=11239s

#Promise #Промиси #Промисы
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

03:17:49, Последний catch в Promise и Garbage Collector
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=11869s

#Promise #Промиси #Промисы #GarbageCollector #GC
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

03:32:43, Я устал я мухожук.
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=12763s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

02:34:40, Мурыч показал и объянил монады, не упоминая монад.
https://www.youtube.com/watch?v=mIxGEGgxNiI&t=9280s

#Монада
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

#video #timecodes #відео #таймкоди
7🤣1
Forwarded from MC Ltd™
[Stripped] Тип String и его две основные проблемы. Часть 2 из 3.
https://www.youtube.com/watch?v=IcWSZQEdQMQ
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:00:00, Вступление
https://www.youtube.com/watch?v=IcWSZQEdQMQ
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:00:15, Благодарности
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=15s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:01:20, Что было прежде
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=80s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:03:00, Code Unit, Code Point, Grapheme
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=180s

#CodeUnit #CodePoint #Grapheme #Графема
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:06:15, Пример 1
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=375s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:09:00, Пример 2
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=540s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:13:40, Суррогатные пары
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=820s

#SurrogatePairs #СурогатнаПара #СуррогатнаяПара
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:18:00, Суррогатные пары – промежуточные итоги
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=1080s

#SurrogatePairs #СурогатнаПара #СуррогатнаяПара
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:19:40, Получение суррогатной пары для Code Point
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=1180s

#SurrogatePairs #СурогатнаПара #СуррогатнаяПара #CodePoint
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:25:40, Две проблемы работы со строками в JS
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=1540s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:29:55, JavaScript и кодирование Code Point Unicode
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=1795s

#CodePoint #Unicode
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:31:30, JavaScript и кодирование Unicode Code Point
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=1890s

#CodePoint #Unicode
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:35:00, Вторая проблема работы со строками в JS
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=2100s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:41:00, Возможности JavaScript для работы со строками
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=2460s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:44:20, Возможности Exotic Object String
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=2660s

#ExoticObjectString #ExoticObject
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:46:10, Property Length
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=2770s

#String #PropertyLength #Length
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:47:30, String [Numeric Key]
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=2850s

#String
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:51:50, Методы, которые опираются на Code Point
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=3110s

#CodePoint
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:53:35, Прочие методы, которые опираются на Code Unit
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=3215s

#CodeUnit
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:00:50, Исследуем Chat GPT
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=3650s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:02:40, Две специфических группы
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=3760s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:03:20, Стандартный итератор String
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=3800s

#String #Iterator #StringIterator #Ітератор #Итератор
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:08:40, Отдельно про графемы (конец второй части)
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=4120s

#Grapheme #Графема
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:11:20, Заключение
https://www.youtube.com/watch?v=IcWSZQEdQMQ&t=4280s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

#video #timecodes #відео #таймкоди
👍6
⎡msk⎦ Разбираем видео: "Продвинутый JS (Григорий Бизюкин)"
https://www.youtube.com/watch?v=atBBDQXDSGk
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:00:00, Музика
https://www.youtube.com/watch?v=atBBDQXDSGk

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

00:11:07, Начало стрима
https://www.youtube.com/watch?v=atBBDQXDSGk&t=667s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:17:10, Начало видео, история JavaScript и EcmaScript
https://www.youtube.com/watch?v=atBBDQXDSGk&t=1030s

#ECMAScript
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:49:05, Типы данных
https://www.youtube.com/watch?v=atBBDQXDSGk&t=2945s

#DataType #ТипиДаних #ТипыДанных
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:02:20, Литералы и вызов функций через new
https://www.youtube.com/watch?v=atBBDQXDSGk&t=3740s

#New #Literal #Літерали #Литералы
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:23:19, typeof, null и undefined
https://www.youtube.com/watch?v=atBBDQXDSGk&t=4999s

#typeof #null #undefined
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:32:50, Преобразование типов, сравнение значений, NaN
https://www.youtube.com/watch?v=atBBDQXDSGk&t=5570s

#TypeConversion #ValueComparison #NaN #ПеретворенняТипів #ПорівнянняЗначень #ПреобразованиеТипов #СравнениеЗначений
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:45:40, Свойства объектов
https://www.youtube.com/watch?v=atBBDQXDSGk&t=6340s

#Object #ObjectProperties #ВластивостіОб_єкта #СвойстваОбъекта
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:58:35, Функции, "замыкания"
https://www.youtube.com/watch?v=atBBDQXDSGk&t=7115s

#Function #Closure #Функція #Замикання #Функция #Замыкание
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

02:10:35, Прототипы, функции-конструкторы, прототипное наследование
https://www.youtube.com/watch?v=atBBDQXDSGk&t=7835s

#Prototypes #ConstructorFunction, #Inheritance #Прототипи #ФункціїКонструктори #Наслідування #Прототипы #ФункцииКонструкторы #Наследование
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

#video #timecodes #відео #таймкоди
👍1
⎡msk⎦ Разбираем видео: "Как работает this в javascript. Разберемся на примерах..."
https://www.youtube.com/watch?v=P7HqGHJ94AI
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

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

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

00:02:35, Про что видео
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=155s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:03:45, На что будем смотреть в видео
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=225s

#this
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:06:20, Про сбивающий с толку скрипт запускающий v8
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=380s

#V8
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:07:20, Разбор примера про setTimeout
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=440s

#setTimeout
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:12:03, В чем проблема разбора этого примера
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=723s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:17:50, Демонстрация на примерах
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=1070s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:25:47, Замечание о специфики поведения Arrow Function
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=1547s

#ArrowFunction #СтрілковаФункція #СтрелочнаяФункция
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:32:10, О проблемах пояснения в случае собеседования
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=1930s

#this
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:35:30, Ответы на вопросы
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=2130s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:40:05, Можно ли переопределить поведение Arrow Function для this
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=2405s

#this #ArrowFunction #СтрілковаФункція #СтрелочнаяФункция
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:49:30, Почему NodeJs setTimeout не отвечает спецификации
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=2970s

#NodeJS #setTimeout
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

00:57:50, Чому саме різниця у setTimeout
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=3470s

#setTimeout
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:00:28, Какие книжки порекомендуете почитать
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=3628s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:06:45, Реплика о next tick
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=4005s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:07:49, Разбор кода с классами и super
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=4069s

#Class #super #Клас #Класс
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:17:29, Наконец понимание того как это работает
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=4649s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:45:04, Чем являются классы
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=6304s

#Class #Клас #Класс
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

01:46:09, Всем спасибо
https://www.youtube.com/watch?v=P7HqGHJ94AI&t=6369s
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

#video #timecodes #відео #таймкоди
👍2