😎 Получить исходники и другие преимущества - boosty.to/prostorazrabotka ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/

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

ЧЕЛОВЕК!! спасибо большое тебе!! Если будешь в Москве напиши, я хочу тебе пожать руку и сказать СПАСИБО!!!! Я благодаря твоим видосам очень сильно растут в веб-разработки!!!! Если ты был бы моим наставником я бы всю жизнь был бы тебе благодарен!! Спасибо айти-бороде то что он показал тебя( я от туда узнал о твоём канале)!!! СПАСИБО тебе ещё-раз за твоим труды, знай, они не НАПРАСНЫ!!!!!!!!!!!

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

я не верю! утром проснулся и думаю : " надо бы вспомнить как на JS делается слайдер" И тут ты - друг! спасибо огромное

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

мужик ты крут) вот буквально вчера смотрел на ютубе идеи слайдеров на чистом JS, на второй день пришло видео

После такого объяснения поняла, как вообще слайдер работает и устроен)). Спасибо огромное за информацию!

Круто. Осталось все это повторить и закрепить знания. Спасибки.

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

сразу лайк за вырезанное окошко)

Вааще красавчик! Так грамотно всё расписал, что у меня даже кот понял, мы с ним новички в этом деле. Спасибо! К стати про зацикленность и правда было бы интересно посмотреть.

Спасибо большое, все предельно понятно и здорово, что привел сравнение Js и JQuery

Спасибо за классный видеоурок! 👍

Очень круто!!! Спасибо за Ваш труд :))

спасибо. очень доступно объясняешь. побольше бы таких учителей. респект!!!!!!!!!!

Спасибо за великолепное объяснение!

Отличные гайды по js и не только, продолжай пилить видосы😎🤙

Большое спасибо за урок! Наконец-то смогла справиться со слайдером)

Виталий, добрый день! Очень давно вас не видно на канале, и очень жаль. С вас я начинал изучение, сейчас устроился джуном, и потихоньку пересматриваю ваши видео, у вас очень хорошая подача и очень интересно смотреть, спасибо за знания!

Все получилось. Большое спасибо Вам за понятный и хороший урок)))

Большое спасибо. Материал изложен очень доступно.

Спасибо, очень классно все рассказал. Пожалуйста, затронь в будущих роликах тему свайпов на сайтах. Как можно например в тот же слайдер прикрутить свайпы на мобильной версии сайта?

Спасибо большое! Просмотрела кучу статей и сделать работающий вариант получилось только с помощью вашего видео!

Наконец-то я нашёл человека который объясняет что за что отвечает, сразу видно что профессионал!

Мужик ты просто топ, спас мои булочки всего самого наилучшего тебе...))

Здравствуйте. Спасибо вам большое! Всё просто, наглядно и понятно. Подписываюсь.

На удивление, хорошее видео про слайдер. Мне будет не легко, объяснить более понятно, чем ты) Тоже про слайдер скоро будет видео

очень полезно и главное понятно. Cпасибо большое)

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

Слайдер на JS делать как раз для того чтоб научиться, а для сайта лучше подключить что нибудь из популярного - Slick например. Тема интересная, обязательно посмотрю! Спасибки

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

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

Спасибо! Отличный урок!

Огромное спасибо)

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

была идея подобного слайдера, но не хватало знаний на реализацию! Огромное спасибо!

Для тех, кто не понял последний шаг с расчетом ширины скролла, когда в конце меньше слайдов чем нужно проскроллить. Попробуйте использовать условие. const rightHiddenSlides = (slideCount - slidesToShow) * slideWidth prev.addEventListener('click', () => { position += movePosition if (position >= 0) { position = 0 } setPosition() checkBtns() }) next.addEventListener('click', () => { position -= movePosition if (position

Спасибо за урок!!! Супер! А как на счет размещения нескольких слайдеров на одной странице? Будет работать?

Спасибо. Очень помогло ваше видео

Вот это совпадение, сегодня должен был слайдер делать))

не подскажете а как сделать его бесконечным?

Отличное видео спасибо. Подскажи пожалуйста, логика создания слайдера, всплывающих окон и т.д, одна как я понял. Селекторы, события, функции или в более сложных проектах вообще все по другому ?

Спасибо за работу, только местами было очень быстро - еле понял, что вы там в конце удалили при переделке на чистый JS. Я про "$(document).ready(function(" - в начале и "});" - в конце. И его можно было ж заменить на "document.addEventListener('DOMContentLoaded', function(){", чтобы работало? Если я что-то не понимаю, то - сорри, мне просто нужно было слайдер скопипастить и слегка в нем разобраться, а он не заработал ))

