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