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