JavaScript Document object model (DOM) за час. Изменение HTML CSS. Атрибуты и свойства. Окружение.

JavaScript Document object model (DOM) за час. Это один из самых важных уроков по JS для верстки. Именно сейчас мы поймем как связан JavaScript с HTML и CSS. Научимся изменять HTML-код, а также CSS стили и классы. Поговорим об атрибутах и свойствах элементов, браузерном окружении JavaScript.
👉Скачать материалы урока: www.fls.guru/files/tutorials/...
Спецификации:
DOM: dom.spec.whatwg.org/
BOM: html.spec.whatwg.org/
CSSOM: www.w3.org/TR/cssom-1/
Классы DOM-узлов: learn.javascript.ru/basic-dom...
💪 Платный курс по верстке: edu.fls.guru
🔴 Карта канала: miro.com/app/board/o9J_lZB3YKI=/
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - / @itpassions
00:00:00 - В уроке
00:00:29 - Что такое окружение JavaScript?
00:01:11 - Что такое браузерное окружение?
00:01:57 - Что такое BOM?
00:03:54 - Что такое DOM?
00:05:46 - Работа с DOM
00:06:00 - Навигация по DOM элементам
00:17:26 - Поиск объекта querySelectorAll
00:24:41 - Поиск объекта querySelector
00:25:46 - Поиск объекта getElementById
00:26:51 - Поиск объекта getElementsBy*
00:28:46 - Что такое "живая" коллекция?
00:30:34 - Какой метод поиска использовать?
00:31:00 - Поиск предка closest()
00:32:49 - Проверка matches
00:34:26 - Изменение DOM
00:34:47 - Изменение DOM innerHTML/outerHTML/textContent/data
00:41:22 - Создание DOM элементов и узлов
00:42:36 - Методы вставки в DOM append/prepend/before/after
00:45:46 - Вставка в DOM insertAdjacentHTML/Text/Element
00:48:11 - Перенос элемента
00:49:14 - Клонирование элемента cloneNode
00:50:20 - Удаление элемента remove
00:50:39 - Управление CSS стилями и классами
00:51:03 - Управление классами. Свойство className
00:52:07 - Управление классами. Свойство classList
00:54:11 - Управление стилями. Свойство style
00:57:07 - Получение стилей getComputedStyle
00:59:20 - Лайфхаки при работе со стилями
01:01:09 - Атрибуты и свойства
01:08:18 - Анонс
01:08:34 - Домашка
01:09:25 - Заключение
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©

[@FreelancerLifeStyle]

РЕПОСТ! 🔴 Карта канала: bit.ly/36r29xV 🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle 🔴 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

[@MegaTesei]

Капитан, а где шпаргалка по уроку? Которая на 30:55. Посмотрел во всех файлах - нет её. Ссылка на шпору: disk.yandex.ru/i/pnW0LVxezhPRJw не благодарите)

[@user-ms5vu1zp9d]

Бро, аватарка вообще бесит. Как буд то ты троль левел 1000 Я понимаю что может ток меня бесить)так что сорян) но контент огонь спасибо тебе за инфу. Ты лучший) Но ава ваще фатал)

[@moscow8881]

да, материал от профи не стыдно порекомендовать

[@moscow8881]

@@user-ms5vu1zp9d ава это полный треш согласен )))))

[@ffedchik]

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

[@FreelancerLifeStyle]

Ахаха)

[@user-us4xy2rx2s]

согласен, абсолютли!))) Жека, ты крут👍

[@IgorRecorder]

О чём вы? Нормальные люди ищут "дом" (очевидно с суффиксом "два"), попадают сюда и в ужасе уходят. Ведь не дай Бог такой "DOM" и его деревце ночью приснятся. Некоторые, самые стойкие, успевают поставить дизлайк. Но их мало.

[@major_2143]

Умнічка, підлизав!

[@user-ms5vu1zp9d]

