Понимание javascript - работа с DOM

[@АнтонАнтонов-д2я]

Дмитрий красавчик. Все понятно и внятно и доходчиво. И еще самый позитивный и веселый преподаватель. Ты лучший Дмитрий!

[@richarddaniel7088]

А ещё он мастер спорта по шахматам

[@orionmalik3120]

i dont mean to be so off topic but does anyone know of a tool to log back into an Instagram account? I somehow forgot the login password. I love any tricks you can give me!

[@gfgddtr6217]

Вижу лайк, ставлю лаврика, красавчик!

[@Ельдар-в9ш]

+

[@marsdriver2501]

@Francisco Ingalls ля англичаны разводилы

[@aleksandrmikhailov3255]

Огонь урок! Дмитрий, у Вас реально талант объяснять))

[@MegaAfon1982]

Дмитрий учитель от бога, способный объяснить даже самые необъяснимые вещи, его уроки хочется слушать, а не засыпать на второй минуте ))) Но на мой взгляд javascript пугает не DOM и BOM, это как раз довольно логично остается лишь ознакомиться с методами объектов. А проблема в том, как было правильно озвучено, что "корявый" и корявый не значит плохой, а именно корявый - непривычный/необычный в своей логике. Когда говорят что "JavaScript это объектно-ориентированный си-подобный язык", так это все от названия до эпитетов чисто маркетинг! Все знают что JavaScript назван так, чтобы отхапать часть популярности JAVA, но вряд ли кто-то задумывался что си-подобным он назван для тех же целей, так как С++ тоже довольно популярен, а от С в JS только скобки и точка с запятой, у любого Си-шника глаза лопнут если он увидит код JS программиста (именно JS-прогера, а не PHP-ника пишущего на JS). Объектно-ориентированный? да ни разу он не ориентирован на объекты! Он, собака, ближе к функциональному! Пугают подвыверты в этом языке: 1) примитивы могут иметь некоторый функционал объекта из-за чего создается впечатления что все кругом объекты. var a = 5; var b = new Number(5); в браузере выглядят одинаково, они равны, a==b; //(true), но не эквивалентны a===b; // (false) Жуть! 2) Масси вы это объекты! В это время объекты это массивы! При том что объекты не обладают всей функциональностью массивов! Жесть?! 3) NaN (not a number- не число) числовой тип данных, при этом NaN==NaN (false) 4) Функции это Объекты высшего порядка, при том что Конструкторы Объектов это Функции. Но такие Функции, которые как функции вызывать в принципе бессмысленно! Круть?! 5) В параметры функции можно передать функцию, и мало того еще и из функции можно вернуть функцию. Каково?! 6) Количество параметров заданных при определении функции, совершенно не имеет отношение к количеству параметров при ее вызове. 7) Аргументы переданные в функцию хранятся в массиве, который не совсем массив 8) Ссылочные типы данных присваиваются по ссылке, а в функцию передаются по значению (читай Закаса стр 120, по-моему) 9) наследование у объектов реализовано через жж..., ой т.е. через прототип 10) Наличие самовызывающихся функций, функциональных выражений, анонимных функций ... и внимание жара - именованных анонимных функций! и это я еще не все вспомнил ;)))) Вот где страх, вот где ужас! Дмитрий, спасибо за видео! Спасибо, что делитесь знаниями и внушаете надежду! :) PS: забыл про самый ужас - контекст выполнения

[@darkfateinc7333]

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

[@erwererwrwr]

DarkFate Inc потому что шарить и быть хорошим педагогом - это разные вещи. Пусть многие ютуберы поучатся, как давать материал, Дмитрию, спасибо.

[@martDKNY]

Как же мне страшно, от того что я не понимаю половины того что тут написано, но слайдер на джиквери очень хорошо прыгнул, но я пока по заветам sorax'а пытаюсь разобраться без джиквери, и по дому слабо, но Димка прям .. думаю про смартгрид теперь, про html academi и про смартгрид и можно будет потехонечку потом яваскрипт и пхп покусать

[@droid777]

Как я, однако, рад, что понял все, что вы написали! Видимо, это значит, что я отлично знаю JS!

[@yuliyamassett9356]

