Уроки Javascript #5. Как Работать с DOM в JS? (+ 26 упражнений для полной прокачки).

Мой Telegram: t.me/stackdevru
В этом видео мы выполним 26 задач с DOM (объектная модель документа) элементами. Мы также познакомимся с объектом Document нашего браузера. В практической части видео разберем ключевые методы работы с DOM деревом нашего мини-проекта (смотри ссылку на проект в репозитории).
В этом видео мы будем:
1) Создавать и удалять элементы на нашей странице (изображение, списки, заголовки и др.)
2) Динамически создавать HTML разметку
3) Добавлять классы к элементам
4) Использовать обработчики событий на созданных элементах
и другие......
Репозиторий проекта (структура + упражнения): t.me/stackdevru/6
Как работают обработчики событий: • Уроки Javascript #1. О...
Все про объект Event: • Уроки Javascript #2. О...
Мои Курсы:
Gatsby JS (полный курс): gatsbyjs.ru
React для начинающих: react001.ru
​Все мои курсы (+ исходные файлы): stackdev.ru
Подписывайся на соц сети:
Telegram: t.me/stackdevru
VK: vasilymur
Instagram: / vm_online
Мой блог о веб-разработке: stackdev.blog

Пікірлер: 278

  • @bezbezov8867
    @bezbezov88673 жыл бұрын

    Шедевр! Можно я у вас дома буду мусор выносить, что бы Вы дальше продолжали?? ))))))))))

  • @stackdev

    @stackdev

    3 жыл бұрын

    :) Спасибо. Ванильный JS - обязательно будет. Планирую серию небольших проектов - как раз чтобы руку набить при начале изучения.

  • @bezbezov8867

    @bezbezov8867

    3 жыл бұрын

    @@stackdev спасибо ☺️

  • @DerAleksey
    @DerAleksey Жыл бұрын

    глубоко! сначала не уделял внимания ДОМ элементам, но теперь я точно уверен, что это основы основ. Блин, даже HTML не нужен как таковой в принципе.

  • @RinatYouldashbaev
    @RinatYouldashbaev Жыл бұрын

    Дикция и темп речи идеальные. Спасибо.

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо!

  • @Zibinskiy
    @Zibinskiy3 жыл бұрын

    Вообще странно, что ваш канал столь малочислен. Лично мне очень нравится ваш подход к обучению. Спасибо и не останавливайтесь )))

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо! Будем работать

  • @alexescape7559

    @alexescape7559

    2 жыл бұрын

    Наберёт своё ещё.

  • @catsapp

    @catsapp

    2 жыл бұрын

    Здесь только элита тусуется )

  • @GGSoft2009

    @GGSoft2009

    Жыл бұрын

    Согласень на 100%

  • @Faradenza-sb3mj
    @Faradenza-sb3mj Жыл бұрын

    смотрел у других уроки по DOM, было не совсем понятно, у вас более хороший подход, спасибо вам за урок!

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо!

  • @maks6321
    @maks63212 жыл бұрын

    Самое лучшее наглядное объяснение по работе с DOM, спасибо!)

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @user-rs2np4dt9j
    @user-rs2np4dt9j3 жыл бұрын

    Вот это я, понимаю человек заморочился. Объясняет как никто до этого. Спасибо.

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо!

  • @user-jz5yz7ii1p
    @user-jz5yz7ii1p2 жыл бұрын

    Василий, считаю Ваши объяснения и манера подачи материала одними из лучших в инете!!!

  • @stackdev

    @stackdev

    2 жыл бұрын

    Оч приятно! Спасибо за поддержку

  • @catsapp

    @catsapp

    2 жыл бұрын

    Да очень хорош, один из лучших. Но я еще знаю канал Dev Pandaren -- тоже очень хорошие уроки! И объяснение. И тоже мало просмотров.

  • @andreykrav3274
    @andreykrav32742 жыл бұрын

    Замечательная подача информации, куча проработанных методов на примерах, очень доходчиво и понятно! Вам огромная благодарность за ваш труд.

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо за поддержку!

  • @catsapp

    @catsapp

    2 жыл бұрын

    Да да. Классная методология. Именно такие нужны наработки и много. Чтобы все повторялось с небольшими изменениями. Так можно закрепить.

  • @Voilens
    @Voilens Жыл бұрын

    Я в восторге, спасибо! Новичкам после теории перейти к практике ой как тяжко. Не знаешь что и где и как применять. Ваше видео бесценно!

  • @stackdev

    @stackdev

    Жыл бұрын

    спасибо!

  • @muzaffaryunusov7032
    @muzaffaryunusov70323 жыл бұрын

    редко благодарю авторов, но за такие примеры (за то, что ты позаморочился) спасибо тебе огномное! пойду переделывать то же самое, но уже самостоятельно

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо!

  • @user-rx7nw3jo6m
    @user-rx7nw3jo6m2 жыл бұрын

    это ахуенное видео! вот правда! пересмотрел кучу фронтов такого простого и супер понятного никто не делал! респект!

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @mr.zxzxzxz3816
    @mr.zxzxzxz38162 жыл бұрын

    отлично 👍👍👍 мне очень понравилось!

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @mr.zxzxzxz3816

    @mr.zxzxzxz3816

    2 жыл бұрын

    @@stackdev если можно сделайте еще такие упражнения с DOM, спасибо заранее)

  • @FrontNinja
    @FrontNinja2 жыл бұрын

    Я очень редко оставляю комментарии, но тут не смог себя сдержать. Искал информацию по практическому использованию DOM-элементов в js и везде натыкался на сухую теорию, где ничего непонятно. А тут за час буквально разобрался, сразу поэкспериментировал и сразу все начало получаться. Спасибо огромное, мужик, кто бы ты не был.

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо вам за поддержку!

  • @catsapp

    @catsapp

    2 жыл бұрын

    На самом деле все просто в программировании. Только документацию пишут чудаки

  • @petarthecodehunter3333
    @petarthecodehunter33332 жыл бұрын

    Спасибо большое за видео. Понравилось то, что рассмотрели только те аспекты DOM-дерева, которые используются чаще всего, а не стали делать видео на полтора часа, объясняя все фичи - даже те, которые в жизни не пригодятся)

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @gordonfreeman_wf
    @gordonfreeman_wf3 жыл бұрын

    Спасибо, Ваш вариант лекции DOM оказался самым классным. Подписался на Ваш канал. Удачи!

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо за поддержку!

  • @nikomunikabelen8540
    @nikomunikabelen85402 жыл бұрын

    наконец практика JS!)спасибо. Теории на просторах РФ ютуба много больше чем практики. Спасибо!

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @liza_sashina
    @liza_sashina3 жыл бұрын

    Спасибо за видео!

  • @pupizoid100
    @pupizoid100 Жыл бұрын

    Да здорово. Столько всего было сделано в одном видео Спасибо Вам

  • @user-th7kr8up3h
    @user-th7kr8up3h9 ай бұрын

    Спасибо Вам )))Живите долго и счастливо . Практика супер 👍👨‍💻

  • @alexandregorov3239
    @alexandregorov3239 Жыл бұрын

    Очень понятно и четко , спасибо вам большое!

  • @user-jm7dy8ks7w
    @user-jm7dy8ks7w2 жыл бұрын

    Спасибо за видео))

  • @volodymyrdubinkin4823
    @volodymyrdubinkin48233 жыл бұрын

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

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо!

  • @volodymyrdubinkin4823

    @volodymyrdubinkin4823

    3 жыл бұрын

    @@stackdev для мало мотивированных людей добавлю - мне 37 лет, 16 из которых работал в сфере торговли и частного бизнеса. Учусь уже 3 месяца полных на front-end. Продвигаюсь тяжело, но прогресс идет. Лично это видео уже пересматриваю четвертый раз. Многое запоминается не сразу, часто вскрывается какая-то информация лишь спустя несколько дней при решении другой задачи. Не унывайте, все кто начал учить и считает что это тяжело - ДА, ЭТО РЕАЛЬНО ТЯЖЕЛО! Но ты либо делаешь что-то, либо ноешь и смотришь на то, как у других получается ))

  • @stackdev

    @stackdev

    3 жыл бұрын

    ​@@volodymyrdubinkin4823 Еще добавлю. 1) Если бы все было просто, то: - было бы намного больше людей, которые этим занимаются...(соответсвенно зарплаты ниже, конкуренция выше и т д). 2) Повторение - мать учения. Если что-то непонятно сразу - "долбите" и понимание придет!

  • @volodymyrdubinkin4823

    @volodymyrdubinkin4823

    3 жыл бұрын

    @@stackdev ещё хочется добавить, что программисты - это не обособленные, одаренные Господом люди! Это такие же люди как и все остальные, толко приложившие многим больше усилий, что бы выучить и продолжать изучать и далее все это дело. Вопрос времени - сколько вы готовы уделять этому делу своего личного времени, сможет ли вас понять и поддержать семья(если у вас она уже есть), готовы ли вы жертвовать своим свободным временем в угоду учебы, как вы будете мотивироваться, когда руки уже опускаются и хочется послать все к черту и подумать о более простом варианте заработка. Ну и мое личное мнение - это должно нравиться лично вам! Через силу, мне кажется, это работать не будет

  • @catsapp

    @catsapp

    2 жыл бұрын

    @@volodymyrdubinkin4823 Как сейчас с обучением? Я постарше

  • @megachel70
    @megachel707 ай бұрын

    Спасибо. отличный урок. 🎉

  • @anton_skch
    @anton_skch6 ай бұрын

    Благодарю, очень помогли!

  • @varya-draws
    @varya-draws3 жыл бұрын

    Спасибо, очень классная подача материала, продолжайте и не останавливайтесь. У Вас всё впереди!

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо! Такие комментарии очень мотивируют:)

  • @kennymccormick9103
    @kennymccormick91035 ай бұрын

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

  • @user-od6fb7rl3k
    @user-od6fb7rl3k2 жыл бұрын

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

  • @user-dj7im3wh7v
    @user-dj7im3wh7v2 жыл бұрын

    Спасибо большое, шикарное объяснение и без воды! Только наткнулась на ваш канал, теперь хочу посмотреть все ваши видео

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @Spasenie.

    @Spasenie.

    2 жыл бұрын

    подтверждаю))

  • @user-th6wg4ms9o
    @user-th6wg4ms9o5 ай бұрын

    Большое спасибо за урок! Вы очень помогли мне.

  • @user-lm9ee1gn5p
    @user-lm9ee1gn5p Жыл бұрын

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

  • @-growtime-7395
    @-growtime-73953 ай бұрын

    Спасибо! оригинальный подход и очень удобный для освоения! Мастер!

  • @antonyeskimo7593
    @antonyeskimo7593 Жыл бұрын

    Спасибо тебе добрый человек

  • @alo5593
    @alo5593 Жыл бұрын

    Просто огромное спасибо!! Вам успехов в продвижении канала!

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо за поддержку!

  • @Xyjail
    @Xyjail Жыл бұрын

    Спасибо))) Очень наглядно)))

  • @maks6321
    @maks63212 жыл бұрын

    Вообще очень нравится такое спокойное и последовательное повествование к тому же и дикция у автора замечательная и сноски с объяснениями все по делу)

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @sofiad8849
    @sofiad8849 Жыл бұрын

    Наконец-то я многое поняла, что раньше было для меня сложным

  • @r3dkin
    @r3dkin2 жыл бұрын

    БОЛЬШОЕ спасибо за этот урок! Следующие жду с нетерпением!

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @alexforos5425
    @alexforos5425 Жыл бұрын

    Замечательное видео! Спасибо за Ваш труд.👍

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо за поддержку!

  • @fkinggaming934
    @fkinggaming9342 жыл бұрын

    Прикольный метод упражнений )

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!:)

  • @Happyendrew
    @Happyendrew Жыл бұрын

    Очень доходчиво! Благодарю Вас!

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо!

  • @konglomora227
    @konglomora2273 жыл бұрын

    Эта подача Ваша - просто нечто! Спасибо за такой труд :3

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо!

  • @kinomir20
    @kinomir20 Жыл бұрын

    Спасибо! Отличное видео

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо!

  • @elenanaumenko5426
    @elenanaumenko54269 ай бұрын

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

  • @Sashad2003
    @Sashad2003 Жыл бұрын

    Спасибо! Очень интересный урок 👍

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо!

  • @user-pl2bb9zu2o
    @user-pl2bb9zu2o3 жыл бұрын

    Спасибо за урок! Пожалуйста продолжайте! у вас очень хорошо получается!

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо!

  • @redhotoak
    @redhotoak2 жыл бұрын

    Прекрасный урок! Спасибо

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @lesson-web
    @lesson-webАй бұрын

    очень понравился материал

  • @user-ki8ij8xi9c
    @user-ki8ij8xi9c2 жыл бұрын

    Спасибо за отличный урок!👍 Буду смотреть остальные...

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо за поддержку!

  • @reverie3746
    @reverie3746 Жыл бұрын

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

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо!

  • @sparta6776
    @sparta67763 жыл бұрын

    Спасибо! Без воды и размышлений, коротко - что, зачем и почему. Нравится такой подход, по видео всё было понятно.

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо!

  • @user-qn3hb4nk6g
    @user-qn3hb4nk6g2 жыл бұрын

    Очень здорово, спсибо!

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @scvorec77
    @scvorec77 Жыл бұрын

    Класс все подробно изложили.. ) спасибо огромное.)

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо!

  • @aksenovkirill5191
    @aksenovkirill51913 жыл бұрын

    В третий раз берусь за JS, с версткой все впорядке, никаких глобальных проблем нет - побольше практики, как говорится, но как только сажусь за JS сразу начинается паника, вообще какой-то непроглядный темный лес! Спасибо, ваш подход упрощает мне жизнь, как минимум)

  • @catsapp

    @catsapp

    2 жыл бұрын

    Щас как?

  • @aksenovkirill5191

    @aksenovkirill5191

    2 жыл бұрын

    @@catsapp все ок, нативный не вызывает проблем, учу реакт

  • @catsapp

    @catsapp

    2 жыл бұрын

    @@aksenovkirill5191 cool

  • @user-zx2hn3gf9e
    @user-zx2hn3gf9e Жыл бұрын

    Василий спасибо большое! ))) В третий раз берусь за JS - с Вами аж полегчало! )))) А то на DOM прямо паника какая-то была... Всё доступно и воспринимается хорошо. Хорошее дело делаете! респект Вам! И удачи!

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо!

  • @____Olga__
    @____Olga__3 жыл бұрын

    Спасибо, Lesson - 🔥

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо!:)

  • @user-qe6pv1uk6c
    @user-qe6pv1uk6c Жыл бұрын

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

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо!

  • @egorros3706
    @egorros3706 Жыл бұрын

    Отличный канал и отличное объяснение. Спасибо большое. Помогаете учиться.

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо!

  • @dmitryshatalov6622
    @dmitryshatalov66223 жыл бұрын

    Очень крутое видео и интересный подход к обучению!!!

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо!

  • @hrhrk777
    @hrhrk777 Жыл бұрын

    класс именно такой урок я и искал

  • @dinmukhamedamirov2704
    @dinmukhamedamirov2704 Жыл бұрын

    Супер практическая обучалка!!! То что надо! Спасибо огромное! Пожалуйста продолжайте снимать такой контент! Я и мои друзья готовимся к собеседованиям по вашим видео.

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо!

  • @slava_tfdf
    @slava_tfdf Жыл бұрын

    Это было доступно понятно и оч круто! Огромное спасибо! иду по следующим видео

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо за поддержку!)

  • @nurlansalkinbayev3890
    @nurlansalkinbayev38902 жыл бұрын

    Здравствуйте. Мне очень понравился Ваш канал и подача материала. Спасибо Вам большое за знания которыми Вы делитесь. Пожалуйста продолжайте выпускать подобные видео по Js.

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @GGSoft2009
    @GGSoft2009 Жыл бұрын

    Понравился и еще как. Вы молодец!!!!

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо!

  • @user-nb1is5wc4k
    @user-nb1is5wc4k Жыл бұрын

    Спасибо, очень полезный урок!

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо!

  • @Imthephen
    @Imthephen3 жыл бұрын

    Очень понятно и круто! Спасибо огромное, прошел дважды для закрепления, второй раз уже сам всё заполнил (хоть и немножко более "грязным" кодом)

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо!

  • @Spasenie.
    @Spasenie.2 жыл бұрын

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

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @user-ct3ou5jp8k
    @user-ct3ou5jp8k Жыл бұрын

    Просто ТОП учитель!

  • @Dreamer_78
    @Dreamer_78 Жыл бұрын

    Желаю вашему каналу процветания и успехов, спасибо огромное за ваши уроки вы Лучший!

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо!

  • @user-ck5lj9lt7e
    @user-ck5lj9lt7e2 жыл бұрын

    Подписка - однозначно!

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @arhimed6720
    @arhimed67202 жыл бұрын

    Крутой канал, крутой учитель. Спасибо, я к вам!

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо за поддержку!

  • @user-zd2qx3kd1w
    @user-zd2qx3kd1w Жыл бұрын

    Дякую, було корисно!

  • @lilian_nersis
    @lilian_nersis2 жыл бұрын

    Спасибо!!

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо за поддержку!

  • @landlord1047
    @landlord10473 жыл бұрын

    как раз начал изучать ДОМ, очень полезное видное, особенно радует,что есть развернутое объяснение *что мы делаем в данный момент*) спасибо)

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо!

  • @XyuTe6eHaBopoTHuK
    @XyuTe6eHaBopoTHuK Жыл бұрын

    спасибо!

  • @awesome5708
    @awesome57082 жыл бұрын

    Очень полезное видео

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @vladimirpuzey713
    @vladimirpuzey7132 жыл бұрын

    Очень круто! Про adjacent и parentElem дажe не знал. Спасибо за топовый контент 👍

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @frontend245
    @frontend2452 жыл бұрын

    Как же это полезно и интересно! А то уже скучно одни теории слушать.. Лайк и подписка)

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @sergdonskikh2140
    @sergdonskikh21403 жыл бұрын

    Спасибо за уроки ! Продолжайте в том же духе ! Надеюсь , найдете время сделать цикл видео по jQuery

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо! JQuery давно не трогал:)

  • @AlexM-uz1hg
    @AlexM-uz1hg2 жыл бұрын

    Невероятно крутой урок. Зная основы JS, имея слабенький опыт и некрепкие знания сборки динамических HTML страниц, этот урок прям то, что нужно. Шпаргалка по основам! И всего за каких то 30 минут, бомба ;)

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо!

  • @alexsunducov2762
    @alexsunducov27622 жыл бұрын

    Спасибо вам Василий. начал изучать js с 0 по вашим видео :) Пока всё понятно.

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо за поддержку!

  • @victortemnov
    @victortemnov3 жыл бұрын

    Тот момент когда не хочешь чтобы заканчивалось видео)

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо!

  • @romanguryev1307
    @romanguryev13073 жыл бұрын

    Отличный выпуск про DOM-дерево и DOM-элементы и манипуляцию этими элементами посредством JS-методов с практическим применением этих знаний (привет алгоритмам ютуба). Очень крутой формат, лично мне больше всего зашел этот выпуск, теория - это здорово и нужно, но конкретно такой практический разбор основных способов манипулировать элементами мне показался наиболее полезным, надеюсь, будет продолжение такого формата, причем как в ваниле, чтобы знать что происходит под капотом реакта, так и в реакте и его окружении. И заранее спасибо за gatsby, предвкушаю годноту, недавно познакомился с этим фреймворком, без хорошей базы ванильного JS и реакта было тяжело разбираться даже с шаблоном, но с горем пополам удалось осилить, благо на английском было пару неплохих гайдов, а тут первый гайд такого мощного инструмента на русском языке, огромное спасибо.

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо за коммент! Это очень мотивирует:)

  • @diatm1506

    @diatm1506

    8 ай бұрын

    ​@@stackdevа Вы писали парсер html to object js?

  • @thecatwrites9731
    @thecatwrites97312 жыл бұрын

    будут еще подобные прокачивающие видео???? если да то очень здорово! очень заходят такие видео и интересно и полезно!

  • @stackdev

    @stackdev

    2 жыл бұрын

    Думаю будет

  • @nikolaiandrianov1856
    @nikolaiandrianov1856 Жыл бұрын

    Coooollllll!!!!

  • @stackdev

    @stackdev

    Жыл бұрын

    Спасибо!

  • @user-ff3lc1et3u
    @user-ff3lc1et3u2 жыл бұрын

    Спасибо за супер полезный урок

  • @stackdev

    @stackdev

    2 жыл бұрын

    Спасибо за поддержку!

  • @user-ff3lc1et3u

    @user-ff3lc1et3u

    2 жыл бұрын

    @@stackdev скоро сам буду проходить собес на джуна, и ваши видео очень помогают структурировать информацию

  • @stackdev

    @stackdev

    2 жыл бұрын

    @@user-ff3lc1et3u Удачи! В каком городе?

  • @user-ff3lc1et3u

    @user-ff3lc1et3u

    2 жыл бұрын

    @@stackdev спасибо. Живу в Сочи, а проходить с разными, кто работает удаленно из других городов

  • @stackdev

    @stackdev

    2 жыл бұрын

    @@user-ff3lc1et3u Ну круто!

  • @samueljohnson2812
    @samueljohnson28122 жыл бұрын

    Приветствую, отличный урок! Хотел бы спросить, что за плагин вы используете, который позволяет работать emmet внутри обратных кавычек?

  • @user-ns2tx6oc4q
    @user-ns2tx6oc4q3 жыл бұрын

    👏👏👏

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо!

  • @theoty-js-react
    @theoty-js-react2 жыл бұрын

    Благодарю за прекрасный урок. Василий а подскажите пожалуйста, страница которая сформирована по такому принципу не будет индексироваться поисковиком? ведь html файл у нас практически пустой.

  • @user-ml9lh7zn7d
    @user-ml9lh7zn7d3 жыл бұрын

    Контент супер! По качеству на уровне зарубежных курсов, а местами и лучше, в той же подаче. Совсем новичкам тяжеловато может быть будет, но для тех, кто в общем знаком с представленным материалом, для закрепления и практики - идеально. Делал наперед и сверялся с Вашим решением, позвольте вставить свои 5 копеек, исключительно из добрых(дискуссионных?) побуждений, не критикуя: 1) *carsList.map((car) => generateAutoCard(car.brand, car.color, car.year))* - без return и фигурных скобок лаконичнее/нагляднее, мне кажется (возможно, Вы где-то уже обговаривали моменты, когда так можно делать, тогда пардон) 2) Раз в последнем задании Вы так замечательно и скрупулезно объяснили, почему стоило использовать closest, но можно было и parentElement, думаю, стоит где-то в дальнейшем упомянуть и про event delegation, - как обойтись лишь одним обработчиком событий в таких случаях: *carsDiv.addEventListener("click", function (e) {* *if (e.target.classList.contains("btn")) e.target.closest(".autoCard").remove();* *})*

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо за коммент. Все правильно - именно поэтому всегда нужен code review:) Одна голова хорошо - а 2 лучше.

  • @yuriidest208
    @yuriidest2083 жыл бұрын

    spasibo, like i podpiska s menia

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо за поддержку!

  • @therelaxingsound6903
    @therelaxingsound6903 Жыл бұрын

    Спасибо большое! как же все это запомнить где и что применять....🤔🥸🧐

  • @stackdev

    @stackdev

    Жыл бұрын

    Запоминать наверное не нужно.... просто в нужный момент загуглить)

  • @therelaxingsound6903

    @therelaxingsound6903

    Жыл бұрын

    @@stackdev что гуглить тоже нужно понимать, а для этого четко знать следующий шаг. :)

  • @anonimusculture9378
    @anonimusculture93782 жыл бұрын

    подписался

  • @-Vladimir--
    @-Vladimir--2 жыл бұрын

    Урок хороший жалко нет стилей для карточек.

  • @stackdev

    @stackdev

    2 жыл бұрын

    Можете в качестве д/з добавить!

  • @drfreedom1824
    @drfreedom18242 жыл бұрын

    Спасибо большое! Вопрос можно ли сделать так: div.insertAdjacentHTML('afterBegin', elemHTML); вместо того чтобы ul помещать в отдельную переменную? Это из пункта "// Поместить этот DIV до элемента " Спасибо

  • @luckytima2315
    @luckytima23153 жыл бұрын

    Отличный канал ,вот честно ))) Продолжайте ))Только как то слишком,быстро все ,хотелось бы подробней ))

  • @stackdev

    @stackdev

    3 жыл бұрын

    Спасибо! здесь хотел в общих чертах пробежаться - подробнее в других видео

  • @Poiissonn

    @Poiissonn

    3 жыл бұрын

    так если непонятен какой-то метод, то нужно просто остановить видео и идти в документацию почитать для чего он

  • @stackdev

    @stackdev

    3 жыл бұрын

    @@Poiissonn Все верно - найти на MDN полное описание

  • @bezbezov8867

    @bezbezov8867

    3 жыл бұрын

    @@stackdev а почему в описаниях, мне не всё понятно? Можете дать направления над чем работать?

  • @stackdev

    @stackdev

    3 жыл бұрын

    @@bezbezov8867 Что конкретно не понятно (пример)?

  • @user-dj1vy7wj4z
    @user-dj1vy7wj4z Жыл бұрын

    Возможно ошибаюсь ноооо DOM -document obj model, возможно специальная оговорочка))) для роста комментов

  • @stackdev

    @stackdev

    Жыл бұрын

    Вы все правильно говорите - я оговорился)

  • @MrRomanqs
    @MrRomanqs Жыл бұрын

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

  • @Code.bless_you
    @Code.bless_you3 жыл бұрын

    Василий, подскажите, есть принципиальное отличие между textContent и innerText?. Обучающий контент у Вас, конечно, на высоте. И подход очень хороший.

  • @theoty-js-react

    @theoty-js-react

    2 жыл бұрын

    innerText вставляет ЭЛЕМЕНТ ВНУТРИ нашего блока а textContent вставляет текст для таких элементов как H1

  • @Code.bless_you

    @Code.bless_you

    2 жыл бұрын

    @@theoty-js-react большое Вам спасибо!

  • @Egor_N
    @Egor_N Жыл бұрын

    Василий добрый день. Спасибо за урок. Всё очень понятно и доходчиво. Если можно прояснить один момент. Если создаю элемент из кода на прямую let a = document.createElement('div'); то событие эвент на него вешается без проблем. Но если объект создаю по событию другого элемента т.е. через клик creat.onclick = function(){ let d = document.createElement('div'); } то повесить на него событие не получается. В связи с этим у меня вопрос. Я что то делаю не так или это в принципе не возможно? Спасибо.

Келесі