@@FreelancerLifeStyle и те кто курсы продаёт)

[@ivanosipau3001]

В общем пишу чтобы обьявить Жене благодарочку, в ноябре 2019 я, ничего не знающий и не понимающий в фронтенде, начал свой путь именно с этого канала, засматривал его до дыр. Сейчас я джуниор в хорошей компании, и я отдаю себе отчёт что Женин вклад в это очень значителен. Поэтому Женя, спасибо за твоё нужное дело, здоровья тебе и успехов!

[@valerijtoropenko6422]

Спасибо на хлеб не намажешь :))

[@FreelancerLifeStyle]

Супер! Я очень рад!

[@Denis-ws1vn]

Какое было вступительное задание? если не секрет

[@ivanosipau3001]

@@Denis-ws1vn Да небыло задания, были собесы, стажировка, опять собесы, изучение фреймворков, и наконец трудоустройство.

[@Denis-ws1vn]

@@ivanosipau3001 куда не глянь, все дают задания, типа сделать spa приложение

[@artyomnazarov8518]

Каждый раз, включая очередное видео, и слыша заветную фразу: "Привет, это фрилансер по жизни" понимаю, что дальше будет что-то мега-полезное и интересное😃 Жека, огромное спасибо тебе за твой труд и качественный материал!👍

[@FreelancerLifeStyle]

Я рад! Пожалуйста!

[@user-xk5fo5mi3i]

Как говорится нет непонятливых людей, есть только люди которые неправильно объясняют. Жека жму руку, тебе за все твои уроки Спасибо Тебе

[@FreelancerLifeStyle]

Пожалуйста!

[@konstantino7016]

Ещё не дошёл до этого урока, но зашёл чтобы поставить лайк и поддержать видео. В тоооооп!!!!

[@FreelancerLifeStyle]

Спасибо!

[@chitatel2476]

Аналогично) тоже еще не дошла до урока, но пришла с лайком)

[@ua5144]

)) Саме так))

[@DmitriMironov]

Я такого простого и быстрого разжовывания DOM еще не видел. Очень быстро и доходчиво! Спасибо!

[@FreelancerLifeStyle]

Я рад! Пожалуйста!

[@1MrAnonymous11]

Для тех кому сложно - делите видео по частям.Например 10-15 минут посмотрели,попрактиковали,потом еще 15 мин.Это лучше чем сто раз смотреть длинные видео в итоге нечего не запоминать).

[@mariavoloshyna6459]

Я вообще исключительно с конспектом смотрю ))

[@emirrrrr123]

тайм-коды в помощь в описании

[@andreyzatsepin_ua]

Я ще й конспектую. Бо так звик))

[@sergkyrios]

Скажи, для тех кто в панике, пожалуйста, это все нужно в памяти держать? !! Именнно, что , куда и для чего? Прямо не понимаю. если да, мне сто лет нужно....и бросать не хочется, и выучить, как по мне - НЕВОЗМОЖНО на память.

[@avarskiyaslahan8213]

@@sergkyrios Всё придёт потихоньку. Он это рассказывает слишком много и информативно, это огромный плюс. Ты не должен всё сразу запоминать, это придет с практикой. Когда что-то понадобиться ты начнешь использовать и так ты освоишь много, но по чуть-чуть каждый день/неделю/месяц

[@user-ym8mg1wi8t]

Жека, спасибо! 🔥👍 Домашка: №1: Я поняла задание так, что в итоге в консоли необходимо увидеть значение атрибута, т.е. "yes": const elemOne = document.querySelector('[data-say-hi]'); const attr = elemOne.getAttribute('data-say-hi'); console.log(attr); или: сonst elemOne = document.querySelector('[data-say-hi]'); console.log(elemOne.dataset.sayHi); №2: const textElement = document.getElementsByTagName('li')[1]; const textElementContent = textElement.textContent; console.log(textElementContent); или: const textElement = document.querySelectorAll('li'); for(const elem of textElement) { const textElementContent = elem.textContent; if(textElementContent === 'Йончи') { console.log(textElementContent); }; }; №3: const elem = document.querySelectorAll('.like'); console.log(elem); №4: Никуда не добавится, т.к. будет ошибка. Для решения проблемы необходимо использовать не метод ".querySelectorAll" , а метод ".querySelector" и тогда текст вставится в виде третьего пункта в конец тега .