08:10 - статический сайт - к серверной части, а не к клиентской. 08:29 - взаимодействие клиент-сервер. 09:18 - клиент обратно получает от сервера сгенерированную статическую страницу. [!] 10:02 - DOM 11:03-11:50 - место JS. 17:30 - взаимодействие JS с тегами (интерактивность).

[@rar24]

дальше тебя не хватило xD

[@whiteblack7213]

Действительно толковый человек. Дмитрий легко и красиво выражает свои мысли, а также замечательно преподносит информацию.

[@ТарасСюсько-ц3ы]

Діма, дякую! чесно, ти супер учитель!

[@СветланаДмитриева-с4н]

Дмитрий благодарю Вас. Из всех уроков, что мне доселе повезло увидеть - Ваши самые понятные! Вы и правда учитель от Бога)Всех благ!

[@АннШ]

Большое спасибо! Все понятно, получилось повторить самостоятельно. Перед этим смотрела видео Дмитрия "Основы программирования" и делала по ним домашки. Очень советую, там 10 уроков.

[@andrey_kapro]

Спасибо тебе, Дмитрий!

[@mikevasovski1392]

Великолепная подача материала все сразу становится на свои места! Спасибо лойс!!!

[@Vaso-p1f]

Отличный курс.

[@TheMadee23]

Учить это дар. Дмитрий он у Вас есть. Никакого солнечного майского денька. Все четко и просто. Спасибо. Лукас, подписка, дззззынь.

[@kirillkononov5094]

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

[@u-tati]

Дмитрий, учитель от бога!!! Посмотрев ваше видео я наконец-то поняла DOM. Спасибо огромное.

[@jsb7239]

Благодарность из конца декабря 2019💪

[@IvanSergienkodrfunk]

Да чего уж там... Из декабря 2020 тоже спасибо!

[@fantast2568]

@@IvanSergienkodrfunk из декабря 2021 тож

[@InGodWeTrust3_16]

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

[@yuriygostev6786]

Дмитрий молодец ! ! ! Действительно понятно все. Большое вам спасибо.

[@chris_chris5006]

Дмитрий, спасибо за видео. Наиболее четкие и логичные объяснения работы в js во всем ютуб.

[@fantast2568]

Здравствуйте, как ваши успехи, вы давно уже устроились фронтендером?

[@christinasoroka1157]

@@fantast2568 Здравствуйте)) Работаю PM. Изучала js для лучшего технического понимания девелоперов. Знания очень помогли))

[@fantast2568]

@@christinasoroka1157 Оо круто, вы профи своего дела 😉

[@olgatribushinina4760]

Восхитительно!!! Ты лучший, Дмитрий спасибо!

[@andreykalugin8075]

Дмитрий Лаврик! Вы преподаватель от Бога! Я еще не встречал на просторах инета такой способности рассказать так просто о сложном. Жаль что вы дипломов о профпереподготовке не даете. Позднее все равно к вам на курс JS запишусь.

[@ПавелКотов-ъ2в]

Только после твоего видео я реально начал что то понимать :)

[@lexxin0502]

Спасибо Дмитрий, очень нравится вас слушать самый позитивный учитель))

[@fantast2568]

Здравствуйте, как ваши успехи? Вы уже давно устроились разработчиком?

[@droid777]

Рад, что нашелся человек, способный объяснить материал. Но, лично мне, было скучновато, т.к. хорошо знаю JS. Думал, что здесь узнаю что-то новое. Как бы то ни было, имеющиеся данные разложились по полочкам)

[@apexnuts9785]

Это лучшее, что я находил, спасибо

[@kotoezhik]

Спасибо за урок! Проверил имеющиеся в голове знания.

[@deanArtDev]

Тёска, респект тебе и уважение за то, что ты делаешь.

[@michelealeer]

Дмитрий я вас просто люблю спасибо вам за видео. Я прохожу курс сейчас на английском языке курс очень популярный курс о js так в этом курсе не оъесняется так как вы в это делаете. Продолжайте своё дело у вас очень круто получается

[@ЛёняВасильев-у2б]

Хороший учитель.Очень доступно. Че тут еще сказать, пальцаверхипдписался.

