Спасибо за урок. Знаете, я много пересмотрел всяких уроков на ютубе, практически всех более-менее известных верстальщиков. У каждого есть свои особенности. Но ваш метод донесения информации мне нравится более всего. С одной стороны вы не перегружаете новичков избыточной информацией, которую сложно переварить, а с другой стороны объясняете очень просто. Вы отличный учитель. Спасибо, вам, Юрий!
Спасибо, даже мне, с моими шестидесятилетними мозгами, понятно стало настолько, что код уже самостоятельно написать смогла, а потом только проверяла по видео. Не все в точности как в видео сделала, но ведь сделала! Раньше и такого не было. Это вдохновляет!
Это первое видео, которое я посмотрел и понял, зачем пишут определенные строки кода. Я считаю - глупо переписывать строки, если ты не понимаешь, зачем они пишутся. Это первый преподаватель, который объясняет свои действия так, что понятна буквально КАЖДАЯ строка.
Невероятный урок, огромное спасибо вам. Сегодня реально на практике пригодилось. Нужно было сделать модальное окно на чистом JS и, благодаря вам, всё получилось реализовать.
вауууууу. эмоции. только эмоции. это круто! пазлы сошлись. до этого смотрела и пыталась вникнуть в 6-часовой урок по js и не могла понять, как это применять. и вот теперь оно доходит 😆😆😆 это реально прикольно! Спасибо за Ваши уроки!
Юрий, класс, вообще считаю без лести и преувеличения, Вас одним из лучших в инете, кто преподает и обучает Вебу. Желаю дальнейших творческих успехов и достижений, максимальной реализации всего задуманного!
Добрый день, огромное спасибо за такое доступное и понятное объяснение материала. Никакой воды и заумных фраз - все четко и понятно, и как результат - отлично работающий фунционал сайта. Еще раз спасибо.
Добрый день! Учусь js на Я...се (платно) вот уже 6 месяцев, и многое что они не способны объяснить за 6 месяцев - вы объяснили за 2 часа. Учитель это не профессия, учитель это призвание! Вы учитель по призванию, спасибо!
в 1 задание код можно сократить еще больше "content.classList.toggle('content-hidden') ? button.textContent = 'Открыть блок' : button.textContent = 'Закрыть блок';"
респект вам! после просмотра 11-ти часов теории и неудач в codewars, наконец-то хорошая практика! Не могли бы вы посоветовать, где ещё попрактиковаться можно новичку? 😉
@@mickeymr4951 ага, вот 11 месяцев прошло я уже всё, что захочу в js сделать могу, этот курс реально помог, но важно дальше двигаться, я после прохождения забыл половину, главное практиковаться
Для нескольких модалок написал более короткий код с одним 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(); }); }); }); Благодарен за уроки, лайк поставил.
Лучше делать функции открытия и закрытия модалки, а далее вешать на кнопки. Это удобно если послед загрузки страницы надо открыть модалку спустя какое-то время, не кликая. Ну или после успешной отправки формы открыть модалку с информацией. Пример: setTimeout(modalOpen(modal-id), 3000)
Да, для универсальной модалки методы открытия, закрытия будут полезны. В этом уроке базовый пример модалки и работа с DOM для верстальщика. После успешной отправки формы лучше открывать не по таймауту, а после получение ответа от сервера о том что данные действительно получены.
Спасибо! Очень классное видео, очень познавательно! Но слишком часто взаимодействуете с console.log - перебор! Не хватает видео про слайдер-карусель, ну только не обычный со стрелками и точками, а на основе плагина swiper (адаптивный). Ведь начинающий разработчик должен знать как написать аккордеон, табы, селекты, модалки, слайдер. Вообще супер подача материала!
45:03 я не пойму, если мы функцию выносим отдельно, как this понимает на что ссылаться? Или типо из-за того, что мы передали ее аргументом в item, функция понимает что this это item ?
Интересно, настанет ли когда-нибудь такой день, когда я буду все это понимать!? Вроде человек по русски объясняет, а я сижу и смотрю как баран на новые ворота.
Когда я только начинал, мне очень сильно помогала нейросеть. Просто закидываешь в нее непонятный кусок кода (или вообще весь код, если он короткий) и она делает детальный разбор.
Кнопка закрытия должна закрывать только ту модалку к которой она принадлежит. Тут можно связать кнопку с модалкой через дата атрибут, или находить модалку через .closest() если кнопка внутри неё.
Скажите, пожалуйста, как можно заменить "#", если указаны классы вместо id в конструкции let contentBox = document.querySelector( "#" + this.dataset.btn);
чел, мб тебе похрен, но у меня изза твоих уроков скоро ожог сетчатки будет. Неужели так сложно приятный для глад бэкграунд-колор прописать??? без негатива(с негативом(без негатива))