[@user-yk5sp6wn8q]

Ты супер, спасибо что есть с кем свериться!!

[@thththththth_]

4 номер const element = document.querySelectorAll('ul')[0]; Можно просто дописать этот нолик в конце и всё тоже

[@user-ym8mg1wi8t]

@@thththththth_ Точно. Спасибо!

[@thththththth_]

@@user-ym8mg1wi8t тут настрлькр дружелюбное сообщество, что иногда аж странно как то

[@user-ym8mg1wi8t]

@@thththththth_ Какой Жека, такое и сообщество! 🤣👍

[@PerfectLee-pr6by]

Кто они эти 42 дизлайкнувших видео?? Это просто уму непостижимо! По одной из самых непростых, но интересных тем собрана выжимка всего основного, что необходимо для работы на начальном этапе! Лайк - это самое меньшее, чем можно отблагодарить автора. ✌

[@FreelancerLifeStyle]

Спасибо!

[@user-kb4le4me2d]

Это конкуренты, которые ведут платные курсы )

[@renisnow]

наверное те, у кого глаз дёргается, от английского произношения))) видео, конечно, супер и правда полезное, но английский....Если меня так будут спрашивать на собеседовании про прэвиас саблинг - я ничего не пойму, потому что в моей голове это привиус сиблин, ибо мой английский лучше, чем программистский)))

[@user-zc3gz4be3v]

-Теть Галя, а Жека DOM-а ? - Заходите ребята, он как-раз новое видео записал

[@FreelancerLifeStyle]

Ахах)

[@denismaltcev3356]

Титанический труд спасибо 🙏

[@FreelancerLifeStyle]

Пожалуйста!

[@-shorts1875]

35:56 - чисто моя реакция, когда смог изменить строчку с помощью js и уже представляешь себя великим фронтендером 😂😂😂 Огромное спасибо Жене, с ним за час я понял то, чему меня в колледже мурыжили месяцами!! ❤️👊🤗

[@irinal337]

а моя на 54:40, когда меняла цвет объекту. Магия 😃

[@chudotech]

ДА!!! Я повелитель кода! )))))))))

[@d1l2r77]

С тобой всегда всё легко и понятно , спасибо тебе за твой труд

[@user-rc1sy2us4m]

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

[@ye5275]

Спасибо вам за все, что вы делаете! Ваш канал просто золото!

[@Mari-Mariia]

Жєня, дякую за уроки та ДЗ!!! №1: const dataElement = document.querySelector("[data-say-hi]"); console.log(dataElement); №2: const list = document.getElementsByTagName('li'); for (const item of list) { if (item.innerHTML == 'Yonchi') { let itemYonchi = item; } } №3: const listLike = document.getElementsByClassName('like'); №4: Нікуди нічого не добавиться! Потрібно: 1) замінити: querySelectorAll на querySelector; 2) створити новий елемент та додати в нього текст. Тоді Teкст буде остаеннім li в списку ul const lastList = document.querySelector('ul'); const newElement = document.createElement('li'); const newElementText = document.createTextNode('Text'); newElement.appendChild(newElementText); lastList.insertAdjacentElement ( 'beforeend', newElement );

[@ginseng_ua]

Супер ! Спасибо огромное за Ваши старания! Видео урок 🔥🔥🔥

[@FreelancerLifeStyle]

Пожалуйста!

[@user-vb8vt6mx7p]