[@FCatherine]

Большое спасибо, Дмитрий, на 2-х пальцах объяснили с первого раза.!)

[@lincoln1484]

Благодаря этому видео я научился делать slider, спасибо большое автору!

[@CK-yk7vh]

Отличная речь. Большинство видео по JS вызывают желание спать. Этот улыбаться. Подписался, Скачиваю. +

[@ВладиславДидковский-м1м]

А скачивать никто не разрешал.

[@CK-yk7vh]

Так и никто и не запрещал ...

[@apexnuts9785]

боже, этот человек просто гений

[@dironin2363]

Отличный учитель, прекрасная подача материала. Спасибо огромное!

[@fantast2568]

Здравствуйте, вы уже давно устроились разработчиком?

[@zakiro4277]

Лаврик - Учитель от бога

[@Ельдар-в9ш]

я чуток поковырялся в коде моего кота и теперь при событие 'летящий тапок' его шерсть меняет цвет на синий. Все просто .Заходим в ДНК кота и в конце вставляем эту строку "кот.летящийТапок = function(){ кот.стили.цветШерсти = "синий"; } "

[@MeloGrigorian]

круто:DD

[@quatout146]

А что если кота побрить и кинуть тапок на шерсть, она посинеет?

[@Alexndermars]

@@quatout146 Тестировщики подтянулись :D

[@Standoffer614]

Отличный урок ! Дмитрий Вам огромное спасибо !

[@alexanderzheva7490]

Хороший ролик . Манера исполнения 10 баллов. Я первый раз на вашем канале , хотелось бы знать будет ли, что то более реактивное. (не для новичков) . Видосов на Реакт-тему и так много, но вы, очень хорошо "на котах объясняете".

[@cinderellarouge]

Спасибо, Дмитрий!я вас люблю!!!!!

[@sizzla5000]

Очень доступно объясняет, лайк! Жаль дальше нет ничего(

[@black_bird_in_the_fog]

Это просто бомба! Объяснение нереально крутое))) Спасибо!!!

[@MrColins710]

очень интересно, так держать!

[@Linkoln.Abraham]

Ни одной секунды не пожалел после просмотра этого видео, топ.

[@Нихлатак]

Спасибо! Очень хорошее объяснение

[@СергейБорисов-в6ю]

Отличный посыл, спасибо 👍🏻

[@eugenplaton3116]

Все хорошо. Чисто субъективно, мне больше нравится, как объясняет Сергей Мелюков (Loftschool)

[@julia_avsyuk]

Отлично объясняешь! Так держать!

[@grigoriymorkovin9689]

умеет ... знают предмет многие, но лишь некоторые понимают и умеют доходчиво рассказать ( не пересказать) интересующимся. Дима, ты умеешь. Может это дар божий? Тогда развивай. Удачи не желаю, но творческого вдохновения да.

[@romanchuiko2266]

Для полноценного слайдера с автоматическим переключением картинок добавьте две кнопки: "play" и "stop". var btn_play = document.getElementById('play'); var btn_stop = document.getElementById('stop'); btn_play.onclick = function(){ playslider = setInterval(btn_next.onclick, 2000); // интервал 2с } btn_stop.onclick = function () { clearInterval(playslider); }

[@antonioluck7079]

За слайдер спасибо, юзабельный, чуть допились и вообще пушка будет

[@ЗапасЗнаний]

Урок просто бомба

[@SandroTV99]

получил удовольствие от урока)

[@demiang9369]

Димон - кросафчег. Даешь ООП кота!

[@ЕвгенийСурма-б2р]

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

[@РыбалкааСаратове]

Отличное видео, все прям по пальцам расписал!

[@Shark956]

Благодарность с конца 2022 )

[@АлександрКуликов-в8м]

Проходил у него курс JS для верстальщика. Да, действительно, хороший преподаватель!

[@ЕгорДанченко-ф9д]

Отличное видео.

[@_mirai]

а как быть с свойствами, у которых несколько аргументов?? box-shadov например.-.

[@nikalastsk6275]

нужно больше видео про ДЖС !!! да да да

[@ВиталийСлободянюк-х8м]

JS

[@JesseJames-mh5kb]

