14 | Работа с DOM на JavaScript | Кайдзен разработка
В этом уроке разбираем работу с DOM: поиск элементов, работа с коллекциями nodeList, вывод шаблонных строк, управление атрибутами и обработка событий. В финале создадим практический проект с расчетами и обработчиками. 📌 Задания и все уроки из цикла "Кайдзен разработка" - https://stepik.org/208758 🎁 Скачать PDF гайд про Кайдзен - https://t.me/itdoctor_official/1389 На примере создания сайтов я продемонстрирую вам работу метода Кайдзен. Даже если вам не интересны программирование и создание сайтов постарайтесь изучить этот материал, дайте ему шанс и вы поверите в свои силы. Далее вы сможете применять этот подход в любой сфере, достигать целей и необходимых вам результатов: https://studio.rutube.ru/playlist/833398 00:00 Важная информация! 00:10 Начало работы с DOM деревом на JavaScript 04:50 Поиск элемента по CSS селектору 09:52 Работа с несколькими элементами в nodeList и циклом for of 15:40 Решение задачи с помощью цикла While 22:22 Выводим шаблонную строку в HTML элемент 27:11 Работа с атрибутами 32:37 Начинаем работу над финальным проектом 36:58 Пишем формулу для расчета результата 41:15 Обработчики событий и функция 46:48 Итоги 💡 Телеграм - https://t.me/itdoctor_official/4 🎥 Курсы на Stepik - https://stepik.org/users/ITDoctor/teach ⚡️ Эксклюзив на Boosty - https://boosty.to/itdoctor YouTube - https://youtube.com/@ITDoctor Дзен - https://dzen.ru/itdoctor ВК - https://vk.com/itdoctorstudio Rutube - https://rutube.ru/channel/23500045/ #itdoctor #kaizen #kaizendevelopment
В этом уроке разбираем работу с DOM: поиск элементов, работа с коллекциями nodeList, вывод шаблонных строк, управление атрибутами и обработка событий. В финале создадим практический проект с расчетами и обработчиками. 📌 Задания и все уроки из цикла "Кайдзен разработка" - https://stepik.org/208758 🎁 Скачать PDF гайд про Кайдзен - https://t.me/itdoctor_official/1389 На примере создания сайтов я продемонстрирую вам работу метода Кайдзен. Даже если вам не интересны программирование и создание сайтов постарайтесь изучить этот материал, дайте ему шанс и вы поверите в свои силы. Далее вы сможете применять этот подход в любой сфере, достигать целей и необходимых вам результатов: https://studio.rutube.ru/playlist/833398 00:00 Важная информация! 00:10 Начало работы с DOM деревом на JavaScript 04:50 Поиск элемента по CSS селектору 09:52 Работа с несколькими элементами в nodeList и циклом for of 15:40 Решение задачи с помощью цикла While 22:22 Выводим шаблонную строку в HTML элемент 27:11 Работа с атрибутами 32:37 Начинаем работу над финальным проектом 36:58 Пишем формулу для расчета результата 41:15 Обработчики событий и функция 46:48 Итоги 💡 Телеграм - https://t.me/itdoctor_official/4 🎥 Курсы на Stepik - https://stepik.org/users/ITDoctor/teach ⚡️ Эксклюзив на Boosty - https://boosty.to/itdoctor YouTube - https://youtube.com/@ITDoctor Дзен - https://dzen.ru/itdoctor ВК - https://vk.com/itdoctorstudio Rutube - https://rutube.ru/channel/23500045/ #itdoctor #kaizen #kaizendevelopment