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