не ну вебинар был полезным. не не, ставлю тебе лайкус. заебашил норм урок. пиздато

[@bekzhan356]

Бог учитель, от Дмитрия

[@grigorytarasov7199]

Когда объяснял про переменную на 50:40, мог для наглядности просто подставить везде `document.querySelector('#text)`, тем самым наглядно было бы видно, что переменная это просто сущность которая облегчает написания кода и не пришлось бы везде вместо ее имя писать `document.querySelector('#text)`

[@azizmukambetov8053]

Почему есть обьекты а нет классов как в java? И почему синтаксис очень сложный. Например в функции alert() можно так и написать он работает и так работает а ведь там в конце должен быть ;

[@sergeykanyukov7758]

Очень доступно и полезно!)))

[@proxima7199]

Спасибо, 2.5 лет занимаюсь программированием, только сейчас понял, что такое DOM .. )

[@j.d.3890]

вордпресник не программист

[@proxima7199]

@@j.d.3890 согласен, а зачем ты мне это пишешь?)

[@j.d.3890]

@@AlekseiKazantcev > получаю 10к от этого ты программистом не стал

[@AlekseiKazantcev]

@@j.d.3890 да ладно тебе, чуть проще технология, зато не приходится Angularы всякие учить, веостальщиков кстати тоже программерами я считаю, а вот вас кто на бэке работает, ненавижу

[@andryi6175]

интересно по CMS к примеру WP будут уроки?

[@noone-hi6kq]

вопрос на засыпку. плагины для браузера пишут на js html css но есть плагины с авторизацией и добавлением слов со страницы в базу данных. как?

[@travoltik]

На ответ 2 месяца

[@user-sdo]

Дмитрий, подскажите, в вашем примере галереи в HTML-коде прописаны 8 картинок с display:none. При загрузке такой страницы эти картинки подгрузятся в браузер или они начнут подгружаться только тогда, когда установится display:block?

[@yauhenirusinchuk1420]

а как же es6? где let? что за дела?

[@Alex-xv2vw]

Подскажите, возможно ли с помощью javascript взаимодействовать с открытой в браузере страницей стороннего сайта? Например создать бота, который будет делать последовательность действий.

[@Grandjets]

самое сложное в JS это понять, что язык работает с переменными и классами задаваемые браузером, а не программистом, как это обычно бывает, и это и есть DOM. а далее просто программируем поведение заданных в DOM объектов, и тут все зависит от вашей способности программировать вообще. Синтаксис JS как раз и приспособлен к этой работе c DOM.

[@ramker100]

Круто, внятно обьяснил )

[@Victoria-ly2ij]

Спасибо за видео! А когда еще набор на курс будет?

[@gooddha]

Я б тоже записался

[@nikn6244]

ну как, записывались, прошли курс?

[@ВасяСидоров-я6ш]

Боже, какая красивая ученица.

[@VladiGuitar87]

я собираюсь, айда со мной народ) js для верстальщика с конца марта

[@yakut54]

Красавчик, Димас! давай больше видосов!

[@TheDima2810]

блин, самый первый код не работает

[@alex_python6251]

Отлично!!!!

[@ed30151]

Простите за вопрос. Вроде же скрипты подключаются перед закрывающим тегом а не после. Я такой картины как не разу не видел. Или я что то не так понимаю...Спасибо.

[@саша-ю1в9ь]

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

[@ed30151]

Я не к этому задавал вопрос. А про то что сами скрипты которые опускают вниз документа пишутся не после закрывающего тега body а перед ним.. А в видео написано после. А пишут их снизу чтоб скрипт не блокировал построение документа(потому что пока грузиться script html и css подгружаться не будут, если мы конечно не используем async или defer) и после того как скрипт загрузиться весь dom уже будет построен. Но сами скрипты(их подключение) находятся в body, а не за его пределами. Скорее всего автор просто сделал опечатку! P.S Многие вещи в js понял только после объяснений Дмитрия. Объясняет очень понятно!

[@dmitrylavrik]

Всё верно - опечатка. Лучше писать перед закрывающим body)

[@Ivan-ih4vf]

