Практическое программирование на JavaScript для новичков и верстальщиков

[@luxarmiger5729]

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

[@ЮлияЛебедева-б3и]

Спасибо, даже мне, с моими шестидесятилетними мозгами, понятно стало настолько, что код уже самостоятельно написать смогла, а потом только проверяла по видео. Не все в точности как в видео сделала, но ведь сделала! Раньше и такого не было. Это вдохновляет!

[@ЮрийБарабаш-г4д]

Спасибо Юрий! Все очень добросовестно, аккуратно, доходчиво. Вы прирожденный учитель🏆

[@GameWithStylus]

Это первое видео, которое я посмотрел и понял, зачем пишут определенные строки кода. Я считаю - глупо переписывать строки, если ты не понимаешь, зачем они пишутся. Это первый преподаватель, который объясняет свои действия так, что понятна буквально КАЖДАЯ строка.

[@rikenbaker1]

Тоже обратил внимание, что поясняет очень многое. +1 ему к успеху 😁

[@АннаГант-л9б]

вауууууу. эмоции. только эмоции. это круто! пазлы сошлись. до этого смотрела и пыталась вникнуть в 6-часовой урок по js и не могла понять, как это применять. и вот теперь оно доходит 😆😆😆 это реально прикольно! Спасибо за Ваши уроки!

[@Olgitatata]

Супер!!! Обаятельний дядечка 😄!! У меня все получилось!!! С Вами все понятно, СУПЕР, СПАСИБО ЧТО СОЗДАЛИ КАНАЛ!! ЛУЧШИЙ КОНТЕНТ!!!

[@BryanskyM]

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

[@ИванПопков-б4з]

Добрый день! Учусь js на Я...се (платно) вот уже 6 месяцев, и многое что они не способны объяснить за 6 месяцев - вы объяснили за 2 часа. Учитель это не профессия, учитель это призвание! Вы учитель по призванию, спасибо!

[@Brital1986]

Юрий огромное спасибо. Ваши уроки дают мне надежду изменить свою жизнь к лучшему.

[@soroceanevghenia3888]

Добрый день, огромное спасибо за такое доступное и понятное объяснение материала. Никакой воды и заумных фраз - все четко и понятно, и как результат - отлично работающий фунционал сайта. Еще раз спасибо.

[@snvjava6469]

Юрий, Вы лучший! Спасибо огромное за Ваши уроки и бесценный труд!

[@станиславпятницкий-т7б]

Юрий, класс, вообще считаю без лести и преувеличения, Вас одним из лучших в инете, кто преподает и обучает Вебу. Желаю дальнейших творческих успехов и достижений, максимальной реализации всего задуманного!

[@ilicoartiom1228]

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

[@WebCademy]

Рад что было полезно!)

[@Dr.Albert_OMT]

Уроки суперские. Понятно с полуслова. Разжовано предельно допустимо.

[@vaspurakavdalian1133]

Юрка спасибо

[@НиколайСтепанов-ю3м]

Супер, хотим еще такие видосы на тему js!!!

[@rikenbaker1]

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

[@onlymid2283]

Огнище) мне не было еще настолько понятно все) Осталось запомнить все это))

[@James-oh1vy]

Вы очень круто все разжевываете !!! Смотреть одно удовольствие)

[@mishamisha1850]

Отличный контент. Все доходчиво объясняете. Сразу понятно для чего какой метод и какая тут логика. Спасибо

[@Astco_Hosk]

Благодарю друг , хорошо излагаешь.

[@БийназарКайназаров]

Здравствуйте! Видео урок был отличным! Хотелось бы увидеть урок про ToDoList и React JS! Спасибо! Жду новых и отличных уроков!!!

[@MairambekIzrailov]

Спасибо большое вам огромное спасибо что помогаете нам за безценный труд

[@Meditationandrelaxation-d7w]

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

[@vatasi7312]

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

[@Megalodon510]

Огонь! Спасибо огромное за труды! Хотелось бы больше видео по JavaScript. Создание toDo-приложения, создание обычного калькулятора и т.д.

[@Fufilyar]

Жаль, что на таком хорошем канале так мало подписчиков и просмотров. Достойный материал

[@ВладиславДмитриев-б9в]

От души! Ты лучший!))) Обязательно, дай Бог😇🙏, куплю у вас обучалку!

[@АйкМкртчян-у2г]

Лучший урок который я нашел на ютубе, спасибо Вам большое!

[@РостиславГоман]

спасибо за видео

[@tfr42]

Очень подробное и понятное объяснение, аналогии понятные

[@Vse-po-Faktu]

Супер урок! Очень полезный!

[@serzhanzhumagazhayev7865]

Спасибо за видео!!!

[@IvanJS-b9z]

