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