Как сильно я ждал DOM! Огромное спасибо!

[@gin101]

Создание новых элементов - Поздравляю у вас divочка)))))

[@FreelancerLifeStyle]

Ахахах)

[@andriystefanushun8455]

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

[@FreelancerLifeStyle]

Дякую! На рідній є інтерв'ю kzbin.info/door/JNVBfLijFSa_tBcrNZKZag

[@andriystefanushun8455]

@@FreelancerLifeStyle Знаю, і звісно передивився усі)

[@ViacheslavM3192]

Очень полезный урок! Море нужной информации! Очень впечатляет твоя подготовка к уроку, и вот эти моменты с "я подготовил шпаргалку" :)

[@olegsemenukha4107]

Долгожданный урок!!! ❤️🙏

[@FreelancerLifeStyle]

Это да)

[@kates9455]

Спасибо Вам, Евгений! Супер уроки. Один из любимых каналов. Очень рада что теперь тут и JS

[@FreelancerLifeStyle]

Спасибо!

[@n1ght312]

Ура, наконец-то одна из самых важных тем! Спасибо большое

[@FreelancerLifeStyle]

Пожалуйста!

[@ThevideOoLoadeR]

Не устану повторять - ТОООООП. Спасибо за хорошо структурированную инфу и такую же подачу.

[@user-rd7tn7wb2e]

Жека, ты красавчик. Благодаря тебе HTML и CSS выучил, и с JS тоже сильно помогаешь!

[@dmitryn.4506]

Суперская подача информации! 🔥 Спасибо! 👍

[@KynepRe]

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

[@Sha-Kate]

Пересматриваю видео, спасибо за такой качественный материал!

[@user-yv5ge3xo8m]

простое "спасибо" даже стыдно говорить. не найти слов благодарности для такого человека, как вы! вы просто так дарите людям такую невероятную возможность овладеть новой профессией, прикладывая к этому столько стараний. низкий вам поклон за такой труд! 💙💛

[@AlldreamOrg]

Очень объемный урок, большое количество серьезного материала. На изучение потребовалось, как минимум, раза в четыре больше времени чем длится ролик. Спасибо.

[@user-zn7xg7ky6v]

Женя, спасибо тебе огромное! Не останавливайся, ты помогаешь многим

[@renkodima]

Спасибо за твой труд! Не одни курсы такие знания и подачу материала не предоставят!)

[@FreelancerLifeStyle]

Пожалуйста!

[@olegvoloshin2729]

Спасибо!! Теперь я понял зачем нужен React. Но то как ты подаешь базу - очень круто! Спасибище

[@user-xs5cb1dc6s]

Восхитительное объяснение! С нетерпением буду ждать продолжения! Спасибо большое!

[@FreelancerLifeStyle]

Пожалуйста!

[@user-le1hw3rt6t]

Просто лучший контент для новичков, особенно по вёрстке!) Спасибо, Жека!!!

[@o_antushevich]

Прекрасный урок! Женя, спасибо!

[@伊耿士]

Я конечно чуть не умер пока все слушал, но это того стоило . Спасибо за связку - сработало как и у тебя

[@cheesecheesson9842]

Это гениально, лучшее видео на ютубе по DOM

[@TheBigChannel_]

Благодарю вам за ваш труд!

[@no_way_back813]

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

[@axin1788]

Жека, как всегда топ урок! Лучше, чем и некоторые платные, ты просто спаситель. С нетерпением ждём следующий урок ✌️🎉👍

[@FreelancerLifeStyle]

Спасибо!

[@Daniil-11]

афигенный видеокурс! Ты помог мне начать программировать сайты, теперь повторяю забытое по твоим уроках. Спасибо за старания!

[@Avyazovoi]