Для нескольких модалок написал более короткий код с одним forEach const buttons = document.querySelectorAll("[data-modal-button]"); buttons.forEach(function (item) { item.addEventListener("click", function () { const modal = document.querySelector("#" + this.dataset.modalButton); const buttonClose = modal.querySelector("[data-modal-close]"); //открываем модальное окно modal.classList.remove("hidden"); //при клике на Закрыть окно закрываем это модальное окно buttonClose.addEventListener("click", function () { modal.classList.add("hidden"); }); //скрываем модалку по клику по фейду modal.addEventListener("click", function () { modal.classList.add("hidden"); }); // останавливаем всплытие modal .querySelector(".modal-window") .addEventListener("click", function (e) { e.stopPropagation(); }); }); }); Благодарен за уроки, лайк поставил.

[@СергейКозырев-щ9щ]

Отличное изложение материала! Очень рад что набрёл на это Ваше видео. С удовольствием прослушал и проработал. Подписался на канал. Большое спасибо!

[@ignativanopulo7037]

Про модалку реально полезно. Зачёт!

[@Anatoli-bq1pe]

Класс! То что и искал)

[@БекболБекжанов-д3б]

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

[@rostyslavkinash5232]

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

[@yevheniidodiak3644]

Юрий , спасибо Вам. Урок был интересный и полезный =) Всё не зря !

[@emkonrus]

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

[@biscvie]

спасибо)

[@sobakastar_proba]

Спасибо. Познавательно и интересно.

[@ВладимирТкаченко-ь5м]

Спасибо за урок.Интересно и понятно

[@borislihachev8325]

Супер, все понятно объяснил!💪👍

[@vitalahinski4679]

Огромное спасибо! Почерпнул много полезного. Продолжайте дальше в том же духе.

[@эрланнурманбетов-щ5ы]

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

[@a_mexdiev]

Спасибо

[@sasho11090]

Очень годный контент!!!!

[@o.o.rom.]

Спасибо за урок! Было очень полезно и интересно!

[@мадина-э1ы3ь]

Официально лучшее видео

[@mr.zxzxzxz3816]

спасибо отлично получилось

[@Ahmed__123j]

лучший видео урок спасибо Автору канала!!!

[@БурякЯна]

очень сильно,что первая что вторая часть

[@deterkot]

от души за это

[@fobianka2131]

спасибо за ваш труд! это очень доходчиво и интересно, где ещё можно найти подобные видео, чтобы так просто объясняли?

[@СтаниславГорячев-г1ъ]

Топ контент для новичков, спасибо

[@BogdanRedkin]

ОГРОМНОЕ Спасибо за годный контент!

[@hello-gq4yi]

Отличный контент, спасибо за видео

[@q_loo6342]

Спасибо большое за ваш контент!

[@leyaadele]

Благодарю Вас!🙏🏼💕

[@ВолодяБунь]

Красавчик

[@AlexanderShamarin]

спасибо!

[@vatasi7312]

Офигенно.

[@arsen1683]

Ти лучший посибо !

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

сразу подписался

[@svoy4el]

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

[@РиАн-х9щ]

++++++

[@Shakhrom-b7d]

Лучше делать функции открытия и закрытия модалки, а далее вешать на кнопки. Это удобно если послед загрузки страницы надо открыть модалку спустя какое-то время, не кликая. Ну или после успешной отправки формы открыть модалку с информацией. Пример: setTimeout(modalOpen(modal-id), 3000)

[@WebCademy]

Да, для универсальной модалки методы открытия, закрытия будут полезны. В этом уроке базовый пример модалки и работа с DOM для верстальщика. После успешной отправки формы лучше открывать не по таймауту, а после получение ответа от сервера о том что данные действительно получены.

[@Дмитрий-д8о6м]

45:03 я не пойму, если мы функцию выносим отдельно, как this понимает на что ссылаться? Или типо из-за того, что мы передали ее аргументом в item, функция понимает что this это item ?

[@keepcalmandcodeon.]

респект вам! после просмотра 11-ти часов теории и неудач в codewars, наконец-то хорошая практика! Не могли бы вы посоветовать, где ещё попрактиковаться можно новичку? 😉

[@mickeymr4951]

брат, ты тоже проходил этот курс на 11ч на ютубе?😢😂 уважаю

[@keepcalmandcodeon.]

@@mickeymr4951 ага, вот 11 месяцев прошло я уже всё, что захочу в js сделать могу, этот курс реально помог, но важно дальше двигаться, я после прохождения забыл половину, главное практиковаться

[@mickeymr4951]

@@keepcalmandcodeon. ты огромный молодец!!! спасибо за ответ, такое очень вдохновляет :З я вот только закончила основы, сейчас в практику вкатываюсь)

[@keepcalmandcodeon.]

