JAVASCRIPT И ФОРМЫ. Свойства, события, методы. Практические примеры. Уроки JAVASCRIPT

Продолжаем изучать JavaScript и сегодня поговорим о свойствах, методах и событиях HTML форм. Изучим такие события как focus, blur, submit, change, input и другие. Разберем практические примеры работы с формами form и их элементами input select radio checkbox file и другими. Уроки JAVASCRIPT с нуля.
👉 Файлы урока - fls.guru/files/tutorials/js/j...
👉 Отправка формы на почту. Верстка валидация и отправка формы без перезагрузки. AJAX. PHPMailer: • Отправка формы на почт...
👉 Плейлист "Как это сделать?" - • Як це зробити? Туторіа...
🤟 БЕСПЛАТНЫЙ курс по верстке сайтов (HTML, CSS, JavaScript): • БЕСПЛАТНЫЙ курс по вер...
🔴 Карта канала: miro.com/app/board/o9J_lZB3YKI=/
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Курс по верстке: edu.fls.guru
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
00:00 - Введение
00:08 - Получение коллекции форм
03:00 - Получение коллекции элементов формы
05:33 - Работа с элементами форм
16:14 - События и методы форм и элементов
28:36 - Практические примеры
31:16 - Домашка
31:51 - Заключение
👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - / @itpassions
👉 @СЛУШАЙ! Канал с интересными историями из жизни
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©

[@FreelancerLifeStyle]

🤟 РЕПОСТ! ЛАЙК! КОММЕНТ! 🔴 Карта канала: miro.com/app/board/o9J_lZB3YKI=/ 🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle 🔴 Курс по верстке: edu.fls.guru 🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat) 🔴 Facebook: facebook.com/freelancerlifestyle 🔴 Instagram: instagram.com/freelancer.lifestyle

[@longtrunk]

Жень добавь меня в группу чата, я случайно ссылку на видео кинул туда. Меня забанили.

[@allamarch]

Женя!☀ Величезна повага! 👍 Чудово усвідомлюю, що ти, своєю позицією, втрачаєш суттєву частину прибутку, але робиш це! 💛💙 Пишаюсь, що ти - УКРАЇНЕЦЬ! 💥 Що такі розумні і талановиті - серед нас! 🌹

[@igorfeticov]

Жека пообещал, что теперь уроки будут выходить чаще - Жека стал выпускать уроки чаще. Отсюда вывод: Жека МУЖИК)) Как всегда спасибо тебе за качественный контент)

[@Bars_Sl]

Посмотри в словаре что значит МУЖИК. К сенсею чтобы так обращаться...

[@igorfeticov]

@@Bars_Sl Я думаю можно найти много определений слова "МУЖИК". Я работаю на металлургическом комбинате и у нас это слово чуть ли не наивысшая похвала за проделанную работу. В любом случае я надеюсь, что из моего комментария понятно что именно я имел ввиду)

[@Bars_Sl]

@@igorfeticov Если вы считаете это таким хвалебным словом, почему бы тогда вам не использовать женский аналог "баба" к женщинам в вашем окружении. "Настоящая баба", "молодая баба", "баба, можно я пройду?", "баба, сколько стоит пакет?", "спасибо баба, выручила" и тд. Полагаю"мужики" вокруг сразу поставят вас на место, у параши.

[@igorfeticov]

@@Bars_Sl Во-первых, лично я не считаю что слово "баба" аналог слова "мужик" и я в жизни ни разу не назвал ни одну девушку/женщину этим словом. Во-вторых, я оставил этот комментарий 2 недели назад и за это время его оценил 51 человек включая самого Евгения, которому, очевидно, этот комментарий понравился и он не увидел в нем ничего оскорбительного. Из чего возникают несколько вопросов: почему вам этот комментарий показался оскорбительным, откуда такая агрессия и при чем здесь "параша"?

[@Bars_Sl]

@@igorfeticov Похоже вы не в курсе как произошла подмена понятий с этим словом. Всем известная фраза "настоящий мужик", поищите как её ввели в обиход и с какой целью. Просто жаль, что совеременные мужчины пренебрежение к себе считают нормой.

[@artemkatr9483]

С самого утра JS🤘

[@degenerallissimus]

уже в конце плейлиста 50к просмотров. Какая же легкая конкуренция на самом деле если задуматься)

[@user-hp2xs9qu6g]

Я человек простой, вижу ролик Жеки - ставлю лайк

[@Danny_BN25]

Как же колокольчик и подписка?😀

[@DiceLoranto]

@@Danny_BN25 он уже давно это сделал

[@Mari-Mariia]

Жєка, ти крутий! Дякую тобі за даний курс. "Я требую продолжения банкета!" =)))

[@alonahilbert9959]

Велике дякую за круте та інформативне відео, яке цікаво і приємно дивитись👍

[@konstantino7016]

Лайк для продвижения видео и поддержки канала!

[@littlekitten2599]