Добрый день, Дмитрий не могу записаться на Ваш курс по js (js.dmitrylavrik.ru), форма не работает. Уже три раза воодил данные и никакого результата.

[@ravabat5841]

Дмитрий я смотрю это видео только сейчас, а информация спустя три года все еще будет актуальна?

[@Zippa_zippa]

Тоже интересует.... Хотя я код построил под свои файлы и не получилось увы.... Ошибка в 10 строке скрипта выдаёт... (

[@ravabat5841]

@@Zippa_zippa дак это может ошибка в самом коде?

[@Zippa_zippa]

@@ravabat5841 да вроде бы и нет.... Все есть =( забыл уже ошибку помню что нул

[@Zippa_zippa]

@@ravabat5841 думал может где-то ошибку допустил... Проверил раз 30... Не нашёл нечего... Только в консоле вон та ошибка (

[@MrMrlock123321]

Актуально, т.к. это база. Ну за исключением того, что через var переменные не называют

[@Виталий96-к4я]

Лучший !

[@armenian_global_animation_5872]

спасибо Дмитрий

[@MsTim159]

На сколько актуально на 2020 год?

[@advokats086]

ВСЕ АКТУАЛЬНО...

[@amwinner_]

Подскажите,пожалуйста,почему не работает display:none;,хотя другие стили вроде работают

[@KolpaK67]

скорей всего в файле стилей, в строке gallery .photos img пропущен пробел перед точкой

[@Stas75555555]

Вроде сделал тоже самое, редактор выдает ошибку 1 'alert' was used before it was defined. alert('Hello, World!'); пока непонятно что не так(

[@_Fantom_.]

Думал гляну на пару сек,- залип на более чем 1.5 часа!

[@PrintPhoto-pt1hj]

Вы прописали свойство onclick после btn_prev но браузер у меня почему то возвращает значение null и пишет 'script.js:3 Uncaught TypeError: Cannot set property 'onclick' of null(…)(anonymous function) @ script.js:3'

[@vladislavkovalsky6435]

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

[@PrintPhoto-pt1hj]

все получилось, спасибо))

[@adeliyakyzdarbek7224]

Здравствуйте ! Хотела спросить как можно сделать сайте поле в PHP или с JavaScript чтобы можно было только один раза вводить. То есть как можно поставить ограничения

[@maqa6181]

лол

[@jenyaspace]

а как понять что такое в жизни например аргументы

[@TheOldPanda]

а ещё уроки по js будут?

[@ВиталийСлободянюк-х8м]

Куда двигаться после теории JS?

[@vlse7503]

Молодец!

[@ArtemBosenko]

Nice teacher!👍

[@АлинаОкунева-е2б]

Все делаю также, сверяю уже пол часа, но не работает. Ошибка script.js:11 Uncaught TypeError: Cannot set property 'onclick' of null at script.js:11 . Грустно как-то. Сколько смотрю, все равно не понимаю.. var btn_next = document.querySelector('#gallery.buttons.next'); var btn_prev = document.querySelector('#gallery.buttons.prev'); var images = document.querySelectorAll('#gallery.photos img'); var i = 0; btn_next. onclick = function () { images[i].style.display='none'; i++; images[i].style.display = 'block'; }

[@romank2997]

пробел перед onclick уберите

[@virgo6324]

У меня почему-то 12345 при клике цвет не меняет.

[@Alex-scc]

Я конечно понимаю что мне скорее всего никто не ответит, учитывая что видео трехлетней давности, ну да ладно. Подскажите если в теме, вот Дмитрий добавил в штмл несколько картинок, которые положил в нужную папку. Есть ли способ, чтобы в штмл эти картинки добавлялись сами, например в момент закидывания этих картинок в папку? Если да то как? Я вообще чайник если что, так-что предпочтительнее ответы "для тупых"

[@drewred2212]

display:none; у всех пашет?

[@aminaisaeva7353]

Нет

[@nikitastsigorjev7935]

space ;)

[@kapeigood]

Спасибо!

[@mainframe9374]

Для практики и изучения материала хорошо конечно, но вообще до такого редко доходит, ведь есть slick и owl.

[@samuiltuker2630]

Опоздал. Понял.то что не понял и есть жизнь.