Женя, прошёл уже почти года, учил с тобой все с нуля.. прошёл все по верстке, все записал в конспект и все сделал на практике! Был патроном, и даже уже устроился на работу :) хоть и работаю бэкенде, но тебя продолжаю смотреть и тема dom как ни когда к стати! Твоя подача и шикарный голос будто бальзам на душу 🤣🤣🤣 респект тебе

[@goodgamershow6505]

За сколько месяцев учений вы смогли устроиться на работу?)

[@Avyazovoi]

@@goodgamershow6505 фронту уделил 2 месяца и беку(php) 4 месяца и разослал резюме в 3 компании 2 из которых позвали на совбез и обе же дали офер! Главное верить в свои силы и показать заинтересованность в работе. 24.03 будет ровно год с первого моего рабочего дня. Удачи в учёбе

[@Node2020]

@@Avyazovoi какой у Вас возраст?

[@Avyazovoi]

@@Node2020 будет 32 через месяц

[@NikitaBream]

Спасибо огромное! Самый лучший препод!

[@svetlanapokrovskaya7798]

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

[@FreelancerLifeStyle]

Спасибо большое!

[@harpeter9752]

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

[@deevue_sews]

Жека спасибо тебе огромное! Я как раз по твоему уроку решил задачу с которой не мог справиться несколько дней. Мне не позволяла как выяснилось, статичная коллекция! Я и знать не знал что такое есть, а тут посмотрел твой урок и увидел прям свою ситуацию с необходимостью получить живую коллекцию. И все получилось!!!!! Ты просто невероятный чувак), хотя признаться я не от всех твоих уроков в восторге, но одно точно, что ты всё делаешь не зря и ты делаешь очень нужное и полезное дело! Спасибо тебе огромное!

[@pitbrest]

Жэкины уроки как бальзам, спасибо за твой труд!

[@user-sx6gk1cw9w]

Здравствуйте! Мой вариант выполнения домашнего задания. Задача №1. Получить в переменную элемент с атрибутом data-say-hi и прочитать значение этого атрибута. Привет! Решение. Способ 1. const data = document.querySelector('[data-say-hi]'); const result = data.getAttribute('data-say-hi'); console.log(result); Способ 2. const dataElem = document.querySelector('[data-order]'); console.log(dataElem.dataset.order); Задача №2. Получить в переменную элемент с текстом Йончи Корчи Йончи Решение. Важно. Нужно получить именно елемент, а не просто его содержимое (content). Получение в константу list 14-ого элемента списка (сквозной поиск). const list = document.querySelectorAll('li')[14]; Используя свойство outerHTML получаю html-разметку элемента + содержимое. const yonchi = list.outerHTML; console.log(yonchi); Задача №3. Получить в переменную коллекцию элементов с классом Like Решение. const like = document.querySelectorAll('.like'); console.log(like); Задача №4. Куда добавится элемент Текст? JS const list = document.querySelectorAll('ul'); list.insertAdjacentHTML( 'beforeend', 'Текст' ); HTML Пункт №1 Пункт №2 Решение. Если выполнять код по условию задачи то объект Текст никуда не добавиться. Консоль вернёт ошибку. Причина в совместной работе метода поиска querySelectorAll и методе вставки insertAdjacentHTML. Метод поиска ищет все доступные объекты в соответствии с указанным селектором. Затем метод вставки пытается вставить новый объект во все найденные методом поиска объекты. Но insertAdjacentHTML метод вставки, он применяется единожды одному выбранному объекту. Это не функция с циклом, которая вновь и вновь будет вставлять новый объект в во все ранее найденные. Как решить эту проблему? Есть два пути: 1. Добавить к методу поиска номер (индекс [ ]) конкретного объекта к которому нужно применить метод вставки. 2. Изменить метод поиска на .querySelector. Данный метод будет прекращать поиск сразу же после того, как найдёт первый соответствующий селектору объект. Остальные объекты с таким же селектором этот метод уже искать не будет. Поэтому, если нужно добавить новый объект к определённому узлу, то удобнее воспользоваться 1-ым способом. Либо использовать id. const list = document.querySelectorAll('ul')[5]; list.insertAdjacentHTML( 'beforeend', 'Текст' );

[@IrinaStasuk]

У меня решение Задания №2: let li = document.getElementsByTagName('li'); let liValue = li[1].innerHTML; console.log(liValue);

[@user-wb7vi7rc2d]

Лично для меня Жека смог расставить всё "по полочках" в теме DOM. С самого начала обучения JS я недопонимал DOM и работу с ним. Раз даже пытался заучить на память))) Теперь пришло полное понимание. Спасибо!

[@AlexStolbovakariturnel]

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

[@FreelancerLifeStyle]

Спасибо большое!

[@user-hw9cs6te5y]

Видео отличное. Приятно изложенный материал. Учить с вами что-то - одно удовольствие! Спасибо большое за ваш труд

[@user-qq7tr8uk2p]

Женя, пожалуйста, сделай видео по JS с некоторыми "трудными темами", чтобы наша картина была полной, спасибо за такое крутое объяснение!!!!

[@nikolaiabat6937]

Море полезной информации. Супер, спасибо.

[@red53dhj5ry32rtty83e]

Спасибо за Ваши труды

[@alexivanov8239]

Это монументальный труд) Въехал в DOM полностью)

[@StepN4]

Супер! дякую за живий стиль подачі!

[@user-qn7zf9js3y]

Мой день УЖЕ прошел не зря. Супер!

[@FreelancerLifeStyle]

Я рад!

[@user-mo8de5hl9g]

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

[@FreelancerLifeStyle]

Спасибо!

[@tarasshevchuk8477]

Дякую, Женя, за корисний контент! Респект!!!!!!!!!!

[@ha4dv]

Уже есть опыт работы с DOM, но узнал столько нового. Спасибо большое!)

[@FreelancerLifeStyle]

Пожалуйста!

[@maxtwerskoj9330]

Огромное спасибо за урок!!! Я ещё не дошёл до этого урока, но зашёл поставить лайк, уже думал что по JS ничего не будет, а тут такое)

[@FreelancerLifeStyle]

Спасибо!

[@user-ed5db6cn6c]

один из лучших на ютубе в плане объяснения JS

[@see5320]

Жека, спасибо тебе за труд! Я с огромным удовольствием смотрел твой курс по верстке, теперь буду смотреть по JS. Детальный разбор и наглядные примеры. Благодаря тебе все становится понятней. У тебя талант!

[@FreelancerLifeStyle]

Спасибо! Я рад!

[@user-tg9mc8bf1s]

Спасибо, огромное! Я просто представляю, какой это гигантский труд, так грамотно составить объяснения, что бы дошло даже до меня! Потому что, сколько я не пыталась понять, что такое DOM, ни кто толком объяснить не мог. У Вас получилось. Я теперь более уверенно буду учиться дальше и у Вас в том числе.

[@FreelancerLifeStyle]

Я рад что полезно!

[@user-jc5yr6wz5i]

Долго этого ждал, и дождался. Ух, ну Женя информации насыпал так насыпал😁. Видео супер. Все разложено по полочкам, кратко, ясно и без воды. Спасибо огромное за видео и за контент в целом. Тут 10 лайков ставить надо😁.

[@tylerdurden9008]

Получаю кайф во время просмотра данных роликов. Получаю большой заряд позитива, много ценной информации и применяю это на практике. Трудно представить какой труд проделал автор, чтобы предоставлять такой годный контент в лучшем формате. Большое спасибо!

[@mathlover7471]

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

[@user-of3ms3ff8j]

Жека, я хочу ещё раз выразить тебе свою благодарность за твою работу и твои уроки) Благодаря тебе я стал гораздо лучше разбираться в JS)

[@fanfish9238]

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

[@niceman5890]

Урок просто класс!

[@user-wu4cr2rz1g]

Вы Великолепны! Просто Super!

[@user-tq2lm6sn1t]

Евгений, ты гений! Спасибо за уроки!

[@user-np9mq5xc7j]

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

[@FreelancerLifeStyle]

Пожалуйста!

[@wamser_1782]

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

[@sersem145]

Огромное спасибо, долго искал такой грамотный и лаконичный урок)

[@FreelancerLifeStyle]

Пожалуйста!

[@user-ls3kv9nz2p]

Дуже дякую за гарну подачу матеріала.

[@FreelancerLifeStyle]

Будь ласка!

[@tom_bombadiI]

Наконец-то! Дождались!

[@FreelancerLifeStyle]

Ура!

[@igorlitvintsev2427]

Как же ты классно объясняешь) спасибо)

[@-UAcontent-]

Даже получилось написать код не подглядывая;))) Благодаря твоим урокам! Спасибо за твой труд!!!!!

[@deniskotov]

Как же я жду следующий урок!) Самый лучший и полновесный урок по DOM в этой части Галактики!

[@FreelancerLifeStyle]

Спасибо, работаю над этим

[@drive_to_achieve]

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

[@me-dc2ex]

Долгожданный выпуск! 😃

[@FreelancerLifeStyle]

Ага)

[@user-sd6hp9xb7i]

Спасибо! Как весь контент на канале - бесценно!))

[@FreelancerLifeStyle]

Я рад что полезно!

[@kotlancer]

Контент оказался очень полезным! Большинством уже пользовался, но теперь пришло и понимание!)))

[@FreelancerLifeStyle]

Я рад!

[@zakazaka2957]

Лучше всяких курсов! Спасибо

[@FreelancerLifeStyle]

Пожалуйста!

[@k0FFe]

Велике спасибі за ваші старання,чудовий і дуже корисний урок дякую!!!

[@FreelancerLifeStyle]

Будь ласка!

[@gromslaive4641]

Брат, дай бог тебе здоровья и счастья!

[@FreelancerLifeStyle]

Спасибо!

[@ICE777_]

Самый качественный гайд/туторил/проводник как не называй это самый лучший видос про DOM и как с ним можно работать. Авторская подача и монтаж это the best в ру нете. Спасибо Жека что ты есть :)!

[@FreelancerLifeStyle]

Я рад! Пожалуйста!

[@952a259]

Спасибо большое за уроки! Дякую за праццю, та якнайшвидшой перемоги!

[@user-hf7em8wn7b]

Целый день потратил что бы просмотреть и вникнуть в этот час.СПАСИБО

[@zmeygorynych5684]

Сейчас чисто объективный комментарий - лучше этих видосов по вёрстке просто не существует! Жека ты лучший, спасибо тебе)

[@FreelancerLifeStyle]

Я очень рад! Пожалуйста!

[@serjdenisov2114]

Спасибо. Классный урок!!!!

[@altax2547]

Очень ёмко и по делу, обожаю твой канал!

[@FreelancerLifeStyle]

Спасибо!

[@magnosierra8291]

Женя, спасибо, что подарил нам DOM!

[@FreelancerLifeStyle]

Пожалуйста))

[@user-vh4ly2pf4o]

Як я на нього чекав! Дякую🙏

[@FreelancerLifeStyle]

Будь ласка

[@jozef5555]

Супер-пупер мега крутой туториал по DOM. Не знал, что classList можно перебирать, правда и не знаю зачем это)

[@gritsienkooleg3447]

Боже, зачем нужны универы, если в них не обучают такие великолепные преподы как Женя)! Реально, спасибо огромное за такой труд. Чтобы объяснить так доходчиво и без воды в кратчайшие сроки - надо конкретно проработать материал и найти оптимальный подход. Спасибо, Сенсей!))

[@user-ro3qo7wd8h]

А Вы определились с тем, как Вы будет это применять на практике?