Смотрю ваше видео спустя 5 лет. Огромное спасибо 🙌🏻 Все встало на свои места, стало понятно, как это работает. До вашего видео я уже стала приходить к мысли, что я очень глубоко гуманитарий, и все это явно не для меня🥲
Да, конечно! Интересно было бы послушать про кастомизацию Никогда не понимал, зачем addEventListener нужен, если событие можно просто в свойства записать. Спасибо, что разъяснили. Все ясно и понятно
Спасибо очень полезно и интересно. И на данном этапе считаю уже пора разбирать более глубоко. Кто досмотрел до сюда уже не полный новичек и хотят развиваться и роста. Буду рад более детального разбора с высоты Вашего опыта .
это сложный вопрос. Увы канал не может рости со своими зрителями. В какой-то момент вы поймете что перешагнули этот уровень - нужно просто идти дальше. Это нормально.
спасибо, посмотрела несколько уроков на эту тему, у Вас самый хороший: по сути и доступно, сегодня встретила, когда лектор просто прочитал один из веб ресурсов с его же примерами
Хороший урок, как продолжение отлично подойдёт тема: диспачера событий, событийного эмиттера. Было бы очень здорово развернуть тему промисов(в связке с async/await)и fetch-инга(как альтернативу шттпреквест), worklet-ов, worker-ов. Мне нравится ваша подача, смотрю, хоть материал для начинающих,но всегда есть что то новое подчеркнуть.
Спасибо очень доходчиво и понятно! Про опции упоминание очень пригодилось. Была функция, которая копировала текст из таблицы в строчку по клику кнопки. Но каждый раз функция выполнялась вновь и вновь при клике, происходило дублирование. Элегантное решение опции { once: true } в AddEventListener решило проблему.
урок и правда отличный очень хорошо, что показываете эволюцию языка и устаревшие варианты недостатки определенных методов жду следующие уроки с нетерпением
очень всё доходчиво, спасибо за разъяснения, у вас дар к преподаванию, а то смотришь курсы некоторых товарищей: " здесь вот так вот , тут вот так вот"... а что откуда взялось , кто ж его разберёт... очень жду продолжения
@@malytv1170 наверное уже ближе к middle чем junior... Ну опять же всё зависит от компании вы которой работаешь, ведь градация уровней разная, в моей компании как таковой нет, поэтому и однозначно не могу ответить на вопрос
Страшный объект this - шутка зашла норм :-) Урок норм, ...парочку мыслей скажу появившихся при просмотре - по возможности показать как и где можно реализовать в реальном проекте, на примере, ...и второе если возможно немного увеличить шрифт написания кода, ...само собой без этого достаточно информативно, спс.
в контексте ивентов я испльзую event.target или event.currentTarget вместо this, this больше используется в контексте функций конструкторов и классов ES6
Уважаемый Алекс Лущенко! Хочу спросить совета, надеюсь найдете время для ответа. Мне 49!!!! лет. Анализ прожитых дней привел меня к выводу, что один из профессиональных навыков, который я "упустил" в жизни - программирование. И вот теперь, в "наказании" себя , я решил это исправить. С января этого года, не торопясь, изучаю тему. Могу сверстать несложные сайтики. Начал изучать JS, параллельно изучаю JQuery. Есть понимание , скажем так, о чем речь.( После просмотра Ваших уроков.) Самое главное - Я понял -ЭТО МОЕ. Более того - я могу монетизировать свои знания. То, что я доведу дело до приемлемого , профессионального ,уровня сомнений нет!!! Единственное, что меня остановит , исчерпание жизненного ресурса данного нам Всевышним. Моя программа минимум обязывает меня до конца этого года выйти на уровень знаний, достаточных для "прибавки к пенсии" скажем 30т.руб. Есть понимание в вопросе последовательности изучения технологий (веб разработка ) для достижение цели. (Работа на фрилансе). Но , так же , понятно , что в силу возраста, необходимо выбрать самый возможный короткий путь. То есть сконцентрироваться на самом необходимом для скорейшего старта в качестве фрилансера. Моя просьба звучит следующим образом: Вот если бы Вы стояли сегодня перед таким выбором, как бы Вы поступили, какие бы Вы выбрали технологии , предприняли шаги для достижения озвученной мной цели? На каком уровне необходимо владеть данными технологиями для СТАРТА? Как Вы , как специалист, оцениваете шансы на успех при таких стартовых позициях. Понимаю, какое количество людей я рассмешил написав данный текст, но написав это я лишь укрепился в своих намерениях добиться успеха. Желаю всем удачи. P.S. То обстоятельство, что подаваемый Вами материал усваивается мною на 95-99%. дало мне смелость обратиться к Вам с такой просьбой. В любом случае спасибо Вам за Ваши уроки. С уважением Yuber Roshe.
Если вы обладаете перечисленными вами знаниями, я бы зарегистрировался на фриланс бирже и стал каждый день просматривать заказы, выявляя чего мне не хватает для его реализации. Подтянул эти знания. И брал бы заказы.
1 Вопрос. Было оговорено о костыле с .onclick c анонимной функцией, но если я не хочу писать n-е количество строк для 1 события (например "click"), можно ли сделать похожий вариант как с анонимной функцией (.onclick) или все равно нужно будет писать 100500 строе для 1 елемента с использованием AddEventListener. 2 Вопрос. Чем отличается getElementById(и ему подобные ByClassName и т.д.) и querySelector?
Здравствуйте. Спасибо за объяснение. Но мне только не понятно. Почему для удаления события надо добавлять removeEventListener? Почему-бы просто не удалить саму строчку с addEventListener?
Импонирует у автора, что он "делает" ошибки. Имхо навык поиска ошибок незаменим для программера. Я год назад начал втыкать в С,С++ и для меня было довольно сильным препятствием возникновение большого количества ошибок поначалу, которые ставили меня в тупик, потому что я не знал, что с ними делать. Настолько сильно, что терялось намерение продолжать. Однако поскольку вариантов не было и проект надо было продолжать то ... Когда же автор делает "ошибки" у обучаемого откладывается в памяти непроизвольно что, где, как. Обучаемый психологически подготавливается к возможности ошибок, пониманию возможности преодолевания подобных затруднений и ориентировочным местам их поиска. Не знаю насколько намеренно сие делается, однако лично мне импонирует. Плюс посмотрел несколько уроков и отчетливо осознал, что прямолинейный опыт изучения яваскрипта по справочнику команд не самый эффективный. В стандарте уже понареализовано много всяких помогалочек, которые сильно упрощают процесс. Надо только их знать.
Спасибо за урок) А еще вопрос. Можно ли, и если да, то как, по событию делать другое действие в HTML, например, создавать блок с полем ввода? Я совсем новичок и почти ничего не знаю)
могу ошибаться, но onclick = "Hellofunction ()". там ставиться ставятся (круглые скобки) из-за привязки к анонимной функции, которая в свою очередь и делает вызов функции которая описана внутри onclick.
Я так понимаю еще одно важное отличие addEventListener от простого вешания событий это работа с клавиатурой? То есть можно просто передать первым аргументом "keydown", вторым ссылку на функцию с проверкой кода нажатой клавиши и всё. Есть ли другой способ? С удовольствием посмотрел бы вторую часть со всеми возможностями addEventListener, а не только про "click", но спасибо и за это, очень доходчиво)
Спасибо большое за урок! По поводу transition... мы все-таки можем повесить на данное событие нужную нам функцию не используя addEventListener. document.querySelector("#element").ontransitionend = function(){ ... }; Правда работает это не во всех браузерах, в Хроме например, что удивительно) И не могли бы вы прояснить момент по поводу дубляжей функций (21 минута)? Функция является объектом и доступ к ней осуществляется по ссылке. Почему в данном случае она копируется? Прогнал через цикл несколько элементов и присвоил событиям одну и ту же функцию. В итоге btn[0].onclick === btn[5].onclick // true Или нужно копать глубже?)
Ну лайк поставить не могу так как ответ на вопрос не нашел, но шаг к нему сделал и не один по этому коммент. А вопрос простой, данное видео показывает как работать с элементов: картинка текст и т.д., но что делать если элементов несколько, к примеру несколько фоток или заголовков и надо определить на какой\какую из них я кликнул, querySelector позволяет работать только с первым элементом, а querySelectorAll выдает ошибку.
Один из немногих лучших каналов по урокам javascript.
Спасибо!
Здраствуйте! Стали front-end разработчиком?
@@malytv1170 Здравствуйте! Стали фронтенд разработчиком?
У вас определенно таллант преподователя,не бросайте это дело,спасибо за труды!!!
Смотрю ваше видео спустя 5 лет. Огромное спасибо 🙌🏻 Все встало на свои места, стало понятно, как это работает. До вашего видео я уже стала приходить к мысли, что я очень глубоко гуманитарий, и все это явно не для меня🥲
Пожалуй, подпишусь :)
Нравятся ваши уроки! Спасибо! Очень ждем следующего урока о применении addEventListener и transition :)
Согласен, интересный пример!
Ты чертов Гений!!! Самая лучшая подача в интернет! Ставлю лайк!
Действительно грамотное истолкование(без грамма воды)!
Как же Вы все легко и понятно объясняете! Большое спасибо за Ваши уроки!
Дуже Вам вдячна! Це перше відео, де так стисло та доступно про AddEventListener
Спасибо большое за урок. Объясняете шикарно - доступно, притом подробно, но лаконично. Огонь!
Да, конечно! Интересно было бы послушать про кастомизацию
Никогда не понимал, зачем addEventListener нужен, если событие можно просто в свойства записать. Спасибо, что разъяснили. Все ясно и понятно
Отлично, рад!
Здраствуйте! Стали front-end разработчиком?
@@malytv1170 Здравствуйте, а вы?
Отличный урок, Спасибо! Лайкаем, комментим, ждем продолжения.
Спасибо большое. Будет.
Здраствуйте! Стали front-end разработчиком?
Спасибо очень полезно и интересно. И на данном этапе считаю уже пора разбирать более глубоко. Кто досмотрел до сюда уже не полный новичек и хотят развиваться и роста. Буду рад более детального разбора с высоты Вашего опыта .
это сложный вопрос. Увы канал не может рости со своими зрителями. В какой-то момент вы поймете что перешагнули этот уровень - нужно просто идти дальше. Это нормально.
спасибо, посмотрела несколько уроков на эту тему, у Вас самый хороший: по сути и доступно, сегодня встретила, когда лектор просто прочитал один из веб ресурсов с его же примерами
молодець. дякую за пояснення.
дійсно, вмієш доступно і зрозуміло пояснити!
Хороший урок, как продолжение отлично подойдёт тема: диспачера событий, событийного эмиттера.
Было бы очень здорово развернуть тему промисов(в связке с async/await)и fetch-инга(как альтернативу шттпреквест), worklet-ов, worker-ов.
Мне нравится ваша подача, смотрю, хоть материал для начинающих,но всегда есть что то новое подчеркнуть.
наверное да, таких тем мало!
Спасибо очень доходчиво и понятно! Про опции упоминание очень пригодилось. Была функция, которая копировала текст из таблицы в строчку по клику кнопки. Но каждый раз функция выполнялась вновь и вновь при клике, происходило дублирование. Элегантное решение опции { once: true } в AddEventListener решило проблему.
урок и правда отличный
очень хорошо, что показываете эволюцию языка и устаревшие варианты
недостатки определенных методов
жду следующие уроки с нетерпением
Хороший урок, узнал много нового. Побольше бы уроков где разжевываются базовые инструменты.
очень всё доходчиво, спасибо за разъяснения, у вас дар к преподаванию, а то смотришь курсы некоторых товарищей: " здесь вот так вот , тут вот так вот"... а что откуда взялось , кто ж его разберёт... очень жду продолжения
Спасибо за ваши старания!
Страдания!
Здраствуйте! Стали front-end разработчиком?
Спасибо огромное за уроки! Смотрю все видео, начал проходить Ваш JS2.0!!! Отличный курс!
Лучший канал, с подробным объяснение. Автору респект)
Класс, все понятно и без лишней инфы
Вы отлично разъяснили сложный материал , ждем следующего урока. Спасибо!
Очень жду следующую часть)Спасибо за труды)
Ну как же шикарно ты объясняешь! Это просто чудо какое то!
Супер! Будемо чекати продовження))) Дякуємо))
ты просто лучший) так понятно объясняешь, все нравится, люблю тебя
Спасибо за Ваши уроки! Вы отлично разъясняете.
Спасибо за ваш труд. Очень ждем продолжения!
Отличный урок, спасибо Вам !!!, Ставьте лайки ребята, поддержим лайками Алекса
Супер. Взял для себя много полезного. Дизлайкеры пусть попробуют сделать лучше
как всегда - делаешь - критикуют. Это нормально!
очень понравился курс
Зашел на ура, ждем след выпуска. Спасибо!
супер!
Здраствуйте! Стали front-end разработчиком?
@@malytv1170 да)
Джуниором?
@@malytv1170 наверное уже ближе к middle чем junior... Ну опять же всё зависит от компании вы которой работаешь, ведь градация уровней разная, в моей компании как таковой нет, поэтому и однозначно не могу ответить на вопрос
Супер!Жду продолжения данной темы )
Страшный объект this - шутка зашла норм :-)
Урок норм, ...парочку мыслей скажу появившихся при просмотре - по возможности показать как и где можно реализовать в реальном проекте, на примере, ...и второе если возможно немного увеличить шрифт написания кода, ...само собой без этого достаточно информативно, спс.
Спасибо, сделаем!
в контексте ивентов я испльзую event.target или event.currentTarget вместо this, this больше используется в контексте функций конструкторов и классов ES6
Огромнейшее вам спасибо! Великолепное объяснение, я наконец то понял эту тему, только благодаря вам =)
Очень крутое объяснение, понял с первого просмотра, thx Александ!
Доступно пояснюєте, дякую!
Отличный урок. Спасибо.
Спасибо! Хочу больше детального разбора eventlistener.
спасибо за уроки... да очень интересна тема честно говоря хотел просить сделает уроки о событие с вами интерестно и понятно
спасибо за комментарий
Спасибо! Все ясно и доступно!
Плюсик вам в карму! Спасибо
Спасибо! Урок был полезным!
Спасибо за подробное объяснение!
Спасибо, супер - как всегда !!! Низкий поклон Вам
Очень полезное видео, спасибо!
Спасибо, Алекс!!!
Сразу лайк!)
За продолжение темы!
отлично!
Отличный урок.как раз такой искал
Уважаемый Алекс Лущенко! Хочу спросить совета, надеюсь найдете время для ответа. Мне 49!!!! лет. Анализ прожитых дней привел меня к выводу, что один из профессиональных навыков, который я "упустил" в жизни - программирование. И вот теперь, в "наказании" себя , я решил это исправить. С января этого года, не торопясь, изучаю тему. Могу сверстать несложные сайтики. Начал изучать JS, параллельно изучаю JQuery. Есть понимание , скажем так, о чем речь.( После просмотра Ваших уроков.) Самое главное - Я понял -ЭТО МОЕ. Более того - я могу монетизировать свои знания. То, что я доведу дело до приемлемого , профессионального ,уровня сомнений нет!!! Единственное, что меня остановит , исчерпание жизненного ресурса данного нам Всевышним. Моя программа минимум обязывает меня до конца этого года выйти на уровень знаний, достаточных для "прибавки к пенсии" скажем 30т.руб. Есть понимание в вопросе последовательности изучения технологий (веб разработка ) для достижение цели. (Работа на фрилансе). Но , так же , понятно , что в силу возраста, необходимо выбрать самый возможный короткий путь. То есть сконцентрироваться на самом необходимом для скорейшего старта в качестве фрилансера. Моя просьба звучит следующим образом: Вот если бы Вы стояли сегодня перед таким выбором, как бы Вы поступили, какие бы Вы выбрали технологии , предприняли шаги для достижения озвученной мной цели? На каком уровне необходимо владеть данными технологиями для СТАРТА? Как Вы , как специалист, оцениваете шансы на успех при таких стартовых позициях. Понимаю, какое количество людей я рассмешил написав данный текст, но написав это я лишь укрепился в своих намерениях добиться успеха. Желаю всем удачи.
P.S. То обстоятельство, что подаваемый Вами материал усваивается мною на 95-99%. дало мне смелость обратиться к Вам с такой просьбой. В любом случае спасибо Вам за Ваши уроки. С уважением Yuber Roshe.
Я начал в 55 с PHP ,потом jQuery и js и по тихоньку делаю добавку к своей пенсии.Вы на правильном пути,удачи Вам!. Node.js вас ждет впереди.
@@ВладимирМестнник Спасибо. И Вам удачи!
Если вы обладаете перечисленными вами знаниями, я бы зарегистрировался на фриланс бирже и стал каждый день просматривать заказы, выявляя чего мне не хватает для его реализации. Подтянул эти знания. И брал бы заказы.
@@itgid Спасибо за дельный совет. Разведка боем. Что может быть лучше данного метода.
Все верно делаете, молодцы так держать! Пофиг на остальных, главное делайте то, что Вам нравится ;) Удачи Вам и сил.
Более менее понятно. Благодарю!
Вы Суперррр, как можно ставить дизлайк
Спасибо!
Продолжайте!
Спасибо за видео, жду продолжения :)
Буде, спасибо!
Спасибо Вам огромное!!! Помогли!
Очень интересно :)))
ამ კაცმა იცის თავისი საქმე!!!!!!!!
Хорошо объяснили, спасибо
Спасибо, хороший урок
AddEventListener тоже функция!
Спасибо за видео!
8:00 У меня на вкладке Свойства нет свойств с приставкой "on". Это почему так? Вижу кучу других свойств, а свойств с приставкой "on" нет.
Лучший. Спасибо огромное!
Очень помогло, спасибо!
Спасибо! Супер :) ждем продолжения)
1 Вопрос.
Было оговорено о костыле с .onclick c анонимной функцией, но если я не хочу писать n-е количество строк для 1 события (например "click"), можно ли сделать похожий вариант как с анонимной функцией (.onclick) или все равно нужно будет писать 100500 строе для 1 елемента с использованием AddEventListener.
2 Вопрос.
Чем отличается getElementById(и ему подобные ByClassName и т.д.) и querySelector?
Спасибо , продолжайте
Все круто, спасибо
17:00 AddEventListener
очень хорошее видео!!
Спасибо Александр.
Есть на канале Гоши Дударя создание игры-раннера на JS.Смогли бы вы что-то подобное создать?
Мог бы, но игры не очень мне интересны. Возможно какие-то маленькие.
@@itgid часто сталкиваюсь с вопросом заказчика, о "нятигивании" верстки на шаблон Джумла.Можете записать на эту тему видео?
@@itgid также,хотелось бы узнать,как написать модуль для Джумла(допустим модуль оплаты)
супер!
Хороший урок
Здравствуйте. Спасибо за объяснение. Но мне только не понятно. Почему для удаления события надо добавлять removeEventListener? Почему-бы просто не удалить саму строчку с addEventListener?
Импонирует у автора, что он "делает" ошибки.
Имхо навык поиска ошибок незаменим для программера.
Я год назад начал втыкать в С,С++ и для меня было довольно сильным препятствием возникновение большого количества ошибок поначалу, которые ставили меня в тупик, потому что я не знал, что с ними делать. Настолько сильно, что терялось намерение продолжать. Однако поскольку вариантов не было и проект надо было продолжать то ...
Когда же автор делает "ошибки" у обучаемого откладывается в памяти непроизвольно что, где, как. Обучаемый психологически подготавливается к возможности ошибок, пониманию возможности преодолевания подобных затруднений и ориентировочным местам их поиска.
Не знаю насколько намеренно сие делается, однако лично мне импонирует.
Плюс посмотрел несколько уроков и отчетливо осознал, что прямолинейный опыт изучения яваскрипта по справочнику команд не самый эффективный. В стандарте уже понареализовано много всяких помогалочек, которые сильно упрощают процесс. Надо только их знать.
Алексей Лысюк я живой человек. И да делаю ошибки. Иногда специально. Иногда задумаюсь.
Очень ждем продолжение
Спасибо за урок) А еще вопрос. Можно ли, и если да, то как, по событию делать другое действие в HTML, например, создавать блок с полем ввода? Я совсем новичок и почти ничего не знаю)
Лайкнул хочу изучать js
Дякую!
Круто!!!
могу ошибаться, но onclick = "Hellofunction ()". там ставиться ставятся (круглые скобки) из-за привязки к анонимной функции, которая в свою очередь и делает вызов функции которая описана внутри onclick.
супер, спасибо
Добрый день! Не могу найти выпуски TrueJS c 27 по 31 и после 32. Они есть вообще?
Можно ли управлять событиями браузера вперед, назад (history.back(), history.forward())
спасибо большое
Жалко что только один лайк можно поставить....
Сам страдаю от этих ограничений. Я бы себе все лайки поставил.
Превосходный урок!👍 А будет продолжение?
По-настоящему нюанс, прямо нюанс-нюанс, о котором нужно было сказать - это ошибка "Cannot read property 'addEventListener' of null"
Я так понимаю еще одно важное отличие addEventListener от простого вешания событий это работа с клавиатурой? То есть можно просто передать первым аргументом "keydown", вторым ссылку на функцию с проверкой кода нажатой клавиши и всё. Есть ли другой способ? С удовольствием посмотрел бы вторую часть со всеми возможностями addEventListener, а не только про "click", но спасибо и за это, очень доходчиво)
Спасибо
Я пока не понял,в чем смысл одновременно два клика вызывать...надо пересмотреть,может упустил что!?
не два клика, два события на один и тотже клик.
WebDev с нуля. Канал Алекса Лущенко в общем,теория это хорошо,но практика есть практика....
Спасибо!!!
Всё гуд
Спасибо , долго искал хороший канал по js и вот он, но хотел спросить, сейчас propeties не работает, что делать?
Спасибо большое за урок! По поводу transition... мы все-таки можем повесить на данное событие нужную нам функцию не используя addEventListener. document.querySelector("#element").ontransitionend = function(){ ... }; Правда работает это не во всех браузерах, в Хроме например, что удивительно)
И не могли бы вы прояснить момент по поводу дубляжей функций (21 минута)? Функция является объектом и доступ к ней осуществляется по ссылке. Почему в данном случае она копируется?
Прогнал через цикл несколько элементов и присвоил событиям одну и ту же функцию. В итоге btn[0].onclick === btn[5].onclick // true
Или нужно копать глубже?)
Ну лайк поставить не могу так как ответ на вопрос не нашел, но шаг к нему сделал и не один по этому коммент. А вопрос простой, данное видео показывает как работать с элементов: картинка текст и т.д., но что делать если элементов несколько, к примеру несколько фоток или заголовков и надо определить на какой\какую из них я кликнул, querySelector позволяет работать только с первым элементом, а querySelectorAll выдает ошибку.