Поставил лайк а смотреть буду вечером после работы

[@deniskotov]

Очень много пользы. Жека - ты лучший препод.

[@irinasname]

ваші відео це просто якийсь клад для учнів. дякую

[@user-te8ov3os2g]

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

[@dmitriystoyanov933]

Жека, ты монстр нативного JS:) Я вот уже полгода работаю (пишу на реакте), но твои видосы по нативному джс реально держут в тонусе!

[@user-wy1qd5oi3v]

Прям с утра с понедельника 👍😊

[@artbotguy]

Аааа мужик ты крут. Дропаешь видосы просто молниеносно

[@matveymakhanov1067]

Сегодня мой день рождения! И вот подарок - Ура!

[@user-wy1qd5oi3v]

Поздравляю!!!

[@FreelancerLifeStyle]

Поздравляю!

[@vodkin23]

Смотреть буду позже, но лайк обязан поставить уже сейчас. Жека, спасибо за уроки)

[@lazylemur7761]

Утро начинается не с кофем а с хорошим уроком по js

[@Danny_BN25]

Совмести приятное с полезным)

[@TheRedSun_YouTube]

Вот с такой бы частотой всегда ролики выходили! Жека, давай уже про магический Интерсекшн Обзорвер, или как бишь его там.

[@aksenovkirill5191]

Как во время! Кайф! Спасибо!!!!

[@VeloGitaryst]

Дуже дякую за урок, як завжди все зрозуміло, а головне цікаво!

[@ye5275]

Это определенно лучший канал на всем Ютубе! Спасибо огромное!

[@user-or8my3mj3l]

Вау, если бы все видео уроки выходили с такой частотой, я б совсем избаловался

[@BMikel]

Годный контент. Даже не посмотрел, сразу ставлю лайк. Если б можно было, ставил бы 45 лайков.

[@shukonfadah5725]

все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём желаю мира и спокойствия вашей стране и семье

[@user-cb3mg5bf9r]

Выше всех похвал! Благодарю!

[@xu2593]

кйф, Евгений, просто кайф! смотреть ваши видео - удовольствие. разрыв шаблона!

[@konstantino7016]

Ух ты! Отлично неделя началась - новое видео от FLS!!!! 👍👍👍

[@user-fm6oh5oj9v]

Жека брат ты лучший🔥

[@Alejandro-yv5nb]

Большое спасибо за такой качественный вклад в бесплатное обучение!🤝

[@TypucTFree]

Наконец-то про эти события. Жесть)) так же сильно как события я жду только асинхронные процессы)) Лайк ставлю однозначно. Посмотрю ролик после работы) Женек, херни не сделает)

[@sws12]

Очень интересные уроки! Особенно интересно узнавать за то как работать с динамическими формами и другим динамическим контентом!!!

[@MegaTesei]

Всегда рады новым видео. Посмотрю позже, добавил в закладки. Зашёл, чтобы поддержать канал и эту тему.

[@sunrisegirl1262]

Как всегда супер-пупер информация! Структура, примеры, спасибо!!!

[@user-ys3in6qx6f]

Спасибо! 👍✨ Плейлист окончен, и радостно и грустно✨ ждём новых видео🙏

[@caaaat007]

Очень полезное видео и как раз в нужное время. Спасибо!

[@saschashow8908]

Спасибо! Как всегда на высшем уровне 👍👍👍

[@justice-ua]

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

[@user-wr8oc2qu6c]

Огромная благодарность за уроки!!!

[@vanddos5173]

Спасибо большое) Я не прочь и повторить знания по формам

[@andreasshev5651]

Спасибо за шикарные уроки. Всех благ.

[@shoxolimov5439]

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

[@yangobishmakert4578]

Спасибо тебе большое,твои уроки бесценны!

[@NataliiaSkydanenko]

Дякую за уроки! Дуже інформативно і не затягнуто)

[@urafrank7809]

Thanks a lot of for your lessons! I have a lot of experience thanks to you

[@user-gg4dv2rx2g]

Жека, спасибо огромнейшее!!!!!!! Очень полезное видео!!! Как обычно урок законспектирую, для наилучшего изучения, и буду ждать следующих видео по JS. Ещё раз спасибо тебе за твою очень полезную и качественную работу!!!!

[@andreyzatsepin_ua]

Я также конспектирую)) Привык так изучать с института, записал, повторил, попрактиковался. Конечно - это долго. Молодёжь наверно сразу всё набирает на компе, практикуясь. Но мне важно записать основное, тогда лучше запоминаю - визуально. И вернуться легче повторить. Всегда под рукой. А как Вы изучаете уроки Жеки? Интересно.

[@legendnomber1751]

Урок ТОПОВЫЙ! Лайкос от Харламова!

[@o_antushevich]

Отличные примеры и понятное объяснение!

[@user45924]

Всех благ!!! Лучший! И оставайся им!

[@ChibiPipa]

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

