Продвинутый JavaScript
HTML-код
- Опубликовано: 21 апр 2020
- Разбираемся в нетривиальных особенностях JavaScript.
2:25 - Типы данных
8:18 - Преобразования типов
26:16 - Область видимости
27:50 - Поднятие
30:39 - Замыкания
37:38 - Контекст
45:30 - Объекты
52:20 - Прототипы
1:11:27 - Асинхронность
20:15 - Спасибо за кирпичный завод)
да вообще обосрался. нельзя же так.
спасибо, что предупредил
Да и тебе спасибо тоже) Нажал на таймкод и обосрался
Спасибо, что предупредил)
я подумал что там будет скример (хотя с чего бы) и не придал этому комментарию значения, потому что я от скримеров не пугаюсь, но теперь я очень сильно пожалел, чуть на тот свет не отправился)
Ни в коем случае не хочу никого обидеть. Но докладчик - Николай Дроздов от мира программирования, с такой любовью и теплом рассказывает, что невозможно оторваться
Особенно в кайф на 1.25х смотреть)) так он вообще как малышева вещает, но это в любимой сфере как то в плюс даже))
По сути, так оно и есть О_о
тоже хотел написать!)
С языка сорвал)
Григорий Бизюкин
Блин, классный и душевный парень, послушал с такой же любовью, с какой он провел доклад
Обожаю этого лысого парнишку, рассказывает так интересно, как будто последний день живет
Невероятный докладчик, он так балдеет от всего, что делает, просто заряжает любовью и интересом к программированию😃😃
Какая же у тебя подача, делай подкасты. Лампово и академично, топ 👍
Просто шикарная лекция!!! Программируя уже лет 5 на js слушал с удовольствием, хоть и почти всё это знаю! Спасибо!
Отличная лекция, все идеально, и темп повествования и материал!👍
Классный докладчик. Не знаю почему, но как будто худ.лит слушаю 👍
Классная лекция! Не знал, что Николай Дроздов так классно знает js.))
Просто супер! 👍 💪 Спасибо, очень помогло при подготовке к сообеседованнию!
Про замыкания, гениально объяснили.
шикарнейшая лекция и лектор крутой,спасибо !
20:15 ставим громкость на ноль
та бл* надо было сначала прочесть комменты
Огромное спасибо Григорию и всей команде ШРИ!!!
Доклад - обалденный :)))
Будет вообще супер, если поделитесь ссылкой на презентацию!))
Что доклад что докладчик - огонь! Респект!
Спасибо, хороший доклад, посмотрел с удовольствием!
Великолепный докладчик, хотел бы с таким лидом поработать.
прекрасная лекция!!!!!!!! спасибо огромное!!!!!!!!!!
Сразу видно, что человек любит своё дело)
Когда у человека получается доклад о JS, где обьекты обладают волшебными свойствами, неявными проведениями, и чем-то, что нужно просто запомнить, а фундаментальные части языка оказываются тем, чем вы не будете никогда пользоваться, меня всегда его хочется спросить, а как так то? Как так вышло у него, что язык, фундаментальная часть которого объясняется ребенку за 10 минут, превращается в сову которую натягивают на глобус?
А ответ очень простой.
JavaScript это язык, который крайне дружелюбен к тем, кто только начинает с ним знакомиться, и крайне сложен для тех, которые хотят на нем писать эффективный код. И когда первые решили, что они познали сермяжную праву языка и появляются подобные химеры состоящие из обрывков патернов взятых из других языков пришитыми белыми нитками к стереотипам впитанными из третьих.
Самым показательным примером этого, является начало видео, где у докладчика преобразование типов стало чем то что требующем серьезного внимания. Если уже полезли объяснять такие вещи, то взяли бы на себя труд, разобраться почему typof null стало object. Открыли бы для себя и для слушателей, что поведение это более чем логичное, что миф об ошибке, продиктован некорректными переводами обрывков разговоров разработчиков. И может быть сделали бы мир чуточку лучше, от того что окружающие стали бы понимать что такое Обьект сам по себе, а не так каша с маслом что в голове.
Null в JS это не просто примитивный тип. Это тип, который сообщает что перед нами ОБЬЕКТ с неопределенным значением. В языке с динамической слабой типизацией, существование подобного поведение, критично. Поскольку позволяет писать высокопроизводительный код. Так как для человека, который пытается писать такой код на JS предельно важно иметь синтаксическую структуру, которые бы точно обьясняла JIT как это можно оптимизировать.
Именно по этой причине, если идет обьяснение ребенку о JS то совершенно неважно что такое примитивные типы, и прочие. От этого его код никак не измениться. Но крайне важно обьяснить тому, кто хочет писать эффективный код, почему он должен забыть о том, что есть преобразовании типов. И каждый раз бить себя по губам за упоминание typeof
29:02 интерпретатор JS знает что такая переменная есть, по этому будет не "value is not defined" а "cannot access value before initialization"
Великолепный доклад
Спасибо за доклад! (в закладки!) =)
По вопросу с динамическими и лексическими областями видимости можно почитать про фунарг-проблему. Из-за неё в принципе становится понятна причина существования замыканий
Смотрю только сейчас спустя 10 лет программирования в веб, и очень интересно
вы, наверное, суперпро уже.
Докладчик прям булочка с корицей!
Превосходный выпуск! Спасибо!
хороший доклад! лайк
31:26 какой же всё таки неудачный слайд)
Вопросы всегда будут возникать у людей, когда они будут смотреть этот доклад в первый раз.
Странное решение было продемонстрировать псевдокод на js)
Но доклад - супер. Уже не первый раз смотрю, и наверное еще буду. Забывается, к сожалению, многое.
"Есть два Javascript'а - тот который используем в реальной жизни, и тот о котором спрашивают на собеседованиях"(с) Илья Климов
слайд хорошо демонстрирует область видимости var
@@carved1883 он демонстрирует несуществующее поведение js, как позже автор доклада и сам скажет
Лучшая лекция
Я думал что то новое узнаю, а оказывается я продвинутый 🤣🤣🤣 хотя все это (выборочно) на любом собесе спрашивают)), но спасибо за прикольную манеру преподавать) зашло)
1:03:16 тут похоже опечатка на последней строке, должно быть var secondObject = new firstObject.constructor
спасибо за 20:19, чуть заИкой не осталась
Спасибо большое, Григорий, это было круто!
Круто! Спасибо!
быть типа таким сайко, это типа тренд сейчас, типа не тупой спортсмен, а сайка-гений-программист
1:01:23 то ли Лапенко, то ли Кличко :)
"но на мой взгляд, когда вы разберётесь с этой штукой, то ничего сложнее в джээсе найти будет сложно"
Да и в школе не учились, склоняют иностранные слова, яндех? херня
оч крутое видео! пасиб =)
У кого-нибудь есть ссылки с подробным описанием замыкания,о которых говорит Николай в лекции?
Где есть ссылка на статьи про которые говорится в видео? В Частности "Как работает JS"?
Замечательная лекция, крайне полезная. Спасибо! Случайно заметил на 1:35:07 в функции sum - const val1 = await p1 и const val2 = await p1. Результат будет 84 : ) На code review натренировался видимо :D
каво????
@@PartOfWindmaker, там p1 и p1 складываются, а не p1 и p2
Очень крутой чувак! И стайл рассказа, и само по себе отношение к предмету. Да, для синьеров ничего нового, но я всё же несколько раз сказал «Ах, вот оно как/что!» Огромное спасибо за материал и лекцию. Я бы определенно хотел с этим чуваком поработать.
24:10
null == undefined; // true
null === undefined; // false
Когда мы используем строгое равенство, мы не приводим к одному типу и , соответственно , получаем более корректный результат.
null == undefined; // true
признанная 'ошибка' в js
null === undefined; // false
Можно легко проверить по типу:
typeof null; // "object"
typeof undefined; // "undefined"
Мощный чел
Через что надо пройти, чтобы так шарить) очень хорошо
9:25 - Вы назвали 6 falsy values вместо 7 заявленных, поэтому я погуглил и нашёл даже 8 на данный момент:
0, -0, 0n, null, undefined, NaN, "", false
Все семь он назвал, а 0n - это значение нуля типа BigInt, который появился в ES 2020 в июне 2020, а ролик апрельский
document.all еще
Гриша ты удивительный водовоз
Осторожно в конце 20й минуте. Будет громкое звуковое сопровождение.
Есть у кого ссылочка на статьи которые приводятся в конце? в частности : "Как работает JS"
👏👍
спасибо
21:29 - не с определенной даты, а с 1 января 1970 года по UTC.
про allSettled почему не сказал? я его ток использую, без всяких all и race ваших...
го видос обучающий с примерами про это
@@ubube4603 , он на сафари не пашет, поэтому юзаю алл
54:53 Разве это не статический метод Object ?
только начал знакомиться с JS после 25 лет C++... и посмотрев лекцию, ещё раз подтвердил своё первое впечатления от языка - создатели JS явно, что-то курили ))))
Как можно после 25 лет перейти от С++ на JS? Ведь чтобы освоить JS понадобится ещё лет 2-3
@@wickedtorpedo75 и что? )
@@wickedtorpedo75не перейти, просто освоить
@@wickedtorpedo75 чето дохрена времени на освоение. Меньше , за год можно освоить js
за котика в домике лайк)
Вообщем советую к просмотру
👍
Доклад тёплый, качества бы съёма звука получше и было бы ништяк совсем.
вижу этого парня - ставлю лайк
Генераторы и итераторы в тот момент ещё не подвезли в JS , или они не были мэйнстримом?
38:57
разве 'use strict' не влияет только на содержимое функции, а в точке вызова функции не имеет значение?
Спасибо битовому отрицанию за краткость
const insertToIndex = ~(~input.indexOf('before_value') || ~input.length)
input.splice(insertToIndex, 0, newValue);
докладчик очень крут
Доклад очень интересный и информативный, но мне кажется, не лучшая идея - столько теории вместить в одну лекцию почти совсем без практических примеров. Лучше было бы разбить это на серию и разобрать каждую тему более подробно на примерах для лучшего понимания и запоминания. У меня около 5 лет опыта во фронтенде и практически все из этой лекции я знаю более или менее хорошо, но после 40 минут у меня вскипела голова от кол-ва информации. Представляю, каково людям, сидящим в зале на протяжении полутора часов. Особенно начинающим. Можно просто собирать вещи и уходить из профессии с ощущением того, что ты тупой и это все не для тебя))
И да, 20:15 - наложил кирпичей. Спасибо большое)
Название видео “продвинутый JavaScript”, новичкам там делать, в принципе, нечего. Большинство материала идёт для систематизации и более глубокого понимания.
20:15 сильный белый шум, будьте осторожны
спасибо, что выложили в свободный доступ.
по контенту - на 4--- (- за поверхностность, - за слабую стыковку с презентационным материалом, - за бесконечное "посути")
cool
Очень классный доклад. Очень круто рассказывает. Есть одно НО микрофон нужно выкинуть либо настроить правильно. Звук ужасный
5:00 - Может быть он хотел сказать, что объект уничтожается и потом мы снова работаем с примитивом.
VJLink, да?
20:15 скример
это Дроздов в мире Javascript ))
)))
32:20 - чем отличаются, я что-то все глаза просмотрел
Ничем, это псевдо-код, по сути реализация лексической и динамической области видимости, как чуть позже и объяснил сам докладчик
он про замыкания этим примером всех запутал и хреново получилось объяснить, ещё про котика в лесу, чет хз
там ошибка в коде
в функции dynamicScope() закомментируй строку с var, и все встанет на свои места
32:13 Не поверил. Проверил. 'global' никто из них не возвращает. И не мудрено, функции то одинаковые.
@@drak0an А как ты проверил?
22:37 - такие "специфическое применение" языка должно быть запрещено на всех текстовых редакторах, ради безопасности других
Судя по вещанию это сын Николая Дроздова))
Самая классная у него это лекция про функциональное программирование на js - это шедевр :)
@@mrMultipassport линк есть ?)
@@Alex_Kenji поищи на канале
3:34
Что ты только что сейчас сказал?
Это не его случайно в рекламе Яндекс практикума по курсу фронта через плечо кидают на маты?)
Нет, когда мы вызываем функцию,мы ссылаемся на функцию которую описали, в его примере это будет так.
Мы создали функцию на поить котика,а то есть создали домик {домик котика,в этом домике есть миска с водой} ,и так у нас есть функция напоить котика.И мы идем к соседу,а у соседа есть тоже киска,и мы говорим,сосед, жара какая стоит,давай напоим твою киску,ок давай,мы вызываем функцию напоить котика,но не все так просто.Мы то создали функцию у себя на участке,и чтоб все прошло,придется нашей киски зайти в домик котику,и от туда попить.
И как мы видим,что это всего лишь ссылка на ту часть кода которую мы написали,это работает во всех языках программирования,это постулат.Так что вызов функции,это не что иное как ссылка на ту часть кода,которую мы написали ранее,и все.Тоже самое работает и с объектами, мы всего лишь ссылаемся .И так во всем программировании ,и когда ты это поймешь,тут то и откроется настоящие программирования)))
Ток движется от минуса (в реальности) к плюсу. И что-бы сказать, что от плюса к минусу, необходимо придумать котов, которые ходят попой вперёд.
@@user-uv4zh7xn2c Ну а вы как хотели, нужно самому подумать немного, а иначе, все будет просто и не интересно))
Кстати о котиках. Вы пишtте : "И как мы видим, что это всего лишь ссылка на ту часть кода которую мы написали, это работает во всех языках программирования, это постулат. Так что вызов функции, это не что иное как ссылка на ту часть кода ,которую мы написали ранее , и все....". А " замыкание" во всех языках программирования? @@Tornado-ln7fq
На 20:14 я подпрыгнула от испуга
20:15 peepoPoop
Грязный Луи, спасибо за доклад!)
Сегодня, Гриша, ты мой Флэнаган.
Фленаген самая худшая книга из всех что я читал (в русском переводе, английский не читал)
🤷♂️
@@m0rtyn не удивляйся, бывает часто что переводчики не правильно переводит
Я ошибаюсь или он часто оговаривается, прикол какой-то:
1) "typeof для строки вернет число"
2) "Когда вызов метода примитива произошел, то примитив уничтожается"
"по сути" :)
не докапывайся) человек хороший и рассказал все отлично, респект ему) его работа код писать, а не литературно красиво выражаться на сцене)
Говорят, живой библии JS не существует! Так вот теперь с этим можно поспорить
Про prototype и __proto__ оч понятно объяснил вот он: ruclips.net/video/b55hiUlhAzI/видео.html&ab_channel=IT-KAMASUTRA
Про фукц кострукторы он: ruclips.net/video/0vs6WkNyzec/видео.html&ab_channel=HillelITSchool
Может кому пригодится
20:15 спасибо, обосрался...
кто про геттеры и сеттеры слышал?
Конечно же все джуны, которые ходят по собесам!
я на 18 секунде вырубил видео, это ж не порнхаб
Полезно, но по-русски так странно всё это звучит. Большое спасибо. Всё по полкам!
Пока что только на 5й минуте правда.
В конце второй минуты доклада возникли большие сомнения в компетенции докладчика: вероятность в бесконечность это как?
Это образно. Думаю, автор в курсе, что вероятность находится в пределах 0 и 1.
от нуля до единицы это то 0 -> ꝏ@@user-ig5zc3wk7d
Он сказал что темы которые он объяснит сегодня , в будущем встретятся с вероятностью, которая равна бесконечности
20:14 я обосрался
Докладчик, ИМХО, похож на Сталкера из одноимённого фильма
+++
Это просто основы. Что тут продвинутого? Или это кликбейт заголовок?
Что мешало использовать в слайде про замыкания js? Зачем использовать псевдокод, который вводит в заблуждение и создает лишний слой абстракции?
Гриша, если ты читаешь это, знай - ты красавела.
32:13 Не поверил. Проверил. 'global' никто из них не возвращает. И не мудрено, функции то одинаковые.
ты дальше то видео смотри, там объяснение есть.....
Как я понял это гипотетический пример
Вы создали две одинаковые функции результатом которых является строка со значением 'd ' в перовом случае и ' l ' во втором и при вызове их вы получаете эти значения , а не указание что они были созданы в глобальной и лексической ( не знаю такой области) областях А докладчик ради экономии времени дал очень плохое объяснение " Замыкания "
Самое сложное в ЖС это найти первую работу с ним... Видимо каждый эм 1ый в ИТ входит таким образом.. Два года обучения и знаний норм не позволяют даже на стажировку попасть по Фронт едн-у лол..
у js есть большое окружение и один js не достаточен для того чтобы конкурировать с другими программистами
@@timzeynalov3537 Так и знания Фреймворков\Библиотек, не помогает. Сейчас еще + минимум от B1 инглишь знать требуют в 98% компаний... (
@@tatianovnafrutti8982 ну конечно англ нужен как же ты тогда будешь работать и вообще понимать ошибки и проблемы . без англ языка лучше профессию поменять . и учись создавать реальные продукты если на фронтенде тишина иди в бакенд там трудно но зато станешь фуллстак и будешь отличаться от простых фронтендов
@@timzeynalov3537 Не ну разговорный то не надо что бы ошибки понимать.. я вот например все ошибки в 95% случаях перевод понимаю А вот разговорного нет(.. А бекенд получается разве восстребованей? Или что ты имеешь ввиду? Типа он сложнее и туда меньше людей идут - меньше конкуренция?
@@tatianovnafrutti8982 когда ты будешь работать с Redux . Redux Saga либо с более крутыми технологиями то тогда ты поймешь что нифига на русском материалов нет и нужно будет читать документации или учиться у американцев да и к тому же многие компании работают с западом а там тебе придется общаться и вникать в проблемы в обсуждения ну как ни крути если ты хочешь высокой зарплаты то да нужно учиться а если ты хочешь быть просто верстальщиком html css слегка js то ищи простые вакансии но я просто говорю то как вижу как на самом деле я вообще вот Senior и не могу работу найти идиотизм им не угодить они хотят чтобы ты и тестировал хотя фронтенд не должен это делать есть тестировщик для этого . сейчас все ищут иголку в стоге сена чтобы найти лучшего чтобы он для них пахал и делал очень многое и за многих ну чтобы тупо экономить на зарплатах