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

[@dmitrid.317]

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

[@itgid]

Спасибо

[@user-zh4fs4xb3f]

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

[@mikhail-khoroshev]

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

[@landenemmitt3729]

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]

@Landen Emmitt Instablaster :)

[@user-pm4hx1bd4n]

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

[@user-qz8kj3tr8i]

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

[@ruslanla4654]

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

[@yanach6454]

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

[@user-dm1iw3xg6d]

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

[@AndreiS-cu2wb]

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

[@viktorshatalov1920]

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

[@itgid]

Спасибо!

[@arcadiibabici7655]

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

[@alexinsaev]

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

[@YauhenRomeiko]

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

[@georg6497]

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

[@arcadiibabici7655]

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

[@HVADJ]

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

[@ch20babiciarcadii36]

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

[@petrskobelev3923]

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

[@antotepoluektov]

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

[@viktoriacui]

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

[@user-wx2kg2jd9x]

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

[@KuKu_RuKu88]

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

[@_pheax]

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

[@my-gamezone7470]

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

[@annporik6531]

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

[@itgid]

Спасибо!

[@Art-M]

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

[@jurimudry62]

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

[@user-fy7pv5cc7c]

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

[@user-pm5yq4mr3i]

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

[@mykhailostepanishchev6472]

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

[@romanchernyshov2632]

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

[@masterbogdan]

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

[@azatbegenchev8636]

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

[@user-ht7lf4bp9t]

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

[@viktoriaviktoria3178]

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

[@volodymyrdziuba4238]

You are the best. Thank you so much.

[@user-ms6cp6md6u]

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

[@olegvoskovets4309]

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

[@PACEMAKER76]

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

[@NeedForHeavyMetal]

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

[@antontuchkin9396]

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

[@user-vp1jt3zp9q]

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

[@ihorzhuk94]

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

[@yevheniivoronin1970]

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

[@valentinknoll4106]

Спасибо.

[@aleksaderoleruzh]

Дуже дякую.

[@NarkotikAsd]

Спасибо

[@1MrAnonymous11]

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

[@mnogoborie]

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

[@KuchkakBlogspot]

Благодарю

[@viktoriaviktoria3178]

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

[@YauhenRomeiko]

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

[@yriih7371]

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

[@lisofsky8151]

это вышка !

[@pravnik84]

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

[@petrskobelev3923]

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

[@user-888azim-97]

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

[@user-uc9bg2tw8l]

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

[@frontistes]

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

[@peschernuy]

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

[@lightgod4669]

спасибо)

[@raff_m_d6971]

спасибо

[@viktorbenda489]

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

[@user-bn1dz8qk7s]

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

[@balinok]

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

[@user-by4sz6is2h]

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

[@user-yx4ov2xx8s]

👍👍👍👍

[@rusikblyk3477]

OK !!!

[@_Iokanaan_Marusidze_]

thanks

[@Polite_person_]

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

[@itgid]

Есть

[@user-wi1wp9de2i]

Нашла а)))

[@sergeygetman1973]

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

[@user-nx8ey3qz7b]

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

[@UCnBUnAmcvCs8FePEtmn]

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

[@leonidtrotsko2962]

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

[@user-hw2er3kp1z]

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

[@agrbear]

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

[@valdemarii9698]

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

[@user-ir1ns5qw2z]

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

[@tinaanit2965]

19:50 document.createElement

[@user-um7en5rx3v]

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

[@user-ug1he6jj8s]

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

[@dd150285kvn]

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

[@user-bf6bt9vi5h]

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

[@itgid]

Нет

[@itgid]

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

[@abcabc1670]

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

[@itgid]

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

[@user-ji6df1ei2c]

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

[@iventeye]

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

[@maks2135]

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

[@Polite_person_]

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

[@itgid]

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

[@toxatime3330]

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

[@vip51000]

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

[@kuban2359]

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

[@vip51000]

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

[@valerakuznetsov]

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

[@sergewhynot7306]

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

[@itgid]

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

[@vvv7220]

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

[@user-fq8rb9ht5l]

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

[@Dimidrol14]

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

[@alexeyilin1527]

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

[@vip51000]

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

[@user-wi1wp9de2i]

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

[@user-dg5of8ul6o]

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

[@user-sc9tw6bg4g]

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

[@simusya]

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

[@user-sc9tw6bg4g]

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

[@user-gj9lv3ub4u]

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

[@vip51000]

Я люблю.

[@forphp8233]

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

[@user-sy9gi3vg2e]

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

[@Akki_Akim]

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

[@maliksoltukiev2282]

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

[@vvv7220]

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

[@dmytroshpylko651]

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

[@andriykropotkin2287]

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

[@autochessmobile8622]

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

[@vip51000]

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

[@alexstanix1026]

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