[@user-yw6zg4zl2l]

Спасибо за уроки. Хорошая подача информации.

[@user-vt9wm8pk5n]

Ура новое видео по JS прям с утра спасибо 👍👍👍

[@Fnderas]

Вы очень круто объясняете материал🫡

[@user-tg9mc8bf1s]

Спасибо за урок. Завтра еще раз пересмотрю. Что бы уж точно усвоить.

[@user-rt8tp5oq6b]

Спасибо дружище за видео про работу с формой, очень помогло!!!

[@_wozgard]

Как же долго я это искал! Спасибо, Женя) (17:05)

[@ivanchai]

Спасибо Жека!!! ты лучший!!!!!!!!!!

[@user-np9mq5xc7j]

Класс!!! Спасибо за скорость и урок!

[@work9167]

Спасибо вам за ваши уроки! Домашка - огонь

[@djdrey4539]

Спасибо большое за курс! Узнал много нового и интересного.

[@user-fg4zc1lf9d]

Спасибо большое! Очень полезное видео.

[@taran_dm]

спасибо, за труд! Как всегда на высоте!

[@babamurad-ch]

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

[@sergeygorec906]

Привет Жека, видео СУПЕР спасибо, я ещё не видел такого видео чтобы вёрстка и JavaScript так тесно пересекались.👍

[@user-wy1qd5oi3v]

Круто!

[@magbear3205]

Лайк. Коментарии. Качественный контент. Спасибо✊

[@HoneyQumo]

Опа! + знания, отлично! 👍 спасибо Женя 🤩🤩🤩

[@user-ts3dn9cq9e]

Спасибо за отличное объяснение!

[@user-np2ie8hm7o]

полезный контент

[@vladyslavmalamuzh7816]

Как всегда на уровне, спасибо )

[@takashinakamura1083]

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

[@jesuswalks1101]

Спасибо за работу!

[@artemtorkit6286]

Велике дякую за чудовий курс!

[@Danny_BN25]

Просто лучший! Как всегда на высшем уровне

[@gud8359]

Спасибо за видосы! От души!👍

[@user-natal04ka]

Спасибо, столько информации за пол часа - это нереально))

[@FreelancerLifeStyle]

Пожалуйста!

[@IDB--Group]

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

[@Mikky2k2]

Привет, видео крайне помогло разобраться. Спасибо)

[@iamsabrina2375]

Жека вы супер пуперский препод, я стараюсь всегда искать все темы именно у Вас!!☺❤

[@platonyunkov161]

как всегда огромное спасибо за твои труды.... тема ещё сложнее предидущей... ну шо ж ... ПАХНАЛИ

[@natali1711]

Такое классное объяснение урока, а просмотров так мало... Спасибо за уроки ))))

[@rinatbogdanov305]

Жека, спасибо!!!

[@nekom112]

Офигенный материал!

[@makona79li2]

Спасибо!! Ты лучший!

[@konstantinkhramtsov3838]

З_амечательный видос про беспорядочные половые связи!!! Однозначный лайкос!!! Ухххх, мои гуси будут довольны!!!!

[@maksymshypytsia5217]

Молодец Женя как всегда здорово!!!!!!

[@pitbrest]

Как всегда лучшие видосы!

[@alianmanpi35]

Прывiтанне, Жека) вялікі дзякуй за ўрокі

[@chudotech]

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

[@banan3208]

Женек! Спасибо за классные уроки! Но хотелось бы видеть макеты в подходящем формате для Figm`ы. Фотошоп не то, а авокод сейчас на неделю бесплатный. Было бы очень удобно и круто)))

[@webdev6347]

Спасибо!

[@whoisleshalight8514]

Жека, дякую!!! обняв)) завдяки тобі я стану крутим розробником)

[@walkingdolphin9513]

понятно и то что нужно 😋

[@yaroslavbox1249]

толково Жека толково !!!

[@user-wf4np1ne2c]

Круто Жек)

[@eragons89]

Дякую за відео Женя. Вітаю з днем народження.

[@jamoliddinqodirov9866]

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

[@evgeniyzabolotskih4530]

Евгений, с наступающим Вас! Желаю Вам, Вашим близким, друзьям, всем кого вы знаете - крепкого здоровья, удачных дней и всего хорошего. Желаю побыстрее избавиться от наших наZистOV. Желаю размеренных, продуктивных будней, спокойной и плодотворной жизни 🙏🙏🙏 Надеюсь, переживаю и молюсь за Ваш народ. Уверен у Вас многое получается и получится ещё больше! Вітаю з наступаючим новим роком, нехай він буде кращим, ніж минулі! ❤

[@user-tk7qv9rv2c]

Все четко, ясно почти, все. Не поняла только как получили url файла, который загружали (URL.Object.create(...). Где-то это было в уроках? Пропустила или не запомнила наверное. Спасибо -спасибо-спасибо! Жду новых выпусков!!!