Продвинутый JavaScript
ฝัง
- เผยแพร่เมื่อ 7 ต.ค. 2024
- Разбираемся в нетривиальных особенностях 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.))
Классный докладчик. Не знаю почему, но как будто худ.лит слушаю 👍
Про замыкания, гениально объяснили.
Что доклад что докладчик - огонь! Респект!
Огромное спасибо Григорию и всей команде ШРИ!!!
Доклад - обалденный :)))
Будет вообще супер, если поделитесь ссылкой на презентацию!))
Просто супер! 👍 💪 Спасибо, очень помогло при подготовке к сообеседованнию!
шикарнейшая лекция и лектор крутой,спасибо !
Великолепный докладчик, хотел бы с таким лидом поработать.
Сразу видно, что человек любит своё дело)
Смотрю только сейчас спустя 10 лет программирования в веб, и очень интересно
вы, наверное, суперпро уже.
Отличная лекция, все идеально, и темп повествования и материал!👍
Докладчик прям булочка с корицей!
Спасибо за доклад! (в закладки!) =)
Лучшая лекция
Спасибо, хороший доклад, посмотрел с удовольствием!
20:15 ставим громкость на ноль
та бл* надо было сначала прочесть комменты
29:02 интерпретатор JS знает что такая переменная есть, по этому будет не "value is not defined" а "cannot access value before initialization"
Великолепный доклад
прекрасная лекция!!!!!!!! спасибо огромное!!!!!!!!!!
По вопросу с динамическими и лексическими областями видимости можно почитать про фунарг-проблему. Из-за неё в принципе становится понятна причина существования замыканий
Превосходный выпуск! Спасибо!
31:26 какой же всё таки неудачный слайд)
Вопросы всегда будут возникать у людей, когда они будут смотреть этот доклад в первый раз.
Странное решение было продемонстрировать псевдокод на js)
Но доклад - супер. Уже не первый раз смотрю, и наверное еще буду. Забывается, к сожалению, многое.
"Есть два Javascript'а - тот который используем в реальной жизни, и тот о котором спрашивают на собеседованиях"(с) Илья Климов
слайд хорошо демонстрирует область видимости var
@@carved1883 он демонстрирует несуществующее поведение js, как позже автор доклада и сам скажет
Когда у человека получается доклад о JS, где обьекты обладают волшебными свойствами, неявными проведениями, и чем-то, что нужно просто запомнить, а фундаментальные части языка оказываются тем, чем вы не будете никогда пользоваться, меня всегда его хочется спросить, а как так то? Как так вышло у него, что язык, фундаментальная часть которого объясняется ребенку за 10 минут, превращается в сову которую натягивают на глобус?
А ответ очень простой.
JavaScript это язык, который крайне дружелюбен к тем, кто только начинает с ним знакомиться, и крайне сложен для тех, которые хотят на нем писать эффективный код. И когда первые решили, что они познали сермяжную праву языка и появляются подобные химеры состоящие из обрывков патернов взятых из других языков пришитыми белыми нитками к стереотипам впитанными из третьих.
Самым показательным примером этого, является начало видео, где у докладчика преобразование типов стало чем то что требующем серьезного внимания. Если уже полезли объяснять такие вещи, то взяли бы на себя труд, разобраться почему typof null стало object. Открыли бы для себя и для слушателей, что поведение это более чем логичное, что миф об ошибке, продиктован некорректными переводами обрывков разговоров разработчиков. И может быть сделали бы мир чуточку лучше, от того что окружающие стали бы понимать что такое Обьект сам по себе, а не так каша с маслом что в голове.
Null в JS это не просто примитивный тип. Это тип, который сообщает что перед нами ОБЬЕКТ с неопределенным значением. В языке с динамической слабой типизацией, существование подобного поведение, критично. Поскольку позволяет писать высокопроизводительный код. Так как для человека, который пытается писать такой код на JS предельно важно иметь синтаксическую структуру, которые бы точно обьясняла JIT как это можно оптимизировать.
Именно по этой причине, если идет обьяснение ребенку о JS то совершенно неважно что такое примитивные типы, и прочие. От этого его код никак не измениться. Но крайне важно обьяснить тому, кто хочет писать эффективный код, почему он должен забыть о том, что есть преобразовании типов. И каждый раз бить себя по губам за упоминание typeof
сделайте мир лучше, ответьте почему typof null стало object?
1:01:23 то ли Лапенко, то ли Кличко :)
"но на мой взгляд, когда вы разберётесь с этой штукой, то ничего сложнее в джээсе найти будет сложно"
Да и в школе не учились, склоняют иностранные слова, яндех? херня
Я думал что то новое узнаю, а оказывается я продвинутый 🤣🤣🤣 хотя все это (выборочно) на любом собесе спрашивают)), но спасибо за прикольную манеру преподавать) зашло)
1:03:16 тут похоже опечатка на последней строке, должно быть var secondObject = new firstObject.constructor
Очень крутой чувак! И стайл рассказа, и само по себе отношение к предмету. Да, для синьеров ничего нового, но я всё же несколько раз сказал «Ах, вот оно как/что!» Огромное спасибо за материал и лекцию. Я бы определенно хотел с этим чуваком поработать.
Спасибо большое, Григорий, это было круто!
хороший доклад! лайк
только начал знакомиться с JS после 25 лет C++... и посмотрев лекцию, ещё раз подтвердил своё первое впечатления от языка - создатели JS явно, что-то курили ))))
Как можно после 25 лет перейти от С++ на JS? Ведь чтобы освоить JS понадобится ещё лет 2-3
@@wickedtorpedo75 и что? )
@@wickedtorpedo75не перейти, просто освоить
@@wickedtorpedo75 чето дохрена времени на освоение. Меньше , за год можно освоить js
Мощный чел
спасибо, что выложили в свободный доступ.
по контенту - на 4--- (- за поверхностность, - за слабую стыковку с презентационным материалом, - за бесконечное "посути")
спасибо за 20:19, чуть заИкой не осталась
Круто! Спасибо!
вижу этого парня - ставлю лайк
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 еще
👏👍
21:29 - не с определенной даты, а с 1 января 1970 года по UTC.
Замечательная лекция, крайне полезная. Спасибо! Случайно заметил на 1:35:07 в функции sum - const val1 = await p1 и const val2 = await p1. Результат будет 84 : ) На code review натренировался видимо :D
каво????
@@PartOfWindmaker, там p1 и p1 складываются, а не p1 и p2
Вообщем советую к просмотру
Доклад очень интересный и информативный, но мне кажется, не лучшая идея - столько теории вместить в одну лекцию почти совсем без практических примеров. Лучше было бы разбить это на серию и разобрать каждую тему более подробно на примерах для лучшего понимания и запоминания. У меня около 5 лет опыта во фронтенде и практически все из этой лекции я знаю более или менее хорошо, но после 40 минут у меня вскипела голова от кол-ва информации. Представляю, каково людям, сидящим в зале на протяжении полутора часов. Особенно начинающим. Можно просто собирать вещи и уходить из профессии с ощущением того, что ты тупой и это все не для тебя))
И да, 20:15 - наложил кирпичей. Спасибо большое)
Название видео “продвинутый JavaScript”, новичкам там делать, в принципе, нечего. Большинство материала идёт для систематизации и более глубокого понимания.
докладчик очень крут
спасибо
за котика в домике лайк)
Спасибо битовому отрицанию за краткость
const insertToIndex = ~(~input.indexOf('before_value') || ~input.length)
input.splice(insertToIndex, 0, newValue);
Очень классный доклад. Очень круто рассказывает. Есть одно НО микрофон нужно выкинуть либо настроить правильно. Звук ужасный
Осторожно в конце 20й минуте. Будет громкое звуковое сопровождение.
Через что надо пройти, чтобы так шарить) очень хорошо
Доклад тёплый, качества бы съёма звука получше и было бы ништяк совсем.
38:57
разве 'use strict' не влияет только на содержимое функции, а в точке вызова функции не имеет значение?
У кого-нибудь есть ссылки с подробным описанием замыкания,о которых говорит Николай в лекции?
32:20 - чем отличаются, я что-то все глаза просмотрел
Ничем, это псевдо-код, по сути реализация лексической и динамической области видимости, как чуть позже и объяснил сам докладчик
он про замыкания этим примером всех запутал и хреново получилось объяснить, ещё про котика в лесу, чет хз
там ошибка в коде
в функции dynamicScope() закомментируй строку с var, и все встанет на свои места
32:13 Не поверил. Проверил. 'global' никто из них не возвращает. И не мудрено, функции то одинаковые.
@@drak0an А как ты проверил?
👍
5:00 - Может быть он хотел сказать, что объект уничтожается и потом мы снова работаем с примитивом.
20:15 сильный белый шум, будьте осторожны
это Дроздов в мире Javascript ))
)))
Я ошибаюсь или он часто оговаривается, прикол какой-то:
1) "typeof для строки вернет число"
2) "Когда вызов метода примитива произошел, то примитив уничтожается"
про allSettled почему не сказал? я его ток использую, без всяких all и race ваших...
го видос обучающий с примерами про это
@@ubube4603 , он на сафари не пашет, поэтому юзаю алл
Нет, когда мы вызываем функцию,мы ссылаемся на функцию которую описали, в его примере это будет так.
Мы создали функцию на поить котика,а то есть создали домик {домик котика,в этом домике есть миска с водой} ,и так у нас есть функция напоить котика.И мы идем к соседу,а у соседа есть тоже киска,и мы говорим,сосед, жара какая стоит,давай напоим твою киску,ок давай,мы вызываем функцию напоить котика,но не все так просто.Мы то создали функцию у себя на участке,и чтоб все прошло,придется нашей киски зайти в домик котику,и от туда попить.
И как мы видим,что это всего лишь ссылка на ту часть кода которую мы написали,это работает во всех языках программирования,это постулат.Так что вызов функции,это не что иное как ссылка на ту часть кода,которую мы написали ранее,и все.Тоже самое работает и с объектами, мы всего лишь ссылаемся .И так во всем программировании ,и когда ты это поймешь,тут то и откроется настоящие программирования)))
Ток движется от минуса (в реальности) к плюсу. И что-бы сказать, что от плюса к минусу, необходимо придумать котов, которые ходят попой вперёд.
@@ДильбарМухамедова-щ3я Ну а вы как хотели, нужно самому подумать немного, а иначе, все будет просто и не интересно))
Кстати о котиках. Вы пишtте : "И как мы видим, что это всего лишь ссылка на ту часть кода которую мы написали, это работает во всех языках программирования, это постулат. Так что вызов функции, это не что иное как ссылка на ту часть кода ,которую мы написали ранее , и все....". А " замыкание" во всех языках программирования? @@Tornado-ln7fq
22:37 - такие "специфическое применение" языка должно быть запрещено на всех текстовых редакторах, ради безопасности других
20:15 скример
cool
Есть у кого ссылочка на статьи которые приводятся в конце? в частности : "Как работает JS"
Генераторы и итераторы в тот момент ещё не подвезли в JS , или они не были мэйнстримом?
Судя по вещанию это сын Николая Дроздова))
Самая классная у него это лекция про функциональное программирование на js - это шедевр :)
@@mrMultipassport линк есть ?)
@@Alex_Kenji поищи на канале
На 20:14 я подпрыгнула от испуга
Сегодня, Гриша, ты мой Флэнаган.
Фленаген самая худшая книга из всех что я читал (в русском переводе, английский не читал)
🤷♂️
@@m0rtyn не удивляйся, бывает часто что переводчики не правильно переводит
Где есть ссылка на статьи про которые говорится в видео? В Частности "Как работает JS"?
54:53 Разве это не статический метод Object ?
VJLink, да?
Говорят, живой библии JS не существует! Так вот теперь с этим можно поспорить
20:15 спасибо, обосрался...
Это не его случайно в рекламе Яндекс практикума по курсу фронта через плечо кидают на маты?)
Полезно, но по-русски так странно всё это звучит. Большое спасибо. Всё по полкам!
Пока что только на 5й минуте правда.
3:34
Что ты только что сейчас сказал?
Грязный Луи, спасибо за доклад!)
Про prototype и __proto__ оч понятно объяснил вот он: th-cam.com/video/b55hiUlhAzI/w-d-xo.html&ab_channel=IT-KAMASUTRA
Про фукц кострукторы он: th-cam.com/video/0vs6WkNyzec/w-d-xo.html&ab_channel=HillelITSchool
Может кому пригодится
"по сути" :)
не докапывайся) человек хороший и рассказал все отлично, респект ему) его работа код писать, а не литературно красиво выражаться на сцене)
35:44 Парень задаёт вопрос. Он нашёл ошибку. Функции совершенно одинаковые, но выдают
разный результат. И получает глупейший ответ. Я подогнал ответ под нужный результат ( типа Нью Энштейн или Энштайн). Парень задаёт другой правильный вопрос и получает не правильный ответ.
кто про геттеры и сеттеры слышал?
Конечно же все джуны, которые ходят по собесам!
32:13 Не поверил. Проверил. 'global' никто из них не возвращает. И не мудрено, функции то одинаковые.
ты дальше то видео смотри, там объяснение есть.....
Как я понял это гипотетический пример
Вы создали две одинаковые функции результатом которых является строка со значением 'd ' в перовом случае и ' l ' во втором и при вызове их вы получаете эти значения , а не указание что они были созданы в глобальной и лексической ( не знаю такой области) областях А докладчик ради экономии времени дал очень плохое объяснение " Замыкания "
20:15 peepoPoop
Что мешало использовать в слайде про замыкания js? Зачем использовать псевдокод, который вводит в заблуждение и создает лишний слой абстракции?
я на 18 секунде вырубил видео, это ж не порнхаб
В конце второй минуты доклада возникли большие сомнения в компетенции докладчика: вероятность в бесконечность это как?
Это образно. Думаю, автор в курсе, что вероятность находится в пределах 0 и 1.
от нуля до единицы это то 0 -> ꝏ@@ГалинаФітель-щ4я
Он сказал что темы которые он объяснит сегодня , в будущем встретятся с вероятностью, которая равна бесконечности
продвинутый?
может это из-за ES6 ?
Самое сложное в ЖС это найти первую работу с ним... Видимо каждый эм 1ый в ИТ входит таким образом.. Два года обучения и знаний норм не позволяют даже на стажировку попасть по Фронт едн-у лол..
у js есть большое окружение и один js не достаточен для того чтобы конкурировать с другими программистами
@@timzeynalov3537 Так и знания Фреймворков\Библиотек, не помогает. Сейчас еще + минимум от B1 инглишь знать требуют в 98% компаний... (
@@tatianovnafrutti8982 ну конечно англ нужен как же ты тогда будешь работать и вообще понимать ошибки и проблемы . без англ языка лучше профессию поменять . и учись создавать реальные продукты если на фронтенде тишина иди в бакенд там трудно но зато станешь фуллстак и будешь отличаться от простых фронтендов
@@timzeynalov3537 Не ну разговорный то не надо что бы ошибки понимать.. я вот например все ошибки в 95% случаях перевод понимаю А вот разговорного нет(.. А бекенд получается разве восстребованей? Или что ты имеешь ввиду? Типа он сложнее и туда меньше людей идут - меньше конкуренция?
@@tatianovnafrutti8982 когда ты будешь работать с Redux . Redux Saga либо с более крутыми технологиями то тогда ты поймешь что нифига на русском материалов нет и нужно будет читать документации или учиться у американцев да и к тому же многие компании работают с западом а там тебе придется общаться и вникать в проблемы в обсуждения ну как ни крути если ты хочешь высокой зарплаты то да нужно учиться а если ты хочешь быть просто верстальщиком html css слегка js то ищи простые вакансии но я просто говорю то как вижу как на самом деле я вообще вот Senior и не могу работу найти идиотизм им не угодить они хотят чтобы ты и тестировал хотя фронтенд не должен это делать есть тестировщик для этого . сейчас все ищут иголку в стоге сена чтобы найти лучшего чтобы он для них пахал и делал очень многое и за многих ну чтобы тупо экономить на зарплатах
20:14 я обосрался
Гриша, если ты читаешь это, знай - ты красавела.