впервые вижу бонус для наглядного изображенния ввиде листка (лайк) . Еше так с Вами jQuery подтяну

Топ контент на русском! Спасибо за объяснение! У Вас отличные преподавательские навыки.

Спасибо, все четко А что за плагин такой, который позволяет курсор установить в нескольких местах сразу?

Привет ! Подскажи пожалуйста как сделать слайдер на адаптиве к примеру на 320px -1блок и 1200px - 3блока. Я так понимаю нужно писать код который будет определять на каком устройстве открыт слайдер

Классный слайдер, но у меня вопрос, когда я делаю отступ между картинками то при скроле все ломается, как в этом случае правильно расчитать скролл для отступов?

Автор просто мастер своего дела! Низкий поклон Вам))))

Спасибо! Не работает.

Круто!!!

все очень понятно , спасибо. А как сделать слайдер который когда долистал до конца то при следующем клике показывается первый слайд , чтоб он был как бы шёл по кругу

Великолепно

Большое спасибо за ролик! У меня остался вопрос: почему вы убрали min-width на 5:50 ? Никак не могу понять

А закольцевать его очень сложно будет? без применения jquery?

СПАСИБО БОЛЬШОЕ!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Анимацию выполняет CSS, а JS лишь управляет этим процессом. Можно ли сделать хорошую анимацию на чистом JS?

Добрый день, спасибо большое за такой урок, просто прекрасно!!! И еще вопросик, а как писать сразу на нескольких строчках? какойто плагин или что?

а как правильное определить ItemWidth если между элементами слайдера есть margin ?? Чтобы элементы все красивенько целиком поместились в track и при скроле чобы работал с учетеом этих margin

У меня вопрос . У меня в слайдере 6 элементов видимых , но при уменьшение экрана их уже 5 , 4 и т.д как мне это исправить ?

Отлично все объяснил у меня получилось! Еще бы адаптив допилить на 576, думаю справлюсь))

Лайк за труд и старание очень помогли больше работы с Js

огромное спасибо

Можно сделать зацикленный , чтобы например «вперед» можно было нажимать постоянно ? При достижении конца чтоб начиналось начало

Подскажите пожалуйста как адаптировать его как изменить количество показываемых сладов на малых экранах ?

Спасибо! А как адаптировать слайдер под мобилку?

Amazing! 😍

Ну слушай чувак, это лайк. И ничего тут не поделаешь. Единственное надо было сразу на JS писать. А то JQuery в 2020 году, такое себе...

Здравствуйте. Спасибо за видео. У меня получилось сделать шаблон по Вашему видео. И также получилось адаптировать данный способ на сайт. Подскажите, пожалуйста, что нужно сделать, если таких слайдеров на странице более одного. Работает только первый. Как запустить остальные?

Немного не понятно, как это реализовать для картинок с разным разрешением, велосипед сломался((

не, ну это лайк господа!

Почему ntnPrev.disabled = true или false не работает когда ntnPrev находит через jquery/ Я могу использовать только чистый js и искать кнопку через selector либо jquery и использовать именно prop. А найти кнопку через jquery и написать в аргумент disable как в обычном js не получается.

Как вам велосипед?)

Ещё было бы круто сделать дотсы специальные, на которые кликаешь и находишь нужный слайд)

Посмотрел чтоб понять принцип) понравилось, что ты объяснил логику! Но когда пишешь код.... что вообще происходит))) мне как новичку не понятно

Приветствую. Помогите пожалуйста разобраться. Верстая сайт возникла проблема. Есть ссылки на другие страницы сайта и есть слайдер на сайте. При нормальнй работе слайдера или вообще работе всех скриптов с добавлением js перестают работать ссылки на другие страницы сайта, при комментировании скрипта с js перестает работать всё что связано с js, но начинают работать ссылки. Надеюсь понятно объяснил)) Прошу помощи в этом вопросе.

