Я очень редко оставляю комментарии, но тут не смог себя сдержать. Искал информацию по практическому использованию DOM-элементов в js и везде натыкался на сухую теорию, где ничего непонятно. А тут за час буквально разобрался, сразу поэкспериментировал и сразу все начало получаться. Спасибо огромное, мужик, кто бы ты не был.
В третий раз берусь за JS, с версткой все впорядке, никаких глобальных проблем нет - побольше практики, как говорится, но как только сажусь за JS сразу начинается паника, вообще какой-то непроглядный темный лес! Спасибо, ваш подход упрощает мне жизнь, как минимум)
@@stackdev для мало мотивированных людей добавлю - мне 37 лет, 16 из которых работал в сфере торговли и частного бизнеса. Учусь уже 3 месяца полных на front-end. Продвигаюсь тяжело, но прогресс идет. Лично это видео уже пересматриваю четвертый раз. Многое запоминается не сразу, часто вскрывается какая-то информация лишь спустя несколько дней при решении другой задачи. Не унывайте, все кто начал учить и считает что это тяжело - ДА, ЭТО РЕАЛЬНО ТЯЖЕЛО! Но ты либо делаешь что-то, либо ноешь и смотришь на то, как у других получается ))
@@volodymyrdubinkin4823 Еще добавлю. 1) Если бы все было просто, то: - было бы намного больше людей, которые этим занимаются...(соответсвенно зарплаты ниже, конкуренция выше и т д). 2) Повторение - мать учения. Если что-то непонятно сразу - "долбите" и понимание придет!
@@stackdev ещё хочется добавить, что программисты - это не обособленные, одаренные Господом люди! Это такие же люди как и все остальные, толко приложившие многим больше усилий, что бы выучить и продолжать изучать и далее все это дело. Вопрос времени - сколько вы готовы уделять этому делу своего личного времени, сможет ли вас понять и поддержать семья(если у вас она уже есть), готовы ли вы жертвовать своим свободным временем в угоду учебы, как вы будете мотивироваться, когда руки уже опускаются и хочется послать все к черту и подумать о более простом варианте заработка. Ну и мое личное мнение - это должно нравиться лично вам! Через силу, мне кажется, это работать не будет
редко благодарю авторов, но за такие примеры (за то, что ты позаморочился) спасибо тебе огномное! пойду переделывать то же самое, но уже самостоятельно
Супер практическая обучалка!!! То что надо! Спасибо огромное! Пожалуйста продолжайте снимать такой контент! Я и мои друзья готовимся к собеседованиям по вашим видео.
Василий спасибо большое! ))) В третий раз берусь за JS - с Вами аж полегчало! )))) А то на DOM прямо паника какая-то была... Всё доступно и воспринимается хорошо. Хорошее дело делаете! респект Вам! И удачи!
Здравствуйте. Мне очень понравился Ваш канал и подача материала. Спасибо Вам большое за знания которыми Вы делитесь. Пожалуйста продолжайте выпускать подобные видео по Js.
Огромное спасибо за такое обучение, честно скажу, сколько курсов пересмотрел... но вы все объяснили классно, очень быстро запоминается материал, научился новому у вас, спасибо так держать)))
Спасибо большое за видео. Понравилось то, что рассмотрели только те аспекты DOM-дерева, которые используются чаще всего, а не стали делать видео на полтора часа, объясняя все фичи - даже те, которые в жизни не пригодятся)
Невероятно крутой урок. Зная основы JS, имея слабенький опыт и некрепкие знания сборки динамических HTML страниц, этот урок прям то, что нужно. Шпаргалка по основам! И всего за каких то 30 минут, бомба ;)
Отличный выпуск про DOM-дерево и DOM-элементы и манипуляцию этими элементами посредством JS-методов с практическим применением этих знаний (привет алгоритмам ютуба). Очень крутой формат, лично мне больше всего зашел этот выпуск, теория - это здорово и нужно, но конкретно такой практический разбор основных способов манипулировать элементами мне показался наиболее полезным, надеюсь, будет продолжение такого формата, причем как в ваниле, чтобы знать что происходит под капотом реакта, так и в реакте и его окружении. И заранее спасибо за gatsby, предвкушаю годноту, недавно познакомился с этим фреймворком, без хорошей базы ванильного JS и реакта было тяжело разбираться даже с шаблоном, но с горем пополам удалось осилить, благо на английском было пару неплохих гайдов, а тут первый гайд такого мощного инструмента на русском языке, огромное спасибо.
Благодарю за прекрасный урок. Василий а подскажите пожалуйста, страница которая сформирована по такому принципу не будет индексироваться поисковиком? ведь html файл у нас практически пустой.
не люблю комментировать. но тут не удержался. я нулевой. много читал тесты прошел. а понял все только после вашего видео. что это, зачем это, как думать тут. спасибо огромное.
Спасибо большое! Вопрос можно ли сделать так: div.insertAdjacentHTML('afterBegin', elemHTML); вместо того чтобы ul помещать в отдельную переменную? Это из пункта "// Поместить этот DIV до элемента " Спасибо
Добрый день. Отличный материал, доступно для понимания. Единственное хотел вас попросить поподробнее объяснить момент "const deleteCard = (event) => { const currentButton = event.currentTarget; currentButton.closest('.autoCard').remove();
};" Не могу понять каким образом происходит удаление всей карточки, ведь event.currentTarget (если я правильно понял) указывает на кнопку "button". Как получается, что удаляется весь div, в котором находится button? Спасибо.
Василий добрый день. Спасибо за урок. Всё очень понятно и доходчиво. Если можно прояснить один момент. Если создаю элемент из кода на прямую let a = document.createElement('div'); то событие эвент на него вешается без проблем. Но если объект создаю по событию другого элемента т.е. через клик creat.onclick = function(){ let d = document.createElement('div'); } то повесить на него событие не получается. В связи с этим у меня вопрос. Я что то делаю не так или это в принципе не возможно? Спасибо.
у вас какие то стили прописаны для карточек ?? и зачем было писать внутри "return generateAutoCard(car.brand, car.color, car.year)" если можно написать "return generateAutoCard()" и собственно будет тоже самое, для чего такой синтаксис??
Дикция и темп речи идеальные. Спасибо.
Спасибо!
Шедевр! Можно я у вас дома буду мусор выносить, что бы Вы дальше продолжали?? ))))))))))
:) Спасибо. Ванильный JS - обязательно будет. Планирую серию небольших проектов - как раз чтобы руку набить при начале изучения.
@@stackdev спасибо ☺️
Вообще странно, что ваш канал столь малочислен. Лично мне очень нравится ваш подход к обучению. Спасибо и не останавливайтесь )))
Спасибо! Будем работать
Наберёт своё ещё.
Согласень на 100%
Спасибо! Без воды и размышлений, коротко - что, зачем и почему. Нравится такой подход, по видео всё было понятно.
Спасибо!
Вот это я, понимаю человек заморочился. Объясняет как никто до этого. Спасибо.
Спасибо!
Я очень редко оставляю комментарии, но тут не смог себя сдержать. Искал информацию по практическому использованию DOM-элементов в js и везде натыкался на сухую теорию, где ничего непонятно. А тут за час буквально разобрался, сразу поэкспериментировал и сразу все начало получаться. Спасибо огромное, мужик, кто бы ты не был.
Спасибо вам за поддержку!
Самое лучшее наглядное объяснение по работе с DOM, спасибо!)
Спасибо!
смотрел у других уроки по DOM, было не совсем понятно, у вас более хороший подход, спасибо вам за урок!
Спасибо!
Василий, считаю Ваши объяснения и манера подачи материала одними из лучших в инете!!!
Оч приятно! Спасибо за поддержку
глубоко! сначала не уделял внимания ДОМ элементам, но теперь я точно уверен, что это основы основ.
Блин, даже HTML не нужен как таковой в принципе.
Замечательная подача информации,
куча проработанных методов на примерах,
очень доходчиво и понятно!
Вам огромная благодарность за ваш труд.
Спасибо за поддержку!
В третий раз берусь за JS, с версткой все впорядке, никаких глобальных проблем нет - побольше практики, как говорится, но как только сажусь за JS сразу начинается паника, вообще какой-то непроглядный темный лес! Спасибо, ваш подход упрощает мне жизнь, как минимум)
@catsapp animation все ок, нативный не вызывает проблем, учу реакт
наконец практика JS!)спасибо. Теории на просторах РФ ютуба много больше чем практики. Спасибо!
Спасибо!
Я в восторге, спасибо! Новичкам после теории перейти к практике ой как тяжко. Не знаешь что и где и как применять. Ваше видео бесценно!
спасибо!
Чувак, никогда не думал, что буду это учить, но ты попал в самую суть: мне нужен JS для Интернета вещей)
Подробнейшее видео, что мне доводилось смотреть на эту тематику. Все быстро, без лишней воды, без непонятной информации! Спасибо!
Спасибо!
@@stackdev для мало мотивированных людей добавлю - мне 37 лет, 16 из которых работал в сфере торговли и частного бизнеса. Учусь уже 3 месяца полных на front-end. Продвигаюсь тяжело, но прогресс идет. Лично это видео уже пересматриваю четвертый раз. Многое запоминается не сразу, часто вскрывается какая-то информация лишь спустя несколько дней при решении другой задачи. Не унывайте, все кто начал учить и считает что это тяжело - ДА, ЭТО РЕАЛЬНО ТЯЖЕЛО! Но ты либо делаешь что-то, либо ноешь и смотришь на то, как у других получается ))
@@volodymyrdubinkin4823 Еще добавлю.
1) Если бы все было просто, то:
- было бы намного больше людей, которые этим занимаются...(соответсвенно зарплаты ниже, конкуренция выше и т д).
2) Повторение - мать учения. Если что-то непонятно сразу - "долбите" и понимание придет!
@@stackdev ещё хочется добавить, что программисты - это не обособленные, одаренные Господом люди! Это такие же люди как и все остальные, толко приложившие многим больше усилий, что бы выучить и продолжать изучать и далее все это дело. Вопрос времени - сколько вы готовы уделять этому делу своего личного времени, сможет ли вас понять и поддержать семья(если у вас она уже есть), готовы ли вы жертвовать своим свободным временем в угоду учебы, как вы будете мотивироваться, когда руки уже опускаются и хочется послать все к черту и подумать о более простом варианте заработка. Ну и мое личное мнение - это должно нравиться лично вам! Через силу, мне кажется, это работать не будет
@catsapp animation Обучение продолжаю, не бросаю, хотя и трудно.
редко благодарю авторов, но за такие примеры (за то, что ты позаморочился) спасибо тебе огномное!
пойду переделывать то же самое, но уже самостоятельно
Спасибо!
Спасибо, Ваш вариант лекции DOM оказался самым классным. Подписался на Ваш канал. Удачи!
Спасибо за поддержку!
Да здорово. Столько всего было сделано в одном видео Спасибо Вам
Спасибо большое, шикарное объяснение и без воды! Только наткнулась на ваш канал, теперь хочу посмотреть все ваши видео
Спасибо!
подтверждаю))
БОЛЬШОЕ спасибо за этот урок! Следующие жду с нетерпением!
Спасибо!
это ахуенное видео! вот правда! пересмотрел кучу фронтов такого простого и супер понятного никто не делал! респект!
Спасибо!
Вообще очень нравится такое спокойное и последовательное повествование к тому же и дикция у автора замечательная и сноски с объяснениями все по делу)
Спасибо!
Супер практическая обучалка!!! То что надо! Спасибо огромное! Пожалуйста продолжайте снимать такой контент! Я и мои друзья готовимся к собеседованиям по вашим видео.
Спасибо!
Василий спасибо большое! ))) В третий раз берусь за JS - с Вами аж полегчало! )))) А то на DOM прямо паника какая-то была... Всё доступно и воспринимается хорошо. Хорошее дело делаете! респект Вам! И удачи!
Спасибо!
Спасибо! оригинальный подход и очень удобный для освоения! Мастер!
отлично 👍👍👍 мне очень понравилось!
Спасибо!
@@stackdev если можно сделайте еще такие упражнения с DOM, спасибо заранее)
Здравствуйте. Мне очень понравился Ваш канал и подача материала. Спасибо Вам большое за знания которыми Вы делитесь. Пожалуйста продолжайте выпускать подобные видео по Js.
Спасибо!
Прикольный метод упражнений )
Спасибо!:)
Наконец-то я многое поняла, что раньше было для меня сложным
Отличный канал и отличное объяснение. Спасибо большое. Помогаете учиться.
Спасибо!
Спасибо большое за ваш труд. Урок позволил вспомнить то, что было забыто при использовании фреймворков.
Крутой канал, крутой учитель. Спасибо, я к вам!
Спасибо за поддержку!
Спасибо. отличный урок. 🎉
Спасибо, очень классная подача материала, продолжайте и не останавливайтесь. У Вас всё впереди!
Спасибо! Такие комментарии очень мотивируют:)
Огромное спасибо за такое обучение, честно скажу, сколько курсов пересмотрел... но вы все объяснили классно, очень быстро запоминается материал, научился новому у вас, спасибо так держать)))
Спасибо!
Спасибо за отличный урок!👍 Буду смотреть остальные...
Спасибо за поддержку!
Спасибо большое за видео. Понравилось то, что рассмотрели только те аспекты DOM-дерева, которые используются чаще всего, а не стали делать видео на полтора часа, объясняя все фичи - даже те, которые в жизни не пригодятся)
Спасибо!
Это было доступно понятно и оч круто! Огромное спасибо! иду по следующим видео
Спасибо за поддержку!)
как раз начал изучать ДОМ, очень полезное видное, особенно радует,что есть развернутое объяснение *что мы делаем в данный момент*) спасибо)
Спасибо!
Класс все подробно изложили.. ) спасибо огромное.)
Спасибо!
Понравился и еще как. Вы молодец!!!!
Спасибо!
Очень крутое видео и интересный подход к обучению!!!
Спасибо!
Спасибо Вам )))Живите долго и счастливо . Практика супер 👍👨💻
Просто огромное спасибо!! Вам успехов в продвижении канала!
Спасибо за поддержку!
Большое спасибо за урок! Вы очень помогли мне.
Очень доходчиво! Благодарю Вас!
Спасибо!
Невероятно крутой урок.
Зная основы JS, имея слабенький опыт и некрепкие знания сборки динамических HTML страниц, этот урок прям то, что нужно. Шпаргалка по основам! И всего за каких то 30 минут, бомба ;)
Спасибо!
Эта подача Ваша - просто нечто! Спасибо за такой труд :3
Спасибо!
Спасибо за урок! Пожалуйста продолжайте! у вас очень хорошо получается!
Спасибо!
Спасибо, очень полезный урок!
Спасибо!
Огромное спасибо за ваш труд, лайк и подписка)
Спасибо!
Очень понятно и четко , спасибо вам большое!
Желаю вашему каналу процветания и успехов, спасибо огромное за ваши уроки вы Лучший!
Спасибо!
Как же это полезно и интересно! А то уже скучно одни теории слушать.. Лайк и подписка)
Спасибо!
Спасибо за видео))
Спасибо! Очень интересный урок 👍
Спасибо!
Спасибо! Контент шикарный, все понятно
Спасибо за коммент!
Прекрасный урок! Спасибо
Спасибо!
Спасибо вам Василий. начал изучать js с 0 по вашим видео :) Пока всё понятно.
Спасибо за поддержку!
Очень здорово, спсибо!
Спасибо!
Очень круто! Про adjacent и parentElem дажe не знал. Спасибо за топовый контент 👍
Спасибо!
Благодарю, очень помогли!
Спасибо огромное-преогромное!!!😘
Спасибо!
Замечательное видео! Спасибо за Ваш труд.👍
Спасибо за поддержку!
Спасибо тебе добрый человек
Отличный выпуск про DOM-дерево и DOM-элементы и манипуляцию этими элементами посредством JS-методов с практическим применением этих знаний (привет алгоритмам ютуба). Очень крутой формат, лично мне больше всего зашел этот выпуск, теория - это здорово и нужно, но конкретно такой практический разбор основных способов манипулировать элементами мне показался наиболее полезным, надеюсь, будет продолжение такого формата, причем как в ваниле, чтобы знать что происходит под капотом реакта, так и в реакте и его окружении. И заранее спасибо за gatsby, предвкушаю годноту, недавно познакомился с этим фреймворком, без хорошей базы ванильного JS и реакта было тяжело разбираться даже с шаблоном, но с горем пополам удалось осилить, благо на английском было пару неплохих гайдов, а тут первый гайд такого мощного инструмента на русском языке, огромное спасибо.
Спасибо за коммент! Это очень мотивирует:)
@@stackdevа Вы писали парсер html to object js?
Спасибо за видео!
Подписка - однозначно!
Спасибо!
класс
именно такой урок я и искал
Спасибо за супер полезный урок
Спасибо за поддержку!
@@stackdev скоро сам буду проходить собес на джуна, и ваши видео очень помогают структурировать информацию
@@ЗапасЗнаний Удачи! В каком городе?
@@stackdev спасибо. Живу в Сочи, а проходить с разными, кто работает удаленно из других городов
@@ЗапасЗнаний Ну круто!
Просто ТОП учитель!
Очень полезное видео
Спасибо!
очень понравился материал
Большое спасибо!
Очень понятно и круто! Спасибо огромное, прошел дважды для закрепления, второй раз уже сам всё заполнил (хоть и немножко более "грязным" кодом)
Спасибо!
Спасибо, Lesson - 🔥
Спасибо!:)
Тот момент когда не хочешь чтобы заканчивалось видео)
Спасибо!
Дякую, було корисно!
круто, спасибо!
Спасибо)))
Очень наглядно)))
будут еще подобные прокачивающие видео???? если да то очень здорово! очень заходят такие видео и интересно и полезно!
Думаю будет
Огромное спасибо
Спасибо за уроки ! Продолжайте в том же духе ! Надеюсь , найдете время сделать цикл видео по jQuery
Спасибо! JQuery давно не трогал:)
Спасибо!!
Спасибо за поддержку!
Отличный канал ,вот честно ))) Продолжайте ))Только как то слишком,быстро все ,хотелось бы подробней ))
Спасибо! здесь хотел в общих чертах пробежаться - подробнее в других видео
так если непонятен какой-то метод, то нужно просто остановить видео и идти в документацию почитать для чего он
@@Poiissonn Все верно - найти на MDN полное описание
@@stackdev а почему в описаниях, мне не всё понятно? Можете дать направления над чем работать?
@@bezbezov8867 Что конкретно не понятно (пример)?
Спасибо!🎉🎉🎉🎉
Приветствую, отличный урок! Хотел бы спросить, что за плагин вы используете, который позволяет работать emmet внутри обратных кавычек?
Благодарю за прекрасный урок. Василий а подскажите пожалуйста, страница которая сформирована по такому принципу не будет индексироваться поисковиком? ведь html файл у нас практически пустой.
Спасибо большое! как же все это запомнить где и что применять....🤔🥸🧐
Запоминать наверное не нужно.... просто в нужный момент загуглить)
@@stackdev что гуглить тоже нужно понимать, а для этого четко знать следующий шаг. :)
не люблю комментировать. но тут не удержался. я нулевой. много читал тесты прошел. а понял все только после вашего видео. что это, зачем это, как думать тут. спасибо огромное.
Василий здравствуйте, почему на 48 строке за место того чтобы писать div.querySelector("ul") нельзя написать название переменной а именно elemHTML?
Возможно ошибаюсь ноооо DOM -document obj model, возможно специальная оговорочка))) для роста комментов
Вы все правильно говорите - я оговорился)
Прикольно, на второй раз повторяю, ибо с тренажерами по DOM совсем туго. Немного не понятно, зачем используются устаревшие элементы вставки.
Спасибо большое! Вопрос можно ли сделать так: div.insertAdjacentHTML('afterBegin', elemHTML);
вместо того чтобы ul помещать в отдельную переменную? Это из пункта "// Поместить этот DIV до элемента
" Спасибо
Василий, скажите пожалуйста, какую темы вы используете в VS Code?
Dracula
Добрый день. Отличный материал, доступно для понимания. Единственное хотел вас попросить поподробнее объяснить момент
"const deleteCard = (event) => {
const currentButton = event.currentTarget;
currentButton.closest('.autoCard').remove();
};"
Не могу понять каким образом происходит удаление всей карточки, ведь event.currentTarget (если я правильно понял) указывает на кнопку "button". Как получается, что удаляется весь div, в котором находится button?
Спасибо.
Добрый день! Выведите в лог - значение currentButton.closest('.autoCard') ...
Василий добрый день. Спасибо за урок. Всё очень понятно и доходчиво. Если можно прояснить один момент. Если создаю элемент из кода на прямую
let a = document.createElement('div');
то событие эвент на него вешается без проблем. Но если объект создаю по событию другого элемента т.е. через клик
creat.onclick = function(){
let d = document.createElement('div');
}
то повесить на него событие не получается. В связи с этим у меня вопрос. Я что то делаю не так или это в принципе не возможно?
Спасибо.
Спасибо. Классные примеры. Очень позновательно, но нафига так быстро?! Задолбался на паузу ставить, что бы успеть...
у вас какие то стили прописаны для карточек ??
и зачем было писать внутри "return generateAutoCard(car.brand, car.color, car.year)" если можно написать
"return generateAutoCard()" и собственно будет тоже самое, для чего такой синтаксис??