@@mickeymr4951 спасибо, основа - самое сложное, дальше всё намного легче)) удачи тебе! всё получится!)

[@KrZn104]

Спасибо! Очень классное видео, очень познавательно! Но слишком часто взаимодействуете с console.log - перебор! Не хватает видео про слайдер-карусель, ну только не обычный со стрелками и точками, а на основе плагина swiper (адаптивный). Ведь начинающий разработчик должен знать как написать аккордеон, табы, селекты, модалки, слайдер. Вообще супер подача материала!

[@Андрей-п3й1щ]

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

[@YarmetoV]

пишу все по видео почему то button в консоле не выходит подскажите пожалуйста в чем проблема

[@ap6y3uk60]

Как отключить синее подчеркивание в VS Code? Появляется под словами на русском языке или тексте с использованием lorem

[@aliciajc4985]

Скажите, пожалуйста, как можно заменить "#", если указаны классы вместо id в конструкции let contentBox = document.querySelector( "#" + this.dataset.btn);

[@WebCademy]

. - для CSS классов. Посмотрите ролик JS за 6 часов на канале, там в начале есть про селекторы.

[@olegonkos]

чтоб HTML не растягивать пора бы уж написать функцию на JS, которая генерирует любое кол-во модалок

[@luckytima2315]

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

[@WebCademy]

Расскажем в серии роликов по JS.

[@ТалгатМуканов-в4д]

Автор подскажите пожалуйста как правильно войти в бэкенд? Чтобы не сломаться невовремя, а то грузят всякой туфтой и очень сложно объясняют....

[@jackson8460]

Интересно, настанет ли когда-нибудь такой день, когда я буду все это понимать!? Вроде человек по русски объясняет, а я сижу и смотрю как баран на новые ворота.

[@Kostya-zj1sh]

Когда я только начинал, мне очень сильно помогала нейросеть. Просто закидываешь в нее непонятный кусок кода (или вообще весь код, если он короткий) и она делает детальный разбор.

[@gost7235]

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

[@WebCademy]

Кнопка закрытия должна закрывать только ту модалку к которой она принадлежит. Тут можно связать кнопку с модалкой через дата атрибут, или находить модалку через .closest() если кнопка внутри неё.

[@виталийкытманов-п8ф]

Ты ешь свой хлеб Уважаемый не зря

[@anatolyannenko1821]

вроде как табы и аккордеон с ошибками, если удалить блок то js плодит ошибки что не есть хоршоо

[@tortik_0162]

А что за плагин, который автоматически переводит слова, если написал не в той раскладке?

[@WebCademy]

PuntoSwitcher - для Windows

[@user-pt1te3uh7f]

2:55

[@thereayou620]

в 1 задание код можно сократить еще больше "content.classList.toggle('content-hidden') ? button.textContent = 'Открыть блок' : button.textContent = 'Закрыть блок';"

[@slava7743]

Я не IT-ник( просто интересно), непонятно, зачем такое нагромождение классов в аккордеоне и не проще вместо addEventListener использовать onclick?

[@WebCademy]

Каждый класс отвечает за определенное свойство. Можно и onclick использовать.

[@slava7743]

@@WebCademy Спасибо!

[@MAZAJKA174]

Здравствуйте, Юрий. Ссылка на курс некорректная.

[@ЛидияПаринова-п1т]

kzbin.info/www/bejne/i3fQi5SEn5uqr6M Это первая часть.

[@WebCademy]

Константин, благодарю!) Поправил. webcademy.ru/jscourse/

[@max_snischuk]

без дата-атрибутов никак?

[@WebCademy]

Можно и без них, на CSS классах например. С дата-атрибутами удобно.

[@lisukl2521]

Мы нашим родителям не сообщаем что внутри нас кто то кликал. Звучит как то не очень.

[@e_eQuator]

чел, мб тебе похрен, но у меня изза твоих уроков скоро ожог сетчатки будет. Неужели так сложно приятный для глад бэкграунд-колор прописать??? без негатива(с негативом(без негатива))

[@WebCademy]

И какой цвет вызывает такую реакцию? Белый, темно синий в редакторе или зеленый который был в браузере на фоне?

[@александрсаковский-с7д]

Uncaught TypeError: Cannot read properties of undefined (reading 'toogle') at HTMLDivElement.

[@WebCademy]

Опечатка в classList - пишется с заглавной L

[@александрсаковский-с7д]

@@WebCademy Не знаю что и сказать.)) Спасибо Юр. Все таки перерывы нужно делать. Глаза просто незаметно мылятся.

[@WebCademy]

@@александрсаковский-с7д Да, бывает))

[@valerymonastyrev3229]

Спасибо

[@Grigoren_com]

спасибо за урок! очень хорошее и подробное объяснение

[@olegsemenets7300]

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