У тебя талант объяснять. Очень качественный контент, коротко и ясно без лишней воды, мне кажется даже далёкий человек от программирования сможет понять без проблем. Спасибо большое за уроки!
Я посмотрел 4 урока как сделать слайдер конкретно на Js и Css, без доп. библиотек и это единственный понятный ролик, который я смог реализовать в последствии и осознать всю конструкцию. Спасибо вам, Алекс Лущенко!
БОЛЬШОЕ спасибо вам! Сколько видео посмотрел,никак не могу понять механизм слайдера.Только вы смогли мне доходчиво обьяснить сложное для меня тему! Подписался и поставил лайк!
В основном, очень даже хорошо! Нашел то что искал, все просто и понятно, к примеру другие люди обьясняют не понятные команды и функции новичкам, а тут прям не к чему придраться! СПАСИБО!
Спасибо большое. Целый день искал примеры слайдера с анимацией, у всех громоздкие примеры по 200+ строк js кода при чем итоговый результат не лучше, а у Вас все кратко и доступно.
Вы супер! Всегда всё получается с первого раза! Всё понятно и доступно объясняете. Учусь на front-end разработчика и Ваш канал очень помогает мне справляться с трудностями. Спасибо Вам! Здоровья!
Спасибо за видео! Очень просто и понятно. Я пытался сделать слайдер самостоятельно и всё не мог догадаться как отключить видимость слайдера за пределами родительского блока )
Полезный совет: 13:34 мин. видео. Для перемещения строк по документу вверх или вниз, нужно кликнуть ЛКМ между любыми элементами нужной строки(курсор мигает) и удерживая левый Alt перемещать стрелками вверх или вниз. Сделал свой слайдер по Вашему уроку с десятком картинок - получилось.
вы просто супер! столько перерыл, вообще самообразование это такая___ не верьте никому, что информации в интернете куча, вам не узнать на сколько она актуальная пока не узнаете))))) с куратором, преподом, учителем вы сразу учите как работает, а сами вы будете вторым Эдисоном и найдете тысячу способов, которые не работают. Только не надо умничать, типо опыта больше, мне как-то не нужно к опыту знать, что кота в микроволновые греть нельзя. В общем я к чему. эти 16 минут просто были как мана небесная среди всего конвента, посмотрю обязательно следующий о динамическом слайдера, что мне очень нужно.) Вы супер! А остальные учитесь с кем-то, не тратьте время.
Давно уже прошёл все эти начальные темы изучения фронта, но всегда круто по Вашим урокам освежить всё в памяти при необходимости, очень доступно и понятно. Один из лучших каналов по теме!
Я вроде не такой уж и новичок но ни разу не пробовал писать слайдер, уже все сделал и лайтбокс адаптивный и галерею динамическую и смену изображения при наведении для товарки а слайдер так и не пробовал , теперь думаю сделаю что-нибудь интересное )) спасибо за урок
Спасибо, самый быстрый способ, везде городят кучу кода и тд, у вас все просто и понятно. Давно подписан на ваш канал, с помощью ваших уроков пишу интернет магазин, вы вносите неоценимый вклад 👍 Подскажите ещё один момент, насколько сложно будет добавить отслеживание Touch событий на слайдере, чтобы работал на смартфонах простым свайпом по фото влево и вправо.
Очень полезно и не сложно в в исполнении, но если добавить ещё одну картинку..... всё рассыпится... , на CMS такое уже не натянешь, ну или с большими ограничениями. Для простого десктопного сайта , или лендинга, самое то! Лайкос в общем!
Спасибо за урок, смотрел много видео но только с этим методом всё просто и понятно. Можете пожалуйста подсказать как сделать чтобы при переходе с последней картинки не было перелистования через все картинки а сразу переходила на первую
Александр, спасибо за классные уроки по слайдерам! Но есть вопрос, как сделать автовоспроизведение? Пробую через setInterval и clearInterval, при загрузке страницы проигрывается, но если руками переключить, то перестает проигрываться. Если не использовать clearInterval, сбивается время (сбой или наложение интервалов)... В общем, голову ломаю.
Очень прикольный тутор, но не очень понятно, как сделать его процедурным. Допустим, у меня 5 картинок будет или 3 картинки будет. В этом случае нужно if во всех функциях менять. В любом случае спасибо за урок, обожаю ваш канал))
Алекс, добрый день Готов пройти у вас курс обучения Мне нужно подключится к API Amazon и получать данные о товарах и продавцах. Сейчас парсю с HTML страниц на JS. Я уже немного разбираюсь в JS , PHP и Python. Написал расширение для Crome, но затык в API Amazon (c API Keepa на Python работаю)
сделал как в видео не работало всё корректно, проверял 999 раз всё в точь вточь как в ролике, но увы не хотело так работать, попробовал откорректировать значения offset и заработало отлично... document.querySelector('.slaider-next').addEventListener('click', function(){ offset = offset + 180; if(offset >= 720){ offset = 0; } slaiderLine.style.left = -offset + 'px'; });
![Ice On My Teeth - ATEEZ エイティーズ 에이티즈 [Music Bank] | KBS WORLD TV 241115](http://i.ytimg.com/vi/c-n92OgbbwA/mqdefault.jpg)
У тебя талант объяснять. Очень качественный контент, коротко и ясно без лишней воды, мне кажется даже далёкий человек от программирования сможет понять без проблем.
Спасибо большое за уроки!
соглашусь, приятно слушать.
@@YaroslavEx Привет, давно изучаешь js?
Я посмотрел 4 урока как сделать слайдер конкретно на Js и Css, без доп. библиотек и это единственный понятный ролик, который я смог реализовать в последствии и осознать всю конструкцию. Спасибо вам, Алекс Лущенко!
Насколько же понятно вы объясняете, просто лучший
Я просто в шоке от такого грамотного разъяснения. После просмотра урока JS мне показался не таким уж и страшным. Спасибо))
БОЛЬШОЕ спасибо вам! Сколько видео посмотрел,никак не могу понять механизм слайдера.Только вы смогли мне доходчиво обьяснить сложное для меня тему! Подписался и поставил лайк!
В основном, очень даже хорошо! Нашел то что искал, все просто и понятно, к примеру другие люди обьясняют не понятные команды и функции новичкам, а тут прям не к чему придраться! СПАСИБО!
Спасибо большое. Целый день искал примеры слайдера с анимацией, у всех громоздкие примеры по 200+ строк js кода при чем итоговый результат не лучше, а у Вас все кратко и доступно.
Вы супер! Всегда всё получается с первого раза! Всё понятно и доступно объясняете. Учусь на front-end разработчика и Ваш канал очень помогает мне справляться с трудностями. Спасибо Вам! Здоровья!
ВСЕ ЧОТКО, то что надо без воды!!!!!Люблю! Спасибо, всегда выручают ваши простые уроки и js не кажется таким злодеем.
Не зря подписался: чётко, быстро, минимум бла-бла-бла, всё по делу. Спасибо, что Вы есть!!!
Я в восторге от видео, все очень понятно и доступно объяснено
Александр спасибо большое, очень просто все объяснили. Лучший урок на ютубе.
Алекс подписался на ваш канал
Лучшего преподавания программирования я не видел!
Спасибо
Спасибо! Всё просто и доходчиво, без лишних нюансов. Новичкам особенно актуальная такая подача информации
Спасибо, хорошо объяснили, что такое слайдер.
Спасибо большое, как же приятно смотреть такие видео всё быстро, понятно , без воды и главное что работает спасибо вам большое!!!
Супер! Огромное спасибо. Делаю сайт, все делаю на чистом js, не в первый раз выручаете.
Спасибо за ваши уроки. Доступно и понятно даже новичкам.
Спасибо - именно в этом и вижу цель канала - учить начинающих.
@@itgid И у Вас это великолепно получается ) я как ваш студент могу это подтвердить )
Супер! Огромное спасибо! Просто, функционально, доступно для понимания новичку и что самое главное без "черной магии")))
Спасибо за видео! Очень просто и понятно. Я пытался сделать слайдер самостоятельно и всё не мог догадаться как отключить видимость слайдера за пределами родительского блока )
О, прикольно! Всегда интересно смотреть на Вашем канале такие мини-видео-лайфхаки.
Всех с 2021 годом. Интересно было посмотреть такой или примерно слайдер с подгрузкой контента из базы данных
отлично - смотрю 5-ое видео про слайдер и только тут все стало понятно) спасибо!
Полезный совет: 13:34 мин. видео. Для перемещения строк по документу вверх или вниз, нужно кликнуть ЛКМ между любыми элементами нужной строки(курсор мигает) и удерживая левый Alt перемещать стрелками вверх или вниз. Сделал свой слайдер по Вашему уроку с десятком картинок - получилось.
Это самое простое и доступное видео про слайдер, которое я видел
От души. Теперь всё понятно . Написал свой первый слайдер.
Лучший видеоролик о слайдерах на чистом js! Удачи автору!!!
Этот канал просто находка) Благодарю!
Спасибо вам огромное за столь понятное объяснение!
Спасибо вам большое, Алекс) слайдер, JS, css
Спасибо. Здоровья Вам и процветание каналу.
доступно и понятно. Спасибо )
Спасибо! Очень понятно и доступно. Получилось реализовать в моём учебном проекте.
вы просто супер! столько перерыл, вообще самообразование это такая___ не верьте никому, что информации в интернете куча, вам не узнать на сколько она актуальная пока не узнаете))))) с куратором, преподом, учителем вы сразу учите как работает, а сами вы будете вторым Эдисоном и найдете тысячу способов, которые не работают. Только не надо умничать, типо опыта больше, мне как-то не нужно к опыту знать, что кота в микроволновые греть нельзя. В общем я к чему. эти 16 минут просто были как мана небесная среди всего конвента, посмотрю обязательно следующий о динамическом слайдера, что мне очень нужно.) Вы супер! А остальные учитесь с кем-то, не тратьте время.
Шикарно! Просто шикарно! Спасибо Вам!!!
Спасибо. Учусь у вас 5 дней!
Это лучшее, что есть в онлайн обучении!!
Откуда у вас на все хватает времени?))
Да просто не сплю
Уже 3 года.
@@itgid а так можно?))
Огромное спасибо, Александр, отличное объяснение, обнял.
Какой же ты крутой! Все понятно, весь код объясняешь!
Очень интересует слайдер с фото разных размеров, автору здоровья и процветания в Новом году!
спасибо огромное! получилось! а главное - понял как это вообще работает)
Боже мой!!! Как здорово, что я Вас нашла!!! огромное СПАСИБО!!!, за очень доступное и подробное объяснение!!!
Наташа Таранина меняет профессию
Давно уже прошёл все эти начальные темы изучения фронта, но всегда круто по Вашим урокам освежить всё в памяти при необходимости, очень доступно и понятно. Один из лучших каналов по теме!
Работаете во фронте?
@@DmytroToropда
Самое простое объяснение, спасибо за ваш труд !
Всегда приятно смотреть и учиться у вас. Спасибо большое.
Спасибо, что вы делаете из магии простые вещи!
Обожаю ваши объяснения. Вы учитель от Бога. Большое спасибо.
Жду с нетерпением дальше уроков по слайдерам
Круто, жду следующий ролик!
Спасибо большое! Все предельно понятно. И все работает!
Видео достойное лайка! Всё четко и понятно! Это как раз то, что нужно для новичков!
Я вроде не такой уж и новичок но ни разу не пробовал писать слайдер, уже все сделал и лайтбокс адаптивный и галерею динамическую и смену изображения при наведении для товарки а слайдер так и не пробовал , теперь думаю сделаю что-нибудь интересное )) спасибо за урок
Спасибо, самый быстрый способ, везде городят кучу кода и тд, у вас все просто и понятно. Давно подписан на ваш канал, с помощью ваших уроков пишу интернет магазин, вы вносите неоценимый вклад 👍
Подскажите ещё один момент, насколько сложно будет добавить отслеживание Touch событий на слайдере, чтобы работал на смартфонах простым свайпом по фото влево и вправо.
не сложно совсем. Этот слайдер даже на смартах с тачем сработает. А swipe требует дописать пару функий.
@@itgid Если будет в дальнейшем ваш урок с этим, то будет супер! Спасибо вам!
Привет, хороший канал в плане подачи, голоса и знаний, особенно для падаванов и джунов... Как всегда лайк
Очень крутое видео. Интересно и полезно.
Спасибо за доступное объяснение!!!
Очень подробно и просто! Спасибо!
Очень круто объяснено!!
Очень полезно и не сложно в в исполнении, но если добавить ещё одну картинку..... всё рассыпится... , на CMS такое уже не натянешь, ну или с большими ограничениями. Для простого десктопного сайта , или лендинга, самое то! Лайкос в общем!
как всегда лучшая подача материала, очень было бы интересно посмотреть как делать окна которые можно скрыть и развернуть при нажатии кнопки
Спасибо) То что нужно!
Спасибо!
супер, отличная подача материала.
Спасибо за урок, смотрел много видео но только с этим методом всё просто и понятно. Можете пожалуйста подсказать как сделать чтобы при переходе с последней картинки не было перелистования через все картинки а сразу переходила на первую
не думал что на CSS так можно юзать JS...лайк однозначно, а новичкам можно в качестве портфолио на git.hub заливать, что собственно я и сделаю ))
спасибо Вам большое за урок!
Сенсей ты лучший !
спасибо большое помогли )
Благодарю за понятный урок :)
Очень понятно спасибо)
Крут! Хорошо пояснил!
Имба! Спасибо за и информацию
Спасибо! Класс!👍👍👍👍
Бля как же просто вы объясняете…респект
Спасибо, супер видео. У меня все получилось. Подскажите у Вас есть видео где вы подробно рассказываете про все css?
Вроде можно было бы сделать один метод внутри которого проверять какая именно кнопка нажата и считать на ее основе уже offset
Ура,класс 👍👍👍👍
От души, спасибо!!)))
Вот она магия!) спасибо
Очень полезно, спасибо!
Прикольно. Получилось)
Большое спасибо!
Вы прекрасны
спасибо за видео
ну вот то что надо же! спасибо
Скажите пожалуйста, как сделать чтобы ширина общего блока была не только для одной картины, например для 5 ти ?
плохо что картинки от первой к последней скачут через все промежуточные
Блестящщее!!!
Александр, спасибо за классные уроки по слайдерам! Но есть вопрос, как сделать автовоспроизведение? Пробую через setInterval и clearInterval, при загрузке страницы проигрывается, но если руками переключить, то перестает проигрываться. Если не использовать clearInterval, сбивается время (сбой или наложение интервалов)... В общем, голову ломаю.
Вау, 2021 год, обычно 2016-2018 года выпуска видео, а тут 2021 0_о
Спасибо))) Очень понятно)))
style.left не котируется VS. Cannot read property 'style' of null at HTMLButtonElement.
Ох, спасибо вам огромное
Очень прикольный тутор, но не очень понятно, как сделать его процедурным. Допустим, у меня 5 картинок будет или 3 картинки будет. В этом случае нужно if во всех функциях менять. В любом случае спасибо за урок, обожаю ваш канал))
Супер))
супер!
Привет, было бы круто если бы вы сделали в телеграмме чат подписчиков, где можно задавать вопросы по коду, и тд.
Было. 3 года было. Хватит.
Добрый день. Планируете ли выпустить видео про паттерны и соответственно курс в котором будет over туча задач для их применения?
У меня почему то ошибка вылазит
Алекс, добрый день
Готов пройти у вас курс обучения
Мне нужно подключится к API Amazon и получать данные о товарах и продавцах. Сейчас парсю с HTML страниц на JS.
Я уже немного разбираюсь в JS , PHP и Python. Написал расширение для Crome, но затык в API Amazon (c API Keepa на Python работаю)
сделал как в видео не работало всё корректно, проверял 999 раз всё в точь вточь как в ролике, но увы не хотело так работать, попробовал откорректировать значения offset и заработало отлично...
document.querySelector('.slaider-next').addEventListener('click', function(){
offset = offset + 180;
if(offset >= 720){
offset = 0;
}
slaiderLine.style.left = -offset + 'px';
});
document.querySelector('.slaider-prev').addEventListener('click', function(){
offset = offset - 180;
if(offset < 0){
offset = 540;
}
slaiderLine.style.left = -offset + 'px';
});
тоже самое и у меня, с вашим кодом тоже не идет. проверяли бесконечно раз код всё верно. Скачал с гитхаб код запустил нет, картинок нет слайдера нет
Спасибо!