JavaScript v.2.0. Работа с DOM, создание элементов, работа с CSS

js2.itgid.info
Как купить курс: js2.itgid.info/pay
Этот урок: js2.itgid.info/unit?unit=dom-...
VK: webdev_zero
Курс практический JavaScript: js.itgid.info
JSRules: t.me/jsrules

Пікірлер: 133

  • @dmitrid.317
    @dmitrid.3174 жыл бұрын

    Когда зарождалось Веб-Айти - Бог послал нам Алекса Лущенко! Отличная подача материала и экспертность в теме!

  • @itgid

    @itgid

    4 жыл бұрын

    Спасибо

  • @user-zh4fs4xb3f

    @user-zh4fs4xb3f

    4 жыл бұрын

    @@itgid можете помочь, не пойму в задачах что это "блоки p.u-1,p.u-2 b т.д" ,я правильно понимаю что это ""?

  • @mikhail-khoroshev

    @mikhail-khoroshev

    4 жыл бұрын

    @@user-zh4fs4xb3f да. Скачай шаблон кода урока там всё есть, тоже сначала тупил)

  • @landenemmitt3729

    @landenemmitt3729

    2 жыл бұрын

    sorry to be so offtopic but does someone know of a way to log back into an Instagram account..? I was stupid forgot my account password. I would love any tips you can give me!

  • @melvinkody4003

    @melvinkody4003

    2 жыл бұрын

    @Landen Emmitt Instablaster :)

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

    Лучший лектор на ютуб. Очень доступное объяснение.Эй, кто здесь, поставь лайк!

  • @user-pm4hx1bd4n
    @user-pm4hx1bd4n3 ай бұрын

    Уметь донести информацию это талант, Александр Вы лучший. Я КАЙФУЮ учась у Вас.

  • @ruslanla4654
    @ruslanla46543 жыл бұрын

    Всегда с огромным удовольствием смотрю уроки от Александра, даже когда данная тема итак знакома. После такого объяснения все становится еще более ясным и понятным. Как всегда огромное спасибо, Александр.

  • @yanach6454
    @yanach64543 жыл бұрын

    Я просто радуюсь каждый день, что учусь у Лущенко Александра! В полном восхищении, от его видео-лекций , а его задачи, это супер! До этого обучалась на других курсах, о чем сожалею. Надо было сразу к Александру на курс, у него все задачи построены так, что отрабатываешь каждый урок наилучшим образом. А огромная работа Александра с нами в чате, просто восхищает, как он сразу понимает все вопросы учащихся и как быстро и понятно отвечает. Спасибо Александру Лущенко, за то, что он создал такие интересные, лучшие курсы! Успехов вам Александр! Вы - лучший!

  • @AndreiS-cu2wb
    @AndreiS-cu2wb4 жыл бұрын

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

  • @user-dm1iw3xg6d
    @user-dm1iw3xg6d4 жыл бұрын

    Только с вами начал понимать, что все не так сложно. Спасибо вам!

  • @georg6497
    @georg64974 жыл бұрын

    Здравствуйте, Александр! Очень благодарен вам за такие понятные и интересные видео, теперь многое стало понятно и оказалось, что все не так уж сложно. Хотел бы посоветовать, на мой взгляд очень нужную вещь, в плане обучения. Это тайм коды под видео (временами, что-то забываешь и приходится долго искать нужное время). Спасибо.

  • @YauhenRomeiko
    @YauhenRomeiko4 жыл бұрын

    задачи в уроках по этой теме шикарны, спасибо за курс ! буду брать еще и всем-всем советовать

  • @arcadiibabici7655
    @arcadiibabici76554 жыл бұрын

    Да как всегда на высоте, видно настоящий специалист !

  • @viktorshatalov1920
    @viktorshatalov19204 жыл бұрын

    Топ курс по js .спасибо

  • @itgid

    @itgid

    4 жыл бұрын

    Спасибо!

  • @alexinsaev
    @alexinsaev3 жыл бұрын

    Спасибо огромное за знания, которые вы даете!

  • @HVADJ
    @HVADJ4 жыл бұрын

    Ну что тут говорить.....))) Алекс, как всегда ----- молодец!!!!

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

    Спасибо. Благодаря Вашим урокам я на практических примерах понимаю для чего нужен JS

  • @ch20babiciarcadii36
    @ch20babiciarcadii363 жыл бұрын

    Супер!!! Отличная подача материала Вы профессионал своего дела!!!

  • @Art-M
    @Art-M Жыл бұрын

    Дуже дякую за пророблену вами роботу, успіхів вам і нам!))

  • @annporik6531
    @annporik65314 жыл бұрын

    Александр, присоединяюсь к положительным комментариям! Огромное спасибо, Вам!!!

  • @itgid

    @itgid

    4 жыл бұрын

    Спасибо!

  • @my-gamezone7470
    @my-gamezone74704 жыл бұрын

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

  • @arcadiibabici7655
    @arcadiibabici76554 жыл бұрын

    СПАСИБО, ЗА ВАШ УПОРНЫЙ ТРУД!!!!

  • @jurimudry62
    @jurimudry623 жыл бұрын

    Замечательный урок! Спасибо!

  • @viktoriacui
    @viktoriacui4 жыл бұрын

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

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

    круто. спасибо Алекс. очень понятно и внятно

  • @petrskobelev3923
    @petrskobelev39234 жыл бұрын

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

  • @viktoriaviktoria3178
    @viktoriaviktoria31783 жыл бұрын

    Дуже подобаються Ваші уроки!

  • @masterbogdan
    @masterbogdan4 жыл бұрын

    Урок просто МЕГА понравился!!!!

  • @NeedForHeavyMetal
    @NeedForHeavyMetal2 жыл бұрын

    Я татарин, много ездил по Росии и когда слышу например 'халлонс', а не 'галлонс' так тепло на душе становится, как-будто в Ростов на Дону приехал или в Краснодар) уроки супер. дз проверяет на вопросы отвечает, притом быстро. Всем рекомендую!

  • @user-888azim-97
    @user-888azim-974 жыл бұрын

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

  • @user-uc9bg2tw8l

    @user-uc9bg2tw8l

    4 жыл бұрын

    переподвыподвывернулись)

  • @KuKu_RuKu88
    @KuKu_RuKu884 жыл бұрын

    Спасибо. Супер урок!

  • @azatbegenchev8636
    @azatbegenchev86362 жыл бұрын

    Очень круто!!! Спасибо большое...

  • @user-fy7pv5cc7c
    @user-fy7pv5cc7c2 жыл бұрын

    Александр, спасибо!

  • @mnogoborie
    @mnogoborie3 жыл бұрын

    Мы еще не знаем что такое массивы, но уже используем их 👍

  • @frontistes
    @frontistes2 жыл бұрын

    Всё o Visual Studio: "Ух ты!"

  • @1MrAnonymous11
    @1MrAnonymous112 жыл бұрын

    вхаахахах,зачем смотреть уроки по часу и два про дом,когда тут за 20 минут,вообще вышка!!!

  • @user-wx2kg2jd9x
    @user-wx2kg2jd9x4 жыл бұрын

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

  • @user-vp1jt3zp9q
    @user-vp1jt3zp9q3 жыл бұрын

    Я в шоке. Не канал, а золотая жила. Столько бесплатного качественного контента на русском языке нет нигде на ютубе. Спасибо, Александр. Уже купил курс js 2.0. Как пройду - куплю курс по реакту

  • @ihorzhuk94

    @ihorzhuk94

    11 ай бұрын

    и как оно спустя годы?) Где вы сейчас

  • @mykhailostepanishchev6472
    @mykhailostepanishchev64724 жыл бұрын

    Топ контент,спасибо !

  • @romanchernyshov2632
    @romanchernyshov26323 жыл бұрын

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

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

    You are the best. Thank you so much.

  • @pravnik84
    @pravnik844 жыл бұрын

    Александр, расскажите как нибудь об отсутствии связывания This и стрелочной функции)

  • @user-ht7lf4bp9t
    @user-ht7lf4bp9t3 жыл бұрын

    Крутой урок. Спасибо.

  • @yevheniivoronin1970
    @yevheniivoronin19702 жыл бұрын

    Крутой полезный урок!

  • @user-pm5yq4mr3i
    @user-pm5yq4mr3i4 жыл бұрын

    Дякую) Рекомендую!

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

    Спасибо! Очень полезно!

  • @olegvoskovets4309
    @olegvoskovets43094 жыл бұрын

    Алекс, дякую за навчання

  • @antontuchkin9396
    @antontuchkin93963 жыл бұрын

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

  • @lisofsky8151
    @lisofsky81512 жыл бұрын

    это вышка !

  • @Polite_person_
    @Polite_person_4 жыл бұрын

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

  • @itgid

    @itgid

    4 жыл бұрын

    Есть

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

    Дуже дякую.

  • @viktoriaviktoria3178
    @viktoriaviktoria31782 жыл бұрын

    Дуже -дуже цікаво!!!

  • @peschernuy
    @peschernuy2 жыл бұрын

    Спасибо за урок! А где ссылочки на почитать которые вы упомянули в уроке?

  • @user-ms6cp6md6u
    @user-ms6cp6md6u3 жыл бұрын

    круто.спасибо

  • @YauhenRomeiko
    @YauhenRomeiko4 жыл бұрын

    полезно и легко

  • @viktorbenda489
    @viktorbenda4893 жыл бұрын

    Добрый день. Александр, в видео вы обещали дать доп материалы.... чтобы было что почитать

  • @sergeygetman1973
    @sergeygetman19733 жыл бұрын

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

  • @valentinknoll4106
    @valentinknoll41063 жыл бұрын

    Спасибо.

  • @petrskobelev3923
    @petrskobelev39234 жыл бұрын

    Более современный вариант просто append(a) , нежели appendChild(a) , верно?

  • @UCnBUnAmcvCs8FePEtmn
    @UCnBUnAmcvCs8FePEtmn2 жыл бұрын

    Смотрю и делаю дз с первого юнита. Это уже девятый, но до этого момента this не разбирался. Неприятно удивлен, что упустили этот момент.

  • @leonidtrotsko2962

    @leonidtrotsko2962

    2 жыл бұрын

    Разбирался, точнее упоминался вскользь в циклах или функциях, это был намёк, типа доку нужно глянуть)))

  • @yriih7371
    @yriih73714 жыл бұрын

    Спасибо за урок.

  • @NarkotikAsd
    @NarkotikAsd3 жыл бұрын

    Спасибо

  • @KuchkakBlogspot
    @KuchkakBlogspot3 жыл бұрын

    Благодарю

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

    спасибо)

  • @user-bn1dz8qk7s
    @user-bn1dz8qk7s2 жыл бұрын

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

  • @user-by4sz6is2h
    @user-by4sz6is2h4 жыл бұрын

    Подскажите, на канале автора есть видео по JS 1.0, Сейчас идёт курс на 2.0 По каким видео надо лучше учиться? Мне кажется, что по 2, т к видео новее, более актуальное, но подойдёт ли оно новичку, смущает, что курс назван 2.0 (типо продолжение 1)

  • @raff_m_d6971
    @raff_m_d69712 жыл бұрын

    спасибо

  • @balinok
    @balinok4 жыл бұрын

    Спасибо за урок! Но, что с сайтом? Не могу перейти ни по одной из ссылок.

  • @_Iokanaan_Marusidze_
    @_Iokanaan_Marusidze_2 жыл бұрын

    thanks

  • @user-nx8ey3qz7b
    @user-nx8ey3qz7b3 жыл бұрын

    Александра здрасьте, есть 3 вопроса по best practice: querySelectorAll() - в чем приимущество статического списка над динамическим? отсюда возникает вопрос, вьі об'являете в функции-обработчике onclick переменную let gallons, в чем суть let в статическом значении ? почему не const? Вьі итерируете gas, с помощью индексов, єто ввообще легально для реальньіх проєктов ? Сори за плохой русский, сейчас приходиться бьістро переобучаться на js, в интернете много всего, но на жаль почти все мусор. Так что ищу то что принменимо для РЕАЛЬНЬІХ проектов.

  • @user-hw2er3kp1z
    @user-hw2er3kp1z4 жыл бұрын

    Не обратив внимания на различие цветов toggle в функции новичок так и не догадается, почему же при клике добавляется класс и при клике на эту же кнопку класс убирается

  • @agrbear

    @agrbear

    2 жыл бұрын

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

  • @user-yx4ov2xx8s
    @user-yx4ov2xx8s4 жыл бұрын

    👍👍👍👍

  • @rusikblyk3477
    @rusikblyk34774 жыл бұрын

    OK !!!

  • @user-um7en5rx3v
    @user-um7en5rx3v2 жыл бұрын

    16:30 Если тут еще кто- то есть, поясните, почему функцию онклик оборачиваем циклом? Я правильно понимаю, что цикл объявляет три (i) функции, держит их в памяти, а при нажатии на кнопку- вызывает соответ. ф-ю?

  • @user-ug1he6jj8s

    @user-ug1he6jj8s

    Жыл бұрын

    Цикл работает с массивом и перебирает его значения.

  • @dd150285kvn

    @dd150285kvn

    Жыл бұрын

    тоже не уловил логику работы кода

  • @user-wi1wp9de2i
    @user-wi1wp9de2i4 жыл бұрын

    Нашла а)))

  • @sergewhynot7306
    @sergewhynot73064 жыл бұрын

    Да , Алекс!!! Ты в карман за новыми уроками не лезешь... Ты строчишь их, как из пулемета......За тобой не поспеть! Что делать таким, как я - тихим троечникам?? =(^.^)= ;)

  • @itgid

    @itgid

    4 жыл бұрын

    не спешить. Мы не соревнуемся кто быстрее.

  • @vvv7220

    @vvv7220

    4 жыл бұрын

    Ты не один, друг. Я ещё только Unit 8 решил с горем пополам)

  • @user-fq8rb9ht5l

    @user-fq8rb9ht5l

    4 жыл бұрын

    @@vvv7220 то чувство, когда купила курс почти год назад, а время пройти только сейчас появилось, на карантине. Тоже 8 unit только закончила))

  • @tinaanit2965
    @tinaanit29654 жыл бұрын

    19:50 document.createElement

  • @abcabc1670
    @abcabc16704 жыл бұрын

    А будут видео по бекэнду, php и mysql? Или только фронтэнд?

  • @itgid

    @itgid

    4 жыл бұрын

    А зайдите на itgid.info

  • @user-ji6df1ei2c

    @user-ji6df1ei2c

    4 жыл бұрын

    были php, только на новом сайте что то не видно их.

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

    С this не понятно когда применять или дальше будет объяснение?

  • @Polite_person_
    @Polite_person_4 жыл бұрын

    У вас на сайте в адаптивном режиме хедер съедает немного верхний блок

  • @itgid

    @itgid

    4 жыл бұрын

    спасибо, поправлю!

  • @toxatime3330
    @toxatime33303 жыл бұрын

    Здравствуйте. Получается из-за цикла for мы можем нажать не более 3х раз на кнопки да?

  • @vip51000

    @vip51000

    2 жыл бұрын

    Нажать можно сколько захочется. Цикл for используется для того чтобы повесить событие "клика".

  • @Dimidrol14
    @Dimidrol142 жыл бұрын

    14:18 "безнин" нынче дорогой)

  • @user-bf6bt9vi5h
    @user-bf6bt9vi5h2 жыл бұрын

    Позволяют ли возможности JS взять список имён файлов из какойто локальной папки на компьютере (~*.GIF from D:\папка\попка) для дальнейшего преобразования и внедрения в HTML. Если да то что Гуглить? за ответ с меня подписка!

  • @itgid

    @itgid

    2 жыл бұрын

    Нет

  • @itgid

    @itgid

    2 жыл бұрын

    Если мы говорим о клиентском

  • @valdemarii9698
    @valdemarii96982 жыл бұрын

    Можно вопрос? А как решат. Задачи не зная массивов?

  • @user-wi1wp9de2i
    @user-wi1wp9de2i4 жыл бұрын

    А почему при добавлении указываем appendChild(a)?Мы же добавляем в div!

  • @user-dg5of8ul6o

    @user-dg5of8ul6o

    4 жыл бұрын

    Мы ведь добавляем дочерний елемент в div

  • @iventeye
    @iventeye4 жыл бұрын

    Почему то не работает последняя задача, ошибок в консоли нет, просто при клике ничего не происходит

  • @maks2135

    @maks2135

    4 жыл бұрын

    1)проверь правильность написания кода 2)Проверь,подключен ли файл JS к ХТМЛ файлу и он подключен перед закрывающимся тегом p.s. код с видео полностью рабочий

  • @kuban2359
    @kuban23593 жыл бұрын

    Всем привет! не совсем понял, для чего мне нужно столько делать операций чтобы добавить например тег div в DOM, если я могу за 5 сек это прописать в файле index.html ?

  • @vip51000

    @vip51000

    2 жыл бұрын

    Возможно это нужно тогда, когда нет доступа к файлу html

  • @valerakuznetsov

    @valerakuznetsov

    Жыл бұрын

    например у вас будет список который меняется и вам надо добавлять div

  • @alexeyilin1527
    @alexeyilin15273 жыл бұрын

    крч не знаю почему-то вот так: this.classList.toggle('three') у меня не работало, заработало когда вместо this поставил названия переменной кнопки (дополняю: скорее всего потому что this по-другому работает в стрелочных функциях, а я использую только их)

  • @vip51000

    @vip51000

    2 жыл бұрын

    Верно, this работает по-другому в стрелочных функциях.

  • @user-gj9lv3ub4u
    @user-gj9lv3ub4u3 жыл бұрын

    Александр любите в counter-strike погонять?))

  • @vip51000

    @vip51000

    2 жыл бұрын

    Я люблю.

  • @user-sc9tw6bg4g
    @user-sc9tw6bg4g3 ай бұрын

    как js подключить к html???? самое главное не уточнил...

  • @simusya

    @simusya

    3 ай бұрын

    так смотрите с первых видео, там есть

  • @user-sc9tw6bg4g

    @user-sc9tw6bg4g

    3 ай бұрын

    да, спасибо, потом уже нашел)@@simusya

  • @user-sy9gi3vg2e
    @user-sy9gi3vg2e4 жыл бұрын

    вот это п...ц, Александр, я не годую у вас есть кнопка с классом ТОГЛ содержание кнопки ТОГЛ переменная в скрипте ТОГЛ если перепечатать как у вас все работает, но как только я попытался давать свои имена но что то пошло не так на 14 строке ТОГЛ- это отсылка к чему?--класс, переменная, текст кнопки ТА ДАМ --- это оказывается отдельная функция...... минут 20 искал пожалуйста не давайте одно и тоже имя разным элементам кода

  • @Akki_Akim

    @Akki_Akim

    3 жыл бұрын

    Полностью согласен

  • @forphp8233
    @forphp823311 ай бұрын

    Я смотрю все по порядку и про this нигде не было.

  • @maliksoltukiev2282
    @maliksoltukiev22824 жыл бұрын

    Почти ничего не понял, как будто забежали на несколько уроков в перед.

  • @vvv7220

    @vvv7220

    4 жыл бұрын

    это легче чем циклы. надеюсь вы уже поняли)

  • @dmytroshpylko651

    @dmytroshpylko651

    4 жыл бұрын

    Лично меня сбил с толку только пример c "This", его Александр демонстрирует в этом уроке впервые (на 7:47). В остальном всё ок.

  • @andriykropotkin2287
    @andriykropotkin22874 жыл бұрын

    ну такое... больше вопросов, чем ответов у меня после урока

  • @autochessmobile8622
    @autochessmobile86222 жыл бұрын

    Ставлю дизлайк так как метод this вы так и не разобрали .

  • @vip51000

    @vip51000

    2 жыл бұрын

    это не метод, а ссылка на объект по которому происходит событие.

  • @alexstanix1026
    @alexstanix10264 жыл бұрын

    С телефона невозможно смотреть, мелко слишком. Неужели нельзя код приблизить.