14. js с нуля, ваще с нуля (addEventListener, события, events)

it-incubator.i... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Дополнительные задания, о которых я говорю в видео, находятся вот здесь:
social-network...
Ищешь качественные курсы JS (frontend) в Минске? Приходи в мой IT-инкубатор: it-kamasutra.co...
Это не просто курсы по JavaScript, блабла теория, учебная практика и красивый сертификат об окончании курсов на выходе.
it-инкубатор - это боевая полугодовая подготовка из даже 0, в уверенного Junior-разработчика. 6 месяцев: теория + практика + стажировка н ареальных проектах.
100% гарантированное трудоустройство. Пиши\звони - пообщаемся

[@АнтонинаСуворова-п8н]

Дмитрий очень оригинален в своих объяснениях. Мне нравится - все разжевывается прям для домохозяек, объясняет прямо мелочи и связанные ньюансы - что немаловажно! Мне очень помогает понять предварительное ознакомление с темой в каком нибудь учебнике, затем просмотр Диминого ролика. Диме удачи и респект - он большой молодец. Да осилит путь идущий

[@AlexAlex-cm7ne]

Самые толковые объяснения с подробными разъяснениями, где и как это в дальнейшем пригодиться в программировании! Так держать!

[@mex5341]

для тех , кто не понял про красные рамки: в .css: .error-input // { border: red 1px solid; padding: 5px; } в .html : function addErrorClass(elementId) { var element = document.getElementById(elementId); element.className = 'error-input'; }

[@Snegurjan]

Я зашел в коменты ,что бы увидеть именно это ,спасибо тебе добрый человек)

[@Snegurjan]

Но все равно не работает (

[@mex5341]

@@Snegurjan хм , мне это помогло. Впереди еще много такого ))

[@Snegurjan]

Max Kondratiev все а порядке,уже разобрался,спасибо еще раз.Вы кстати как за две недели продвинулись в обучении?

[@mex5341]

@@Snegurjan до 42 урока , но пока отложил . Не могу смириться с подачей материала

[@ViniDav]

Жаль, что без конспектов и ДЗ, но респект за объяснения, переписываю код из видосов и все получается, жги дальше!!!!

[@ivanmikhailovich1963]

Чётенько объяснил начинаю понемногу понимать как это всё работает ,респект

[@Medulla_oblongata01]

скажите, а эти уроки еще актуальны? а то у них в инкубаторе написано, что учат на тайпскрипт.

[@braivs]

@@Medulla_oblongata01 Актуальны, потому что перед инкубатором рекомендует Димыч этот курс пройти. Кроме того TypeScript является расширением JavaScript, а не его заменой.

[@kudasov5970]

Благодарю за доступное обьяснение. 15 лет в шахте кувалдой махал пока в августе после выборов не ушел в стачку. И пока понятно. Страшно что будет дальше. Але вам вялiкi дзякуй ))).

[@natkhle]

Удачи Вам и сил! 💪✊

[@apkartas7416]

я не понял, после 13 урока идет 14, но судя по материалу чего то не хватает и откуда это все взялось...

[@Mykhailo_Vdovychenko]

Кто все правильно ввел код в js и класс в css, но цвет рамки не меняется, попробуйте нажать комбинацию клавиш Crtl+Shift+R. Она очищает кеш и по новой перезагружает страничку, ато я 10 мин искал ошибку, а вся проблема была в том, что браузер с кеша брал старый код =) Димычу спасибо за такие чудесные уроки!

[@ichelsea]

Дмитрий, как по мне , не стоило давай классам такие длинные название, мне кажется это может запутать многих на старте. Где class = "first-name-input input-default" и где можно было обойтись просто одним словом class = "Project".

[@Proborder]

*Прошёл год уже как, но всё равно скажу, если ты приступил к изучению JS, то подразумевается что уже знаешь HTML + CSS и не должно вызывать вообще никаких трудностей.*

[@НаильШафиков-б4т]

темный фон был приятнее глазу

[@thecatwrites9731]

Здоровья тебе, Дмитрий! Не чихай!

[@nikitashevyakov3057]

Димон!!! Спасибо!!! Работаю на .Net с Js на Вы. Не мог решить баг в firefox с зависящим скролированием на div и таблице. Там при изменении параметра scrollTop, вызывается событие onscroll и оно что-то конфликтует именно на FF. Полазил по нету предложили поставить SetTimeout, посатвил .... не помогло... и боже... ты разьяснил, что если показать функцию со скобками в addEventListener она вызывается мгновенно... Ещё раз благодарю тебя!!! Знание в массы!

[@spacerider9426]

Спасибо огромное за твой труд!

[@joaquinbastos3489]

Класс, обожаю белорусов, абсолютно четкие ребята

[@argonianes]

Прикольно. После этого урока написал свою первую мини-программу. Изначально сделал картинку с пустым src, и размером на весь экран. Потом сделал кнопку при нажатии которой src картинки меняется и выскакивает скример

[@ЛюбительВейпов-д2ч]

Ты это мог сделать обычным html в пару строк. Как по мне, уже с этими знаниями можно поиграться

[@Roma-ii7tu]

как?

[@ЭльвираСадыкова-э7г]

@@Roma-ii7tu алгоритм такой. 1-ое надо получить кнопку. 2-ое повесить на кнопку событие клик, которое меняет src картинки. Как это все делается смотрите на других курсах, у других блогерах

[@ruslanyakovlev9133]

Да, согласен длинные названия классов и переменных немного путают, когда пытаешься пересматривать и прослеживать путь откуда что берется.

[@МарияВасиленко-я5к]

Освежаю знания) Спасибо за уроки)))

[@ИльяЛоскутов-я4у]

Самый понятный курс в ютубе !!!

[@evgeniycooleshoff9639]

и не только в Ютубе ))

[@ВиталийЖуравель-б9к]

Здесь видимо упущен урок... но, исходя из тех знаний которые мне дал Дмитрий к этому моменту мне удалось понять с его кода о чем там шла речь.

[@АлексГ-п3ж]

Спасибо! Очень интересно, доступно, полезно!!!

[@A1_TR_812]

Супер курс, главное домохозяйкой не стать =))

[@skolotoi4588]

Спасибо огромное!!!

[@petssmile5985]

Уроки очень нравятся конечно, но когда у тебя начинается урок, а там уже записан какой то код, становится очень неудобно и непонятно. Приходится сначала копипастить то что у тебя , а потом приступать к уроку.

[@dadtyler5702]

Узнал много нового, спасибо! Развиваемся. Ждём Vue samurai Js :)

[@llelya]

максимально доходчиво)) js с нуля ТОП))

[@hannapleshko8073]

все: *смотрят видео* я: -ОООО БЧБ

[@ALEKSEY_77737]

летим дальше↑

[@carielis]

Вопрос, есть иная возможность создать это действие путем: let buttonAction = document.getElementById(element); buttonAction.onclick = () => { addError() } Она тоже является корректной или её в сообществе не одобряют?

[@abdumalikkochkorov5344]

Заставка огонь )

[@DmitryDolganov]

Суперище! Спасибо!

[@Gazovchik]

Ребята, может кто-то подскажет: Почему НЕ срабатывает "keydown" и "keyup"?? Окрашивается только когда выходишь из Инпута и щёлкаешь по пустому месту или по кнопке...... Всем мира и добра

[@РустамИбрагимов-ш8ь]

Ты так смачно носом шмыгал, что я сам стал носом шмыгать

[@ITKAMASUTRA]

Надеюсь не Короновирус) JS вирус

[@katecosiness]

спасибо за урок)

[@CorpSpaceDevils]

ААА, ну где же конспекты, хоть бы одному из студентов выигравших халяву, задание дали их написать к каждому уроку )))

[@ДмитроВячеславович]

Не мог присвоить ошибочный класс в функции, все время была ошибка в консоле "Cannot set property 'className' of null". Полтора часа решал проблему... Как оказалось, я подключил тег script НАД разметкой HTML, если подключить script ПОД разметкой HTML, то всё будет адекватно работать. Почему так, не могу понять

[@O1L2E3G]

Последовательность выполнения возможно)

[@macarenananana8875]

вполне логично ведь выполнение html идет сверху, и вы получаете сначала срабатывание скрипта js, а потом наполнение самого html из которого вы и хотите выдрать "className"

[@ksuit_ru_girl6660]

ахаххахахахах я два дня мучалась думая что же я не так делаю почему ничего вообще не работает , а оказалось что я скрипт вообще не подключила ахах спасибо за ваш коммент иначе бы так и сидела

[@Красотка-т7м]

Хорошо объясняешь.

[@DmitryDolganov]

Спасибо!

[@Соль-о2в]

У меня была ошибка не работал листенер, потому что кнопку не видел - определял как null. Ошибка заключалась в том что нужно было скрипт вкладывать в конце тэга body: ...

[@Орест-ІгорСлобода]

Спасибо што вел такии уроки

[@Brinzovik]

tnx!

[@sergeydanilyuk7952]

спс

[@andreynau7662]

Здравствуйте, спасибо за уроки все очень доступно и понятно. Как функции работают понял, не понял что именно заставляет окрашиваться поля ввода в красный цвет... Гуглеж ничего не дал, тегов "error-input" не нашел... если можно кинте ссылкой на эту тему. В любом случае спасибо.

[@andreynau7662]

ответ нашел на другом канале, вопрос не актуален...

[@angrycatstudio2816]

@@andreynau7662 там класс css

[@disposables72]

@@angrycatstudio2816 я подозревал что дело в css, но в уроке файлик не показали ни разу.

[@TheZionjke]

@@disposables72 это класс с прошлых уроков) он добавляет красный border инпуту

[@ДимаПавленко-в9щ]

Скинь пожалуйста ссылку на видео из другого канала ,я тоже подзавис над этим вопросом , не могу разобраться

[@ivancelofan]

let click = document.querySelector('.main-menu'); click.addEventListener("click", addClassShow); function addClassShow() { let menu = event.target.closest(".main-menu-item") menu.classList.toggle('show') } Но как сделать чтоб при нажатии закрывалось открытое ХЗ, в гугле везде методы на 1000 строк

[@ВасильевАлександр-щ9р]

13 и 14й урок совсем из другой песни

[@alex_chern]

Дополнительные задания не соответствуют уровню данного урока . Димыч - зайди и прочитай коментарии , с вопросами.Очень много людей пишут вопросы - ни одного ответа ! Да , подписка стоит не дорого , но не ответить ни на один вопрос - стыдно должно быть , С Вашим авторитетом!

[@ITKAMASUTRA]

Вот-вот запустим бесплатную помощь всем тем, кто обучается даже бесплатно по нашим материалам! Вот-вот я и моя команда менторов будем выделять время и помогать вам🙏✊

[@alexup7437]

@@ITKAMASUTRA Там не нужна сильная помощь, были бы ответы, чтобы было с чем сравнивать.

[@alimshevtsov5251]

Не совсем понятно, совершенно новый код, вообще не ощущаеться как продолжение прошлого урока.

[@131ZIL]

Блин ну зачем пропустил что то((? Ну явно же есть какой то css файл с этими красными рамками! который отключает или включает эти функции и события

[@peacedeathi6611]

.error-input { border-color: red; }

[@baykal909]

Бедные мои глаза во время просмотра урока...... Куда белый фон((((

[@st.schultz5871]

сработало на время клика,а потом обратно убрал присваеваемый класс

[@jsb7239]

Отлично! (●'◡'●)

[@ВадимРужах]

Стыдно признаться, у меня не окрашивается в красный цвет .... Перепроверил весь код.. Логика ясна.Не понятно почему - в виде таблицы а не строки. И что окрашивает в красный.. ! Понятно что css прикрученный. Я вроде ничего с пр. уроков не менял. И селектор error.. вроде не менял.. Спс.

[@ВадимРужах]

Все понял, исправил.

[@Brinzovik]

жаль, что Вы не написали в чём была ошибка.. у себя нашёл опечатку в классе - ушло около 20 минут на поиски!

[@СемёнБогачёв-ю3б]

@@ВадимРужах у меня такая же проблема, не могу никак понять, что не так. Весь код перепроверил

[@SlavikPro1998]

ЛИСТЕНЕР

[@СергейК-б6н]

Че каво 😏

[@_Fantom_.]

Что-то как-то хреновенько объясняешь...Проще самому почитать..

[@ITKAMASUTRA]

Так читай сам)))

[@_Fantom_.]

Так уже прочитал и гораздо лучше все понял!

[@GrandAlexandr]

''онетонотвечает'' всё толково и вполне доходчиво, подобные комментаторы обычные провокаторы, не стоит воспринимать в серьез)

[@_Fantom_.]

Натаниэль Гарро, Сама ты провокатор, я высказал свою точку зрения и считаю ее вполне обоснованной, ибо автор трудно выражает свою мысль и наводит сумбур в коде, что для новичков выглядит очень запутанно..

[@summersouljam]

Шел 2019 год... А конспектов так и не дождались =(

[@ITKAMASUTRA]

Сорри...

[@ДмитрийПономарев-д1ю]

@@ITKAMASUTRA ты не правильно делаешь, нужно не извиняться, а благодарить. Например, спасибо тебе за терпение Кстати, конспекта так и нет

[@macarenananana8875]

@@ITKAMASUTRA не нужно извиняться, мы вас должны благодарить за проделанную работу

[@WildYT3000]

"ваще с нуля" все ясно.

[@YS-nh6bw]

спс