Пишем простой слайдер на JS и CSS!

  Рет қаралды 136,601

WebDev с нуля. Канал Алекса Лущенко

WebDev с нуля. Канал Алекса Лущенко

Күн бұрын

Пікірлер: 183
@Павел-ф4щ9ъ
@Павел-ф4щ9ъ 3 жыл бұрын
У тебя талант объяснять. Очень качественный контент, коротко и ясно без лишней воды, мне кажется даже далёкий человек от программирования сможет понять без проблем. Спасибо большое за уроки!
@YaroslavEx
@YaroslavEx 2 жыл бұрын
соглашусь, приятно слушать.
@seron4206
@seron4206 2 жыл бұрын
@@YaroslavEx Привет, давно изучаешь js?
@trendsgallery
@trendsgallery 2 жыл бұрын
Я посмотрел 4 урока как сделать слайдер конкретно на Js и Css, без доп. библиотек и это единственный понятный ролик, который я смог реализовать в последствии и осознать всю конструкцию. Спасибо вам, Алекс Лущенко!
@ThevideOoLoadeR
@ThevideOoLoadeR 3 жыл бұрын
Я просто в шоке от такого грамотного разъяснения. После просмотра урока JS мне показался не таким уж и страшным. Спасибо))
@РегимРагимов
@РегимРагимов 3 жыл бұрын
Насколько же понятно вы объясняете, просто лучший
@pyndykmisha
@pyndykmisha 3 жыл бұрын
В основном, очень даже хорошо! Нашел то что искал, все просто и понятно, к примеру другие люди обьясняют не понятные команды и функции новичкам, а тут прям не к чему придраться! СПАСИБО!
@user-Natalia11
@user-Natalia11 3 жыл бұрын
Спасибо за ваши уроки. Доступно и понятно даже новичкам.
@itgid
@itgid 3 жыл бұрын
Спасибо - именно в этом и вижу цель канала - учить начинающих.
@denysivashchenko2080
@denysivashchenko2080 3 жыл бұрын
@@itgid И у Вас это великолепно получается ) я как ваш студент могу это подтвердить )
@yatut4467
@yatut4467 3 жыл бұрын
Спасибо большое. Целый день искал примеры слайдера с анимацией, у всех громоздкие примеры по 200+ строк js кода при чем итоговый результат не лучше, а у Вас все кратко и доступно.
@jr9032
@jr9032 3 жыл бұрын
Супер! Огромное спасибо! Просто, функционально, доступно для понимания новичку и что самое главное без "черной магии")))
@beduingreen
@beduingreen 7 ай бұрын
БОЛЬШОЕ спасибо вам! Сколько видео посмотрел,никак не могу понять механизм слайдера.Только вы смогли мне доходчиво обьяснить сложное для меня тему! Подписался и поставил лайк!
@ВероникаЧернобай-ъ8л
@ВероникаЧернобай-ъ8л 2 жыл бұрын
ВСЕ ЧОТКО, то что надо без воды!!!!!Люблю! Спасибо, всегда выручают ваши простые уроки и js не кажется таким злодеем.
@PreLeks
@PreLeks 2 жыл бұрын
Не зря подписался: чётко, быстро, минимум бла-бла-бла, всё по делу. Спасибо, что Вы есть!!!
@Arks_kr
@Arks_kr 2 жыл бұрын
Вы супер! Всегда всё получается с первого раза! Всё понятно и доступно объясняете. Учусь на front-end разработчика и Ваш канал очень помогает мне справляться с трудностями. Спасибо Вам! Здоровья!
@chev_chelios
@chev_chelios 7 ай бұрын
Супер! Огромное спасибо. Делаю сайт, все делаю на чистом js, не в первый раз выручаете.
@MobileLegendsImmortal
@MobileLegendsImmortal Жыл бұрын
вы просто супер! столько перерыл, вообще самообразование это такая___ не верьте никому, что информации в интернете куча, вам не узнать на сколько она актуальная пока не узнаете))))) с куратором, преподом, учителем вы сразу учите как работает, а сами вы будете вторым Эдисоном и найдете тысячу способов, которые не работают. Только не надо умничать, типо опыта больше, мне как-то не нужно к опыту знать, что кота в микроволновые греть нельзя. В общем я к чему. эти 16 минут просто были как мана небесная среди всего конвента, посмотрю обязательно следующий о динамическом слайдера, что мне очень нужно.) Вы супер! А остальные учитесь с кем-то, не тратьте время.
@Руслан-ч4я9ф
@Руслан-ч4я9ф 3 жыл бұрын
Я в восторге от видео, все очень понятно и доступно объяснено
@niceman5890
@niceman5890 2 жыл бұрын
Спасибо, хорошо объяснили, что такое слайдер.
@Вячеслав-ч1м
@Вячеслав-ч1м Ай бұрын
Александр спасибо большое, очень просто все объяснили. Лучший урок на ютубе.
@DmSychov
@DmSychov 3 жыл бұрын
Алекс подписался на ваш канал Лучшего преподавания программирования я не видел! Спасибо
@alexzav1327
@alexzav1327 Жыл бұрын
Спасибо за видео! Очень просто и понятно. Я пытался сделать слайдер самостоятельно и всё не мог догадаться как отключить видимость слайдера за пределами родительского блока )
@mind150
@mind150 3 жыл бұрын
Спасибо. Учусь у вас 5 дней! Это лучшее, что есть в онлайн обучении!! Откуда у вас на все хватает времени?))
@itgid
@itgid 3 жыл бұрын
Да просто не сплю Уже 3 года.
@mind150
@mind150 3 жыл бұрын
@@itgid а так можно?))
@БогданЯцентюк-ч9ч
@БогданЯцентюк-ч9ч Жыл бұрын
Спасибо! Всё просто и доходчиво, без лишних нюансов. Новичкам особенно актуальная такая подача информации
@major_2143
@major_2143 3 жыл бұрын
Полезный совет: 13:34 мин. видео. Для перемещения строк по документу вверх или вниз, нужно кликнуть ЛКМ между любыми элементами нужной строки(курсор мигает) и удерживая левый Alt перемещать стрелками вверх или вниз. Сделал свой слайдер по Вашему уроку с десятком картинок - получилось.
@КамилаИзмайлова-з9т
@КамилаИзмайлова-з9т 2 жыл бұрын
Спасибо вам огромное за столь понятное объяснение!
@BigTrick1988
@BigTrick1988 3 жыл бұрын
доступно и понятно. Спасибо )
@agataageeva424
@agataageeva424 3 жыл бұрын
Спасибо вам большое, Алекс) слайдер, JS, css
@zimabezsnega
@zimabezsnega 3 жыл бұрын
Спасибо большое, как же приятно смотреть такие видео всё быстро, понятно , без воды и главное что работает спасибо вам большое!!!
@jinke5935
@jinke5935 3 жыл бұрын
О, прикольно! Всегда интересно смотреть на Вашем канале такие мини-видео-лайфхаки.
@spicyeric9063
@spicyeric9063 9 ай бұрын
От души. Теперь всё понятно . Написал свой первый слайдер.
@1_dimasik_1
@1_dimasik_1 3 жыл бұрын
Это самое простое и доступное видео про слайдер, которое я видел
@pastyrMisha
@pastyrMisha 3 жыл бұрын
Шикарно! Просто шикарно! Спасибо Вам!!!
@movieschanel8370
@movieschanel8370 3 жыл бұрын
Всех с 2021 годом. Интересно было посмотреть такой или примерно слайдер с подгрузкой контента из базы данных
@АнастасияШелухина-з7е
@АнастасияШелухина-з7е 2 жыл бұрын
отлично - смотрю 5-ое видео про слайдер и только тут все стало понятно) спасибо!
@dmitriystoyanov933
@dmitriystoyanov933 3 жыл бұрын
Давно уже прошёл все эти начальные темы изучения фронта, но всегда круто по Вашим урокам освежить всё в памяти при необходимости, очень доступно и понятно. Один из лучших каналов по теме!
@DmytroTorop
@DmytroTorop 2 жыл бұрын
Работаете во фронте?
@dmitriystoyanov933
@dmitriystoyanov933 2 жыл бұрын
@@DmytroToropда
@Anatoli-bq1pe
@Anatoli-bq1pe Жыл бұрын
Этот канал просто находка) Благодарю!
@rk_projects
@rk_projects 3 жыл бұрын
Спасибо, самый быстрый способ, везде городят кучу кода и тд, у вас все просто и понятно. Давно подписан на ваш канал, с помощью ваших уроков пишу интернет магазин, вы вносите неоценимый вклад 👍 Подскажите ещё один момент, насколько сложно будет добавить отслеживание Touch событий на слайдере, чтобы работал на смартфонах простым свайпом по фото влево и вправо.
@itgid
@itgid 3 жыл бұрын
не сложно совсем. Этот слайдер даже на смартах с тачем сработает. А swipe требует дописать пару функий.
@rk_projects
@rk_projects 3 жыл бұрын
@@itgid Если будет в дальнейшем ваш урок с этим, то будет супер! Спасибо вам!
@ИгорьГлазков-с1б
@ИгорьГлазков-с1б 2 жыл бұрын
Спасибо. Здоровья Вам и процветание каналу.
@АлексейЛоскутников-ю4р
@АлексейЛоскутников-ю4р 3 жыл бұрын
Спасибо, что вы делаете из магии простые вещи!
@MrFussy333
@MrFussy333 3 жыл бұрын
Лучший видеоролик о слайдерах на чистом js! Удачи автору!!!
@nataliyataranina57
@nataliyataranina57 2 жыл бұрын
Боже мой!!! Как здорово, что я Вас нашла!!! огромное СПАСИБО!!!, за очень доступное и подробное объяснение!!!
@digitalturkistan1857
@digitalturkistan1857 Жыл бұрын
Наташа Таранина меняет профессию
@st0nedcreature17
@st0nedcreature17 Жыл бұрын
Огромное спасибо, Александр, отличное объяснение, обнял.
@Дмитрий-л4с9х
@Дмитрий-л4с9х 2 жыл бұрын
Спасибо! Очень понятно и доступно. Получилось реализовать в моём учебном проекте.
@Дима-э1ы5ж
@Дима-э1ы5ж 2 жыл бұрын
Какой же ты крутой! Все понятно, весь код объясняешь!
@ДмитрийВолокитин-я8ф
@ДмитрийВолокитин-я8ф 3 жыл бұрын
Всегда приятно смотреть и учиться у вас. Спасибо большое.
@NIkolaiDu
@NIkolaiDu Жыл бұрын
спасибо огромное! получилось! а главное - понял как это вообще работает)
@kov1k468
@kov1k468 2 жыл бұрын
Самое простое объяснение, спасибо за ваш труд !
@flogger2367
@flogger2367 3 жыл бұрын
Привет, хороший канал в плане подачи, голоса и знаний, особенно для падаванов и джунов... Как всегда лайк
@maksmaksim4803
@maksmaksim4803 3 жыл бұрын
Жду с нетерпением дальше уроков по слайдерам
@the-tata
@the-tata 2 жыл бұрын
Обожаю ваши объяснения. Вы учитель от Бога. Большое спасибо.
@ИльяВолобуев-ю8ц
@ИльяВолобуев-ю8ц 3 жыл бұрын
Круто, жду следующий ролик!
@awenn2015
@awenn2015 3 жыл бұрын
Я вроде не такой уж и новичок но ни разу не пробовал писать слайдер, уже все сделал и лайтбокс адаптивный и галерею динамическую и смену изображения при наведении для товарки а слайдер так и не пробовал , теперь думаю сделаю что-нибудь интересное )) спасибо за урок
@МаринаФедорчук-б6п
@МаринаФедорчук-б6п 2 жыл бұрын
Спасибо большое! Все предельно понятно. И все работает!
@StudyMan-ul1ls
@StudyMan-ul1ls Жыл бұрын
Видео достойное лайка! Всё четко и понятно! Это как раз то, что нужно для новичков!
@lotvaplotol5578
@lotvaplotol5578 3 жыл бұрын
Очень интересует слайдер с фото разных размеров, автору здоровья и процветания в Новом году!
@nso655
@nso655 3 жыл бұрын
Спасибо) То что нужно!
@itgid
@itgid 3 жыл бұрын
Спасибо!
@yusif4183
@yusif4183 3 жыл бұрын
Очень крутое видео. Интересно и полезно.
@sergeygetman1973
@sergeygetman1973 3 жыл бұрын
не думал что на CSS так можно юзать JS...лайк однозначно, а новичкам можно в качестве портфолио на git.hub заливать, что собственно я и сделаю ))
@ЕкатеринаГуськова-н7п
@ЕкатеринаГуськова-н7п Жыл бұрын
Очень круто объяснено!!
@veranikamalazhavaya1379
@veranikamalazhavaya1379 3 жыл бұрын
Спасибо за доступное объяснение!!!
@s_romanov_niko
@s_romanov_niko 2 жыл бұрын
Очень подробно и просто! Спасибо!
@Morfley
@Morfley Жыл бұрын
У меня почему то ошибка вылазит
@aleksarfin4419
@aleksarfin4419 2 жыл бұрын
Спасибо за урок, смотрел много видео но только с этим методом всё просто и понятно. Можете пожалуйста подсказать как сделать чтобы при переходе с последней картинки не было перелистования через все картинки а сразу переходила на первую
@happyhomo4423
@happyhomo4423 3 жыл бұрын
как всегда лучшая подача материала, очень было бы интересно посмотреть как делать окна которые можно скрыть и развернуть при нажатии кнопки
@senianga1
@senianga1 Жыл бұрын
Очень полезно и не сложно в в исполнении, но если добавить ещё одну картинку..... всё рассыпится... , на CMS такое уже не натянешь, ну или с большими ограничениями. Для простого десктопного сайта , или лендинга, самое то! Лайкос в общем!
@vlad-zf1ev
@vlad-zf1ev 3 жыл бұрын
супер, отличная подача материала.
@artemkamyshenkov3492
@artemkamyshenkov3492 2 жыл бұрын
спасибо Вам большое за урок!
@andrewgrimes9284
@andrewgrimes9284 3 жыл бұрын
Благодарю за понятный урок :)
@mickzc7064
@mickzc7064 3 жыл бұрын
Сенсей ты лучший !
@lorentte77
@lorentte77 2 жыл бұрын
спасибо большое помогли )
@mator987
@mator987 Жыл бұрын
Спасибо за видео!!!
@askat25
@askat25 3 жыл бұрын
Спасибо! Класс!👍👍👍👍
@v_katkov
@v_katkov Жыл бұрын
Крут! Хорошо пояснил!
@igoryavorskiy5297
@igoryavorskiy5297 2 жыл бұрын
Очень понятно спасибо)
@ИсмаилГаибов-у3ь
@ИсмаилГаибов-у3ь 2 жыл бұрын
Имба! Спасибо за и информацию
@sonlik1344
@sonlik1344 2 жыл бұрын
Нужна помощь, как сделать чтобы этот код применялся не на первый класс который он увидел, а на все?
@ArabicLang.online
@ArabicLang.online 3 жыл бұрын
Александр, спасибо за классные уроки по слайдерам! Но есть вопрос, как сделать автовоспроизведение? Пробую через setInterval и clearInterval, при загрузке страницы проигрывается, но если руками переключить, то перестает проигрываться. Если не использовать clearInterval, сбивается время (сбой или наложение интервалов)... В общем, голову ломаю.
@nodirayakubova6395
@nodirayakubova6395 3 жыл бұрын
Ура,класс 👍👍👍👍
@yatvoy457
@yatvoy457 2 жыл бұрын
Бля как же просто вы объясняете…респект
@Js_Developerrr
@Js_Developerrr Жыл бұрын
а как сделать стрелки если не трудно жду ответа 🙏
@Alex-bo9wt
@Alex-bo9wt 2 жыл бұрын
От души, спасибо!!)))
@ValeriyLarin
@ValeriyLarin 3 жыл бұрын
Вот она магия!) спасибо
@alltheworldsastage.11688
@alltheworldsastage.11688 2 жыл бұрын
Спасибо, супер видео. У меня все получилось. Подскажите у Вас есть видео где вы подробно рассказываете про все css?
@dm92mk
@dm92mk Жыл бұрын
плохо что картинки от первой к последней скачут через все промежуточные
@MaximPistun
@MaximPistun 2 жыл бұрын
Добрый день. Подскажите пожалуйста, а как два их запустить на одной странице? Названия классов менял, но не получается(
@АнтонАнтропов-к3ж
@АнтонАнтропов-к3ж 2 жыл бұрын
Большое спасибо!
@alltheworldsastage.11688
@alltheworldsastage.11688 2 жыл бұрын
Пожалуйста, указывайте ссылку где вы берёте фото для видео.
@denys6168
@denys6168 3 жыл бұрын
ну вот то что надо же! спасибо
@macarov9658
@macarov9658 2 жыл бұрын
Вы прекрасны
@OrhanDavidov
@OrhanDavidov 7 ай бұрын
Скажите пожалуйста, как сделать чтобы ширина общего блока была не только для одной картины, например для 5 ти ?
@geroin6294
@geroin6294 2 жыл бұрын
Прикольно. Получилось)
@НатальяФилипенко-й7ш
@НатальяФилипенко-й7ш 3 жыл бұрын
Спасибо))) Очень понятно)))
@joshuakelly6045
@joshuakelly6045 Жыл бұрын
Блестящщее!!!
@РостиславГоман
@РостиславГоман 2 жыл бұрын
спасибо за видео
@MaximSamp
@MaximSamp 3 жыл бұрын
style.left не котируется VS. Cannot read property 'style' of null at HTMLButtonElement.
@АндрейАндреев-й5э2ы
@АндрейАндреев-й5э2ы 3 жыл бұрын
Приветствую. Помогите пожалуйста разобраться. Верстая сайт возникла проблема. Есть ссылки на другие страницы сайта и есть слайдер на сайте. При нормальнй работе слайдера или вообще работе всех скриптов с добавлением js перестают работать ссылки на другие страницы сайта, при комментировании скрипта с js перестает работать всё что связано с js, но начинают работать ссылки. Надеюсь понятно объяснил)) Прошу помощи в этом вопросе.
@doflamingo1826
@doflamingo1826 2 жыл бұрын
Вроде можно было бы сделать один метод внутри которого проверять какая именно кнопка нажата и считать на ее основе уже offset
@anna40637
@anna40637 3 жыл бұрын
Ох, спасибо вам огромное
@ИльяХороший-н7к
@ИльяХороший-н7к 3 жыл бұрын
Добрый день. Планируете ли выпустить видео про паттерны и соответственно курс в котором будет over туча задач для их применения?
@АндрейБелов-ц8ы
@АндрейБелов-ц8ы 2 жыл бұрын
а почему если дублировать слайдер на странице то дубль не работает? просто мне надо их несколько на странице
@igormajrov8444
@igormajrov8444 Жыл бұрын
Вау. Простое решение. Вопросик встречный есть. Видел похожие слайдеры с бесконечной лентой: за последним кадром шел первый и т.д. Как этого добиться?
@raff_m_d6971
@raff_m_d6971 2 жыл бұрын
Огромное спасибо
Адаптивный слайдер на JavaScript
23:24
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 71 М.
Слайдер на JavaScript. Урок и практика для новичков
39:33
ВебКадеми | Юрий Ключевский
Рет қаралды 25 М.
🕊️Valera🕊️
00:34
DO$HIK
Рет қаралды 10 МЛН
How it feels when u walk through first class
00:52
Adam W
Рет қаралды 23 МЛН
Flipping Robot vs Heavier And Heavier Objects
00:34
Mark Rober
Рет қаралды 59 МЛН
Создаём drag & touch галерею на чистом JS, часть 1 | HTML, CSS, JS
30:42
Елена Литвинова — Искусство Веб-разработки 🛸
Рет қаралды 10 М.
HTML and CSS Project Tutorial: Pure CSS Image Slider
7:41
Skillthrive
Рет қаралды 320 М.
Живой поиск на JavaScript
18:37
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 97 М.
Пишем 2 слайдера на  JavaScript  за 15 минут
13:54
Просто o async, await. Без циклов и таймеров. JavaScript
15:55
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 100 М.
🕊️Valera🕊️
00:34
DO$HIK
Рет қаралды 10 МЛН