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

Поділитися
Вставка
  • Опубліковано 22 гру 2024

КОМЕНТАРІ • 132

  • @МарияКашпур-з3б
    @МарияКашпур-з3б Рік тому +2

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

  • @dmitrid.317
    @dmitrid.317 5 років тому +115

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

    • @itgid
      @itgid  5 років тому +10

      Спасибо

    • @Влади-з7з
      @Влади-з7з 5 років тому +2

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

    • @mikhail-khoroshev
      @mikhail-khoroshev 5 років тому +2

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

    • @landenemmitt3729
      @landenemmitt3729 3 роки тому

      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 3 роки тому

      @Landen Emmitt Instablaster :)

  • @yanach6454
    @yanach6454 3 роки тому +1

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

  • @ruslanla4654
    @ruslanla4654 4 роки тому +7

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

  • @андреймаслов-е2й
    @андреймаслов-е2й 9 місяців тому

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

  • @antotepo
    @antotepo Рік тому

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

  • @Art-M
    @Art-M 2 роки тому

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

  • @annporik6531
    @annporik6531 5 років тому +3

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

    • @itgid
      @itgid  5 років тому

      Спасибо!

  • @viktorshatalov1920
    @viktorshatalov1920 5 років тому +13

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

    • @itgid
      @itgid  5 років тому +1

      Спасибо!

  • @МихаилМастанов-ы5ы
    @МихаилМастанов-ы5ы 4 роки тому +2

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

  • @1MrAnonymous11
    @1MrAnonymous11 3 роки тому

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

  • @NeedForHeavyMetal
    @NeedForHeavyMetal 2 роки тому

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

  • @YauhenRomeiko
    @YauhenRomeiko 4 роки тому +2

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

  • @olegBilyi-n4j
    @olegBilyi-n4j 2 роки тому

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

  • @arcadiibabici7655
    @arcadiibabici7655 4 роки тому +4

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

  • @AndreiS-cu2wb
    @AndreiS-cu2wb 5 років тому +4

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

  • @HVADJ
    @HVADJ 5 років тому +8

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

  • @user-888azim-97
    @user-888azim-97 4 роки тому +1

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

  • @georg6497
    @georg6497 5 років тому +24

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

  • @alexinsaev
    @alexinsaev 3 роки тому +1

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

  • @aleksaderoleruzh
    @aleksaderoleruzh 2 роки тому

    Дуже дякую.

  • @arcadiibabici7655
    @arcadiibabici7655 4 роки тому +1

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

  • @viktoriaviktoria3178
    @viktoriaviktoria3178 3 роки тому

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

  • @НикитаПелин-б3и
    @НикитаПелин-б3и 3 роки тому +3

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

    • @ZhukAcademy
      @ZhukAcademy Рік тому

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

  • @viktoriacui
    @viktoriacui 5 років тому +4

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

  • @ch20babiciarcadii36
    @ch20babiciarcadii36 3 роки тому

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

  • @my-gamezone7470
    @my-gamezone7470 5 років тому +13

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

  • @ХристинаШевчук-ы9щ
    @ХристинаШевчук-ы9щ 5 років тому +4

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

  • @petrskobelev3923
    @petrskobelev3923 5 років тому +2

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

  • @_pheax
    @_pheax 2 роки тому

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

  • @masterbogdan
    @masterbogdan 4 роки тому +1

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

  • @lisofsky8151
    @lisofsky8151 3 роки тому

    это вышка !

  • @ArtemKirillov-f7r
    @ArtemKirillov-f7r 5 років тому +3

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

  • @СыктымКутакбаев
    @СыктымКутакбаев 2 роки тому +1

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

    • @АлексейШаталов-л2ь
      @АлексейШаталов-л2ь 2 роки тому

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

    • @dd150285kvn
      @dd150285kvn 2 роки тому

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

  • @ЭдуардВорона-м1и
    @ЭдуардВорона-м1и 3 роки тому +2

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

  • @jurimudry62
    @jurimudry62 3 роки тому

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

  • @azatbegenchev8636
    @azatbegenchev8636 2 роки тому

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

  • @KuKu_RuKu88
    @KuKu_RuKu88 4 роки тому +1

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

  • @petrskobelev3923
    @petrskobelev3923 5 років тому +6

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

  • @mykhailostepanishchev6472
    @mykhailostepanishchev6472 4 роки тому +1

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

  • @viktorbenda489
    @viktorbenda489 3 роки тому +2

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

  • @volodymyrdziuba4238
    @volodymyrdziuba4238 2 роки тому

    You are the best. Thank you so much.

  • @yevheniivoronin1970
    @yevheniivoronin1970 2 роки тому

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

  • @PACEMAKER76
    @PACEMAKER76 2 роки тому

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

  • @pravnik84
    @pravnik84 5 років тому +4

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

  • @olegvoskovets4309
    @olegvoskovets4309 5 років тому +1

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

  • @viktoriaviktoria3178
    @viktoriaviktoria3178 3 роки тому

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

  • @antontuchkin9396
    @antontuchkin9396 3 роки тому

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

  • @peschernuy
    @peschernuy 3 роки тому +2

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

  • @mnogoborie
    @mnogoborie 3 роки тому

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

  • @NarkotikAsd
    @NarkotikAsd 4 роки тому +1

    Спасибо

  • @frontistes
    @frontistes 3 роки тому +1

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

  • @valentinknoll4106
    @valentinknoll4106 4 роки тому +1

    Спасибо.

  • @Polite_person_
    @Polite_person_ 5 років тому +2

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

    • @itgid
      @itgid  5 років тому +2

      Есть

  • @YauhenRomeiko
    @YauhenRomeiko 4 роки тому +1

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

  • @yriih7371
    @yriih7371 5 років тому +2

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

  • @lightgod4669
    @lightgod4669 2 роки тому

    спасибо)

  • @АндронМакарон-э1м
    @АндронМакарон-э1м 4 роки тому +1

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

  • @олегсл-й6ц
    @олегсл-й6ц 2 роки тому

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

  • @Давид-п8и
    @Давид-п8и 5 років тому +4

    👍👍👍👍

  • @БогданКулык-я8в
    @БогданКулык-я8в 2 роки тому

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

  • @balinok
    @balinok 4 роки тому +1

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

  • @valdemarii9698
    @valdemarii9698 2 роки тому

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

  • @АндрейАрсланов-ц8т
    @АндрейАрсланов-ц8т 4 роки тому +3

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

    • @mars_family
      @mars_family 3 роки тому

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

  • @iventeye
    @iventeye 5 років тому +3

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

    • @maks2135
      @maks2135 4 роки тому +1

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

  • @toxatime3330
    @toxatime3330 3 роки тому +1

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

    • @vip51000
      @vip51000 3 роки тому

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

  • @kuban2359
    @kuban2359 3 роки тому +1

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

    • @vip51000
      @vip51000 3 роки тому

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

    • @valerakuznetsov
      @valerakuznetsov Рік тому

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

  • @Смертьвбахилах
    @Смертьвбахилах 3 роки тому

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

    • @itgid
      @itgid  3 роки тому

      Нет

    • @itgid
      @itgid  3 роки тому

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

  • @sergeygetman1973
    @sergeygetman1973 3 роки тому +1

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

  • @_Iokanaan_Marusidze_
    @_Iokanaan_Marusidze_ 3 роки тому

    thanks

  • @КамильМиникеев-г5ъ
    @КамильМиникеев-г5ъ 5 років тому

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

  • @abcabc1670
    @abcabc1670 5 років тому +2

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

  • @Polite_person_
    @Polite_person_ 5 років тому +1

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

    • @itgid
      @itgid  5 років тому

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

  • @UCnBUnAmcvCs8FePEtmn
    @UCnBUnAmcvCs8FePEtmn 3 роки тому +5

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

    • @leonidtrotsko2962
      @leonidtrotsko2962 2 роки тому

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

  • @alexeyilin1527
    @alexeyilin1527 3 роки тому

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

    • @vip51000
      @vip51000 3 роки тому +1

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

  • @tinaanit2965
    @tinaanit2965 4 роки тому

    19:50 document.createElement

  • @ИяИя-п2к
    @ИяИя-п2к 5 років тому

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

  • @rusikblyk3477
    @rusikblyk3477 5 років тому +1

    OK !!!

  • @АндрейЛ-д8т
    @АндрейЛ-д8т 9 місяців тому

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

    • @simusya
      @simusya 9 місяців тому

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

    • @АндрейЛ-д8т
      @АндрейЛ-д8т 9 місяців тому

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

  • @Dimidrol14
    @Dimidrol14 3 роки тому

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

  • @sergewhynot7306
    @sergewhynot7306 5 років тому +3

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

    • @itgid
      @itgid  5 років тому +7

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

    • @vvv7220
      @vvv7220 5 років тому +2

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

    • @Инкогнито-у7ф
      @Инкогнито-у7ф 4 роки тому +2

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

  • @ИяИя-п2к
    @ИяИя-п2к 5 років тому +4

    Нашла а)))

  • @УмничкиСклад
    @УмничкиСклад 3 роки тому

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

    • @vip51000
      @vip51000 3 роки тому

      Я люблю.

  • @Shved_2.0
    @Shved_2.0 4 роки тому +6

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

    • @Akki_Akim
      @Akki_Akim 4 роки тому

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

  • @forphp8233
    @forphp8233 Рік тому

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

  • @maliksoltukiev2282
    @maliksoltukiev2282 5 років тому +2

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

    • @vvv7220
      @vvv7220 5 років тому +3

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

    • @dmytroshpylko651
      @dmytroshpylko651 5 років тому +3

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

  • @andriykropotkin2287
    @andriykropotkin2287 5 років тому +4

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

  • @autochessmobile8622
    @autochessmobile8622 3 роки тому +2

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

    • @vip51000
      @vip51000 3 роки тому

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

  • @alexstanix1026
    @alexstanix1026 4 роки тому

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

  • @ИванСомов-ф9р
    @ИванСомов-ф9р 3 роки тому

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

  • @KuchkakBlogspot
    @KuchkakBlogspot 3 роки тому

    Благодарю

  • @raff_m_d6971
    @raff_m_d6971 2 роки тому

    спасибо