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

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ก.ย. 2019
  • 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.317 4 ปีที่แล้ว +115

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

    • @itgid
      @itgid  4 ปีที่แล้ว +10

      Спасибо

    • @user-zh4fs4xb3f
      @user-zh4fs4xb3f 4 ปีที่แล้ว +2

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

    • @mikhail-khoroshev
      @mikhail-khoroshev 4 ปีที่แล้ว +2

      @@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-pm4hx1bd4n
    @user-pm4hx1bd4n 2 หลายเดือนก่อน

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

  • @ruslanla4654
    @ruslanla4654 3 ปีที่แล้ว +7

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

  • @user-qz8kj3tr8i
    @user-qz8kj3tr8i ปีที่แล้ว +1

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

  • @yanach6454
    @yanach6454 2 ปีที่แล้ว +1

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

  • @AndreiS-cu2wb
    @AndreiS-cu2wb 4 ปีที่แล้ว +4

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

  • @user-dm1iw3xg6d
    @user-dm1iw3xg6d 3 ปีที่แล้ว +2

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

  • @antotepoluektov
    @antotepoluektov ปีที่แล้ว

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

  • @YauhenRomeiko
    @YauhenRomeiko 4 ปีที่แล้ว +2

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

  • @viktorshatalov1920
    @viktorshatalov1920 4 ปีที่แล้ว +13

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

    • @itgid
      @itgid  4 ปีที่แล้ว +1

      Спасибо!

  • @alexinsaev
    @alexinsaev 3 ปีที่แล้ว +1

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

  • @arcadiibabici7655
    @arcadiibabici7655 4 ปีที่แล้ว +4

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

  • @arcadiibabici7655
    @arcadiibabici7655 4 ปีที่แล้ว +1

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

  • @georg6497
    @georg6497 4 ปีที่แล้ว +24

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

  • @annporik6531
    @annporik6531 4 ปีที่แล้ว +3

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

    • @itgid
      @itgid  4 ปีที่แล้ว

      Спасибо!

  • @ch20babiciarcadii36
    @ch20babiciarcadii36 2 ปีที่แล้ว

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

  • @petrskobelev3923
    @petrskobelev3923 4 ปีที่แล้ว +2

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

  • @my-gamezone7470
    @my-gamezone7470 4 ปีที่แล้ว +13

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

  • @HVADJ
    @HVADJ 4 ปีที่แล้ว +8

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

  • @Art-M
    @Art-M ปีที่แล้ว

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

  • @viktoria1856
    @viktoria1856 4 ปีที่แล้ว +4

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

  • @user-fy7pv5cc7c
    @user-fy7pv5cc7c 2 ปีที่แล้ว

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

  • @KuKu_RuKu88
    @KuKu_RuKu88 4 ปีที่แล้ว +1

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

  • @user-wx2kg2jd9x
    @user-wx2kg2jd9x 4 ปีที่แล้ว +3

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

  • @jurimudry62
    @jurimudry62 2 ปีที่แล้ว

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

  • @_pheax
    @_pheax ปีที่แล้ว

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

  • @mykhailostepanishchev6472
    @mykhailostepanishchev6472 3 ปีที่แล้ว +1

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

  • @romanchernyshov2632
    @romanchernyshov2632 3 ปีที่แล้ว

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

  • @azatbegenchev8636
    @azatbegenchev8636 2 ปีที่แล้ว

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

  • @user-pm5yq4mr3i
    @user-pm5yq4mr3i 4 ปีที่แล้ว +4

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

  • @masterbogdan
    @masterbogdan 4 ปีที่แล้ว +1

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

  • @viktoriaviktoria3178
    @viktoriaviktoria3178 2 ปีที่แล้ว

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

  • @user-ht7lf4bp9t
    @user-ht7lf4bp9t 3 ปีที่แล้ว

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

  • @frontistes
    @frontistes 2 ปีที่แล้ว +1

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

  • @volodymyrdziuba4238
    @volodymyrdziuba4238 ปีที่แล้ว

    You are the best. Thank you so much.

  • @PACEMAKER76
    @PACEMAKER76 ปีที่แล้ว

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

  • @antontuchkin9396
    @antontuchkin9396 3 ปีที่แล้ว

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

  • @1MrAnonymous11
    @1MrAnonymous11 2 ปีที่แล้ว

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

  • @mnogoborie
    @mnogoborie 3 ปีที่แล้ว

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

  • @yevheniivoronin1970
    @yevheniivoronin1970 ปีที่แล้ว

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

  • @user-ms6cp6md6u
    @user-ms6cp6md6u 3 ปีที่แล้ว +2

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

  • @aleksaderoleruzh
    @aleksaderoleruzh ปีที่แล้ว

    Дуже дякую.

  • @NeedForHeavyMetal
    @NeedForHeavyMetal 2 ปีที่แล้ว

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

  • @olegvoskovets4309
    @olegvoskovets4309 4 ปีที่แล้ว +1

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

  • @lisofsky8151
    @lisofsky8151 2 ปีที่แล้ว

    это вышка !

  • @peschernuy
    @peschernuy 2 ปีที่แล้ว +2

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

  • @valentinknoll4106
    @valentinknoll4106 3 ปีที่แล้ว +1

    Спасибо.

  • @viktoriaviktoria3178
    @viktoriaviktoria3178 2 ปีที่แล้ว

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

  • @KuchkakBlogspot
    @KuchkakBlogspot 3 ปีที่แล้ว

    Благодарю

  • @lightgod4669
    @lightgod4669 ปีที่แล้ว

    спасибо)

  • @NarkotikAsd
    @NarkotikAsd 3 ปีที่แล้ว +1

    Спасибо

  • @user-888azim-97
    @user-888azim-97 3 ปีที่แล้ว +1

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

    • @user-uc9bg2tw8l
      @user-uc9bg2tw8l 3 ปีที่แล้ว

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

  • @user-by4sz6is2h
    @user-by4sz6is2h 4 ปีที่แล้ว

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

  • @YauhenRomeiko
    @YauhenRomeiko 4 ปีที่แล้ว +1

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

  • @yriih7371
    @yriih7371 4 ปีที่แล้ว +2

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

  • @petrskobelev3923
    @petrskobelev3923 4 ปีที่แล้ว +6

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

  • @user-vp1jt3zp9q
    @user-vp1jt3zp9q 3 ปีที่แล้ว +3

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

    • @ihorzhuk94
      @ihorzhuk94 10 หลายเดือนก่อน

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

  • @raff_m_d6971
    @raff_m_d6971 2 ปีที่แล้ว

    спасибо

  • @user-bn1dz8qk7s
    @user-bn1dz8qk7s 2 ปีที่แล้ว

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

  • @balinok
    @balinok 4 ปีที่แล้ว +1

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

  • @viktorbenda489
    @viktorbenda489 3 ปีที่แล้ว +2

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

  • @pravnik84
    @pravnik84 4 ปีที่แล้ว +4

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

  • @user-nx8ey3qz7b
    @user-nx8ey3qz7b 3 ปีที่แล้ว +1

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

  • @_Iokanaan_Marusidze_
    @_Iokanaan_Marusidze_ 2 ปีที่แล้ว

    thanks

  • @user-yx4ov2xx8s
    @user-yx4ov2xx8s 4 ปีที่แล้ว +4

    👍👍👍👍

  • @sergeygetman1973
    @sergeygetman1973 3 ปีที่แล้ว +1

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

  • @rusikblyk3477
    @rusikblyk3477 4 ปีที่แล้ว +1

    OK !!!

  • @Polite_person_
    @Polite_person_ 4 ปีที่แล้ว +2

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

    • @itgid
      @itgid  4 ปีที่แล้ว +2

      Есть

  • @valdemarii9698
    @valdemarii9698 2 ปีที่แล้ว

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

  • @user-ir1ns5qw2z
    @user-ir1ns5qw2z ปีที่แล้ว

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

  • @UCnBUnAmcvCs8FePEtmn
    @UCnBUnAmcvCs8FePEtmn 2 ปีที่แล้ว +5

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

    • @leonidtrotsko2962
      @leonidtrotsko2962 2 ปีที่แล้ว

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

  • @user-bf6bt9vi5h
    @user-bf6bt9vi5h 2 ปีที่แล้ว

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

    • @itgid
      @itgid  2 ปีที่แล้ว

      Нет

    • @itgid
      @itgid  2 ปีที่แล้ว

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

  • @user-wi1wp9de2i
    @user-wi1wp9de2i 4 ปีที่แล้ว +4

    Нашла а)))

  • @abcabc1670
    @abcabc1670 4 ปีที่แล้ว +2

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

    • @itgid
      @itgid  4 ปีที่แล้ว +1

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

    • @user-ji6df1ei2c
      @user-ji6df1ei2c 4 ปีที่แล้ว

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

  • @toxatime3330
    @toxatime3330 3 ปีที่แล้ว +1

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

    • @vip51000
      @vip51000 2 ปีที่แล้ว

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

  • @tinaanit2965
    @tinaanit2965 4 ปีที่แล้ว

    19:50 document.createElement

  • @user-hw2er3kp1z
    @user-hw2er3kp1z 4 ปีที่แล้ว +3

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

    • @agrbear
      @agrbear 2 ปีที่แล้ว

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

  • @Polite_person_
    @Polite_person_ 4 ปีที่แล้ว +1

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

    • @itgid
      @itgid  4 ปีที่แล้ว

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

  • @user-um7en5rx3v
    @user-um7en5rx3v 2 ปีที่แล้ว +1

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

    • @user-ug1he6jj8s
      @user-ug1he6jj8s ปีที่แล้ว

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

    • @dd150285kvn
      @dd150285kvn ปีที่แล้ว

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

  • @kuban2359
    @kuban2359 3 ปีที่แล้ว +1

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

    • @vip51000
      @vip51000 2 ปีที่แล้ว

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

    • @valerakuznetsov
      @valerakuznetsov ปีที่แล้ว

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

  • @sergewhynot7306
    @sergewhynot7306 4 ปีที่แล้ว +3

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

    • @itgid
      @itgid  4 ปีที่แล้ว +7

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

    • @vvv7220
      @vvv7220 4 ปีที่แล้ว +2

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

    • @user-fq8rb9ht5l
      @user-fq8rb9ht5l 4 ปีที่แล้ว +2

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

  • @user-wi1wp9de2i
    @user-wi1wp9de2i 4 ปีที่แล้ว

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

    • @user-dg5of8ul6o
      @user-dg5of8ul6o 4 ปีที่แล้ว +3

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

  • @Dimidrol14
    @Dimidrol14 2 ปีที่แล้ว

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

  • @alexeyilin1527
    @alexeyilin1527 3 ปีที่แล้ว

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

    • @vip51000
      @vip51000 2 ปีที่แล้ว +1

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

  • @iventeye
    @iventeye 4 ปีที่แล้ว +3

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

    • @maks2135
      @maks2135 4 ปีที่แล้ว +1

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

  • @user-sc9tw6bg4g
    @user-sc9tw6bg4g 2 หลายเดือนก่อน

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

    • @simusya
      @simusya 2 หลายเดือนก่อน

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

    • @user-sc9tw6bg4g
      @user-sc9tw6bg4g 2 หลายเดือนก่อน

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

  • @user-gj9lv3ub4u
    @user-gj9lv3ub4u 3 ปีที่แล้ว

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

    • @vip51000
      @vip51000 2 ปีที่แล้ว

      Я люблю.

  • @forphp8233
    @forphp8233 10 หลายเดือนก่อน

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

  • @user-sy9gi3vg2e
    @user-sy9gi3vg2e 4 ปีที่แล้ว +6

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

    • @Akki_Akim
      @Akki_Akim 3 ปีที่แล้ว

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

  • @maliksoltukiev2282
    @maliksoltukiev2282 4 ปีที่แล้ว +2

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

    • @vvv7220
      @vvv7220 4 ปีที่แล้ว +3

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

    • @dmytroshpylko651
      @dmytroshpylko651 4 ปีที่แล้ว +3

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

  • @andriykropotkin2287
    @andriykropotkin2287 4 ปีที่แล้ว +4

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

  • @autochessmobile8622
    @autochessmobile8622 2 ปีที่แล้ว +2

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

    • @vip51000
      @vip51000 2 ปีที่แล้ว

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

  • @alexstanix1026
    @alexstanix1026 4 ปีที่แล้ว

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