подскажи как сделать, чтоб после " : " (двоеточия), в стилях, сразу проставлялся пробел и " ; " (точка с запятой), как у тебя. После переустановки н емогу найти эту настройку.....

Лайк и подписка на канал! Спасибо!

А можно хотя бы намек как сделать цикличную прокрутку?

ползунок мне даже интереснее :) я пытаюсь понять как правильно "окошко" сделать, чтоб отражало положение.

Can someone help me with obcrurus sliders? Why does they work only with wizards, vampires, mermaids but not with normal characters?

Видео 👍👍👍👍👍 Вы можете снять видео о навигации только с клавиатуры (без мыши) в VScode - горячие клавиши, набрав сразу 2 или более строк и т. д. Или где можно найти эту информацию

Чувак, у тебя в середине ролика фокус на сове)) По идее это решается корректировкой освещения. А так видос топчик. Спасибо за контент

День добрый! Вопрос (если можно конечно): как зациклить?

а какую ide ты юзаешь и какую посоветуешь для новичков?

Ты очень крутой, хочу добиться того же

А как jquery подключить правильно ?

Как вы это делаете? и классы то у него прописаны так, что потом удобно переменные называть, и при transform в отдельную функцию вынес. Если взять все мои коммиты проекта и выстроить эволюцию кода, сложится ощущение, что к концу проекта я сошел с ума

Перед просмотром подумал, надеюсь он на ООП а не процедуре, так как их может быть несколько, что бы код сам рендерил разметку и тд, Оказалось что нет, жаль, придётся самому делать, интересно посмотреть реализацию на начальную позицию а не проматывание до конца

Спасибо тебе конечно большое, но почему ты не подошел к вопросу комплексно? У слайд-шоу помимо кнопок prev и next есть еще и "точки". Почему-бы не показать, как это реализовать вместе? Есть еще и моб. девайсы. Надо-бы людям объяснить, как работать с touch-событиями... "Нужно додумать самому", да?

Мне понравилось.

классно кодишь)

Нужно больше JS!

Всё круто, но пока ни хрена не понятно, надеюсь когда нибудь догоню это JS))

Здравствуйте. У меня вопрос. Изучаю самостоятельно хтмл и сиэсэс, и пришёл к выводу, что порой часть некоторых кодов я сам написал и сохранил в свои шаблоны, ещё есть в открытом доступе на разных форумах много других шаблонов кода, как и готовых архивов с готовыми сайтам, где руками просто изменить текст, поправить ширину, высоту, ссылки нужные прописать и ВСЁ! Сайт готов! При таких навыках, могу ли я называть себя верстальщиком сайтов?

спасибо конечно, но зачем писать на JQuery? не лучше было сразу на JS написать? типа олдскул или что?

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

Ну это совсем простой вариант. Надо что-то придумывать для адаптивности, а если нужна бесконечная прокрутка, то такой подход совсем не подойдет. А мышкой или пальцем перетягивать? Не такая уж и тривиальная это задача. Подводных камней вагон и тележка или две. Идеальным будет чтоб слайдер сам решал, как работать на основании отображаемых элементах. Например скормил ему грид сетку с разными размерами колонок, а сладейр это подхватил и работает не перестраивая верстку, не меняя ничего. Все на трансформе расположил где надо и сколько надо, по требованию меняет позицию элементов и все. Я пробовал запилить такое, даже что-то получилось, но там надо рефакторить все, тупо все. Слишком запутанный код. И да, забыл, если нужен конкретно такой вариант слайдера, как представленный в видео, можно очень круто схитрить использовав скрытую горизонтальную прокрутку. А прокручивать контейнер при помощи установки прокрутки в нужную позицию. Еще перехватить надо будет само событие прокрутки чтоб выполнять свою функцию, чтоб прокручивалось так как задумано. Таким образом не придется ничего подсчитывать, а лишь смещать прокрутку на нужное значение, даже проверки не нужны, так как ничего не вылезет xD

Классно, но это видео для новичков, а они и JS не знают, а тут ещё и с JQuery надо работать + не хватает итогового кода в описании