ЧЕЛОВЕК!! спасибо большое тебе!! Если будешь в Москве напиши, я хочу тебе пожать руку и сказать СПАСИБО!!!! Я благодаря твоим видосам очень сильно растут в веб-разработки!!!! Если ты был бы моим наставником я бы всю жизнь был бы тебе благодарен!! Спасибо айти-бороде то что он показал тебя( я от туда узнал о твоём канале)!!! СПАСИБО тебе ещё-раз за твоим труды, знай, они не НАПРАСНЫ!!!!!!!!!!!
Вот спасибо! Из всего множества видосов и статей по слайдам только здесь, по моему мнению, все разложено как надо: самая суть, без лишних стилей и кода, только самое нужное!
Виталий, добрый день! Очень давно вас не видно на канале, и очень жаль. С вас я начинал изучение, сейчас устроился джуном, и потихоньку пересматриваю ваши видео, у вас очень хорошая подача и очень интересно смотреть, спасибо за знания!
Вааще красавчик! Так грамотно всё расписал, что у меня даже кот понял, мы с ним новички в этом деле. Спасибо! К стати про зацикленность и правда было бы интересно посмотреть.
Слайдер на JS делать как раз для того чтоб научиться, а для сайта лучше подключить что нибудь из популярного - Slick например. Тема интересная, обязательно посмотрю! Спасибки
@@spyrav что-то ты не то говоришь. Во-первых, ни один язык не терпит ни одной ошибки, не то что джава, хотя видео и не о нём, а о джаваскрипте. Во-вторых, джаваскрипту не нужны точки с запятой на концах инструкций. На моей памяти было всего 2 или 3 случая, когда без точки с запятой лезла ошибка: 1. Если ты собираешь проект и из кучи js файлов ты получаешь один - в конце (или в самом начале js файла) нужно ставить её, иначе интерпретатор не поймёт где конец предыдущего и начало следующего, и может быть вылезет ошибка. 2. Если ты проходишь методом forEach по массиву [] вот так: [first,second].forEach(item => {...}), js будет ругаться на то, что ты хочешь использовать first до инициализации... Третий не помню, он точно был, но мне кажется таких исключений намного больше
@@callpack96 хочу тебе подсказать как разработчик имеющий 1+ год опыта работы то, необязательно уметь разрабатывать слайдера самому, достаточно понимать как виджеты/плагины работают, и если для проекта нужен какой-то то из плагинов то лучше найти готовое решение и интегрировать в свой проект и настроить соответственно дизайну) (имею ввиду уметь использовать специальные плагины по типу slick , swiper, owl и тд)
Для тех, кто не понял последний шаг с расчетом ширины скролла, когда в конце меньше слайдов чем нужно проскроллить. Попробуйте использовать условие. const rightHiddenSlides = (slideCount - slidesToShow) * slideWidth prev.addEventListener('click', () => { position += movePosition if (position >= 0) { position = 0 } setPosition() checkBtns() }) next.addEventListener('click', () => { position -= movePosition if (position
а как правильное определить ItemWidth если между элементами слайдера есть margin ?? Чтобы элементы все красивенько целиком поместились в track и при скроле чобы работал с учетеом этих margin
Спасибо, очень классно все рассказал. Пожалуйста, затронь в будущих роликах тему свайпов на сайтах. Как можно например в тот же слайдер прикрутить свайпы на мобильной версии сайта?
Почему ntnPrev.disabled = true или false не работает когда ntnPrev находит через jquery/ Я могу использовать только чистый js и искать кнопку через selector либо jquery и использовать именно prop. А найти кнопку через jquery и написать в аргумент disable как в обычном js не получается.
Спасибо за работу, только местами было очень быстро - еле понял, что вы там в конце удалили при переделке на чистый JS. Я про "$(document).ready(function(" - в начале и "});" - в конце. И его можно было ж заменить на "document.addEventListener('DOMContentLoaded', function(){", чтобы работало? Если я что-то не понимаю, то - сорри, мне просто нужно было слайдер скопипастить и слегка в нем разобраться, а он не заработал ))
Приветствую. Помогите пожалуйста разобраться. Верстая сайт возникла проблема. Есть ссылки на другие страницы сайта и есть слайдер на сайте. При нормальнй работе слайдера или вообще работе всех скриптов с добавлением js перестают работать ссылки на другие страницы сайта, при комментировании скрипта с js перестает работать всё что связано с js, но начинают работать ссылки. Надеюсь понятно объяснил)) Прошу помощи в этом вопросе.
Привет ! Подскажи пожалуйста как сделать слайдер на адаптиве к примеру на 320px -1блок и 1200px - 3блока. Я так понимаю нужно писать код который будет определять на каком устройстве открыт слайдер
все очень понятно , спасибо. А как сделать слайдер который когда долистал до конца то при следующем клике показывается первый слайд , чтоб он был как бы шёл по кругу
Потому что скрипт сам рассчитывает какой ширины должен быть элемент, а minwidth = 200 говорит, что ширина элемента не может быть меньше 200. И вот попробуйте задать вывод 6ти элементов в контейнере в 600px.
Классный слайдер, но у меня вопрос, когда я делаю отступ между картинками то при скроле все ломается, как в этом случае правильно расчитать скролл для отступов?
подскажи как сделать, чтоб после " : " (двоеточия), в стилях, сразу проставлялся пробел и " ; " (точка с запятой), как у тебя. После переустановки н емогу найти эту настройку.....
Здравствуйте. Спасибо за видео. У меня получилось сделать шаблон по Вашему видео. И также получилось адаптировать данный способ на сайт. Подскажите, пожалуйста, что нужно сделать, если таких слайдеров на странице более одного. Работает только первый. Как запустить остальные?
Отличное видео спасибо. Подскажи пожалуйста, логика создания слайдера, всплывающих окон и т.д, одна как я понял. Селекторы, события, функции или в более сложных проектах вообще все по другому ?
Это стандартный инструмент кажись любой IDE в нынешнее время. Про горячие клавиши и дополнения для VS Code можете посмотреть тут ruclips.net/video/kPxFrThR2IU/видео.html
Спасибо тебе конечно большое, но почему ты не подошел к вопросу комплексно? У слайд-шоу помимо кнопок prev и next есть еще и "точки". Почему-бы не показать, как это реализовать вместе? Есть еще и моб. девайсы. Надо-бы людям объяснить, как работать с touch-событиями... "Нужно додумать самому", да?
Здравствуйте. У меня вопрос. Изучаю самостоятельно хтмл и сиэсэс, и пришёл к выводу, что порой часть некоторых кодов я сам написал и сохранил в свои шаблоны, ещё есть в открытом доступе на разных форумах много других шаблонов кода, как и готовых архивов с готовыми сайтам, где руками просто изменить текст, поправить ширину, высоту, ссылки нужные прописать и ВСЁ! Сайт готов! При таких навыках, могу ли я называть себя верстальщиком сайтов?
@@JesseJames-mh5kb А Я ВОТ БАБУШКЕ ПОМОГ ВКЛЮЧИТЬ НОКИЮ 3310, И ПОСТАВИТЬ РИНГТОН БРИГАДЫ НА ЗВОНОК. ОНА СКАЗАЛА ЧТО Я ХАКЕР. НУ ШТОШ.. ТВОЙ ИСКРЕННИЙ ОТВЕТ ДАЛ МНЕ СИЛ И УВЕРЕННОСТИ В СЕБЕ. ТИПЕРЬ Я НЕ КАКОЙТО ТАМ ФРОНД В ЭНД, А ХАКИР МОБАЙЛ ЭПИПИ ДЖАВА ИКСИКСЭЛЬ.
Как вы это делаете? и классы то у него прописаны так, что потом удобно переменные называть, и при transform в отдельную функцию вынес. Если взять все мои коммиты проекта и выстроить эволюцию кода, сложится ощущение, что к концу проекта я сошел с ума
Так было задумано!)) Если серьёзно, то да, фокус теряет глаза (лицо), когда я пишу код и если внезапно начинаю говорить в камеру, он не успевает сообразить -) Я с этим как-то разберусь, спасибо за обратную связь.
Перед просмотром подумал, надеюсь он на ООП а не процедуре, так как их может быть несколько, что бы код сам рендерил разметку и тд, Оказалось что нет, жаль, придётся самому делать, интересно посмотреть реализацию на начальную позицию а не проматывание до конца
Ахах, мне кажется что большая часть новичков работает с jQuery. Меня больше всего бесит то, что в названии было указано js, а по факту пишет на jQuery. Я понимаю, что это тот же язык, но название функций у них разное, плюс на время загрузки влияет
Олдскул это Js, большинство сайтов работает на плагинах, к примеру один из популярных slick слайдер. А плагины в свою очередь как правило пишутся на jQuery, потому что, как было сказано в видео:"меньше кода".
Ну это совсем простой вариант. Надо что-то придумывать для адаптивности, а если нужна бесконечная прокрутка, то такой подход совсем не подойдет. А мышкой или пальцем перетягивать? Не такая уж и тривиальная это задача. Подводных камней вагон и тележка или две. Идеальным будет чтоб слайдер сам решал, как работать на основании отображаемых элементах. Например скормил ему грид сетку с разными размерами колонок, а сладейр это подхватил и работает не перестраивая верстку, не меняя ничего. Все на трансформе расположил где надо и сколько надо, по требованию меняет позицию элементов и все. Я пробовал запилить такое, даже что-то получилось, но там надо рефакторить все, тупо все. Слишком запутанный код. И да, забыл, если нужен конкретно такой вариант слайдера, как представленный в видео, можно очень круто схитрить использовав скрытую горизонтальную прокрутку. А прокручивать контейнер при помощи установки прокрутки в нужную позицию. Еще перехватить надо будет само событие прокрутки чтоб выполнять свою функцию, чтоб прокручивалось так как задумано. Таким образом не придется ничего подсчитывать, а лишь смещать прокрутку на нужное значение, даже проверки не нужны, так как ничего не вылезет xD
Видео 👍👍👍👍👍 Вы можете снять видео о навигации только с клавиатуры (без мыши) в VScode - горячие клавиши, набрав сразу 2 или более строк и т. д. Или где можно найти эту информацию
😎 Получить исходники и другие преимущества - 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 делается слайдер" И тут ты - друг! спасибо огромное
пздц... он у тебя в хате сидел чтоли?
@@АндрейИльин-д6ж ))))))
Талант объяснять не простые вещи наглядно и увлекательно! Спасибо большое, очень ценные знания!
ЧЕЛОВЕК!! спасибо большое тебе!! Если будешь в Москве напиши, я хочу тебе пожать руку и сказать СПАСИБО!!!! Я благодаря твоим видосам очень сильно растут в веб-разработки!!!! Если ты был бы моим наставником я бы всю жизнь был бы тебе благодарен!! Спасибо айти-бороде то что он показал тебя( я от туда узнал о твоём канале)!!! СПАСИБО тебе ещё-раз за твоим труды, знай, они не НАПРАСНЫ!!!!!!!!!!!
Спасибо, очень приятно это слышать
После такого объяснения поняла, как вообще слайдер работает и устроен)). Спасибо огромное за информацию!
Блин, какая-то высшая математика получилась. Боюсь даже допилить до бесконечного слайдера
как я рада, что Вас нашла! Спасибо Вам большое, от всего сердца!
мужик ты крут) вот буквально вчера смотрел на ютубе идеи слайдеров на чистом JS, на второй день пришло видео
Спасибо -)
Самый понятный видос про карусель. Спасибо! ещё бы с точками пагинации, бло бы вообще шикарно
Наконец-то я нашёл человека который объясняет что за что отвечает, сразу видно что профессионал!
Спасибо за классный видеоурок! 👍
сразу лайк за вырезанное окошко)
Вот спасибо! Из всего множества видосов и статей по слайдам только здесь, по моему мнению, все разложено как надо: самая суть, без лишних стилей и кода, только самое нужное!
Виталий, добрый день! Очень давно вас не видно на канале, и очень жаль. С вас я начинал изучение, сейчас устроился джуном, и потихоньку пересматриваю ваши видео, у вас очень хорошая подача и очень интересно смотреть, спасибо за знания!
Спасибо, приятно слышать -)
была идея подобного слайдера, но не хватало знаний на реализацию! Огромное спасибо!
Большое спасибо за урок! Наконец-то смогла справиться со слайдером)
it doean t work with sims 4 !!!!!
Виталий, спасибо за такой простой и качественный разбор написания карусели!
Спасибо большое!
Просмотрела кучу статей и сделать работающий вариант получилось только с помощью вашего видео!
Круто. Осталось все это повторить и закрепить знания. Спасибки.
Вааще красавчик! Так грамотно всё расписал, что у меня даже кот понял, мы с ним новички в этом деле. Спасибо! К стати про зацикленность и правда было бы интересно посмотреть.
Спасибо большое, все предельно понятно и здорово, что привел сравнение Js и JQuery
очень полезно и главное понятно. Cпасибо большое)
Большое спасибо. Материал изложен очень доступно.
Благодарю
спасибо. очень доступно объясняешь. побольше бы таких учителей. респект!!!!!!!!!!
Спасибо вам большое, вы мастер своего дела, а за такими людьми приятно смотреть, очень доходчиво!
Благодарю
Слайдер на JS делать как раз для того чтоб научиться, а для сайта лучше подключить что нибудь из популярного - Slick например. Тема интересная, обязательно посмотрю! Спасибки
Полностью поддерживаю.
Здравствуйте. Спасибо вам большое! Всё просто, наглядно и понятно. Подписываюсь.
На удивление, хорошее видео про слайдер.
Мне будет не легко, объяснить более понятно, чем ты) Тоже про слайдер скоро будет видео
Спасибо! Не работает.
Ты проверил ; ? потому что джава не терпит любые ошибки. Даже мелочные. Если хоть где-то в строке есть одна ошибка, джаваскрипт пойдет по пизде
рекомендую slick js если нужен слайдер и не хочешь изобретать велосипед. прогугли об этом
А ты jQ подключил?
@@spyrav что-то ты не то говоришь. Во-первых, ни один язык не терпит ни одной ошибки, не то что джава, хотя видео и не о нём, а о джаваскрипте. Во-вторых, джаваскрипту не нужны точки с запятой на концах инструкций. На моей памяти было всего 2 или 3 случая, когда без точки с запятой лезла ошибка: 1. Если ты собираешь проект и из кучи js файлов ты получаешь один - в конце (или в самом начале js файла) нужно ставить её, иначе интерпретатор не поймёт где конец предыдущего и начало следующего, и может быть вылезет ошибка. 2. Если ты проходишь методом forEach по массиву [] вот так: [first,second].forEach(item => {...}), js будет ругаться на то, что ты хочешь использовать first до инициализации... Третий не помню, он точно был, но мне кажется таких исключений намного больше
Ахахахаах арррррррр
Мужик ты просто топ, спас мои булочки всего самого наилучшего тебе...))
Автор просто мастер своего дела! Низкий поклон Вам))))
Благодарю
впервые вижу бонус для наглядного изображенния ввиде листка (лайк) . Еше так с Вами jQuery подтяну
Ну а чего бы и не показать -)
Как вам велосипед?)
Офигенный, пойду свой теперь скручу и попробую что-то добавить своего для развития :D
Что ж, как раз подойдёт для следующего проекта, спасибо))
Я думаю было бы неплохо сделать вторую часть и добавить возможность листать слайдер с помощью свайпов)
Он крутой, но если поменять расширение в браузере и не обновить страницу, то слайдер падает.Там нужно похимичить с resize ...
@@callpack96 хочу тебе подсказать как разработчик имеющий 1+ год опыта работы то, необязательно уметь разрабатывать слайдера самому, достаточно понимать как виджеты/плагины работают, и если для проекта нужен какой-то то из плагинов то лучше найти готовое решение и интегрировать в свой проект и настроить соответственно дизайну) (имею ввиду уметь использовать специальные плагины по типу slick , swiper, owl и тд)
Отличные гайды по js и не только, продолжай пилить видосы😎🤙
Отлично все объяснил у меня получилось! Еще бы адаптив допилить на 576, думаю справлюсь))
Вот это совпадение, сегодня должен был слайдер делать))
Все получилось. Большое спасибо Вам за понятный и хороший урок)))
Для тех, кто не понял последний шаг с расчетом ширины скролла, когда в конце меньше слайдов чем нужно проскроллить.
Попробуйте использовать условие.
const rightHiddenSlides = (slideCount - slidesToShow) * slideWidth
prev.addEventListener('click', () => {
position += movePosition
if (position >= 0) {
position = 0
}
setPosition()
checkBtns()
})
next.addEventListener('click', () => {
position -= movePosition
if (position
Подскажите пожалуйста как адаптировать его как изменить количество показываемых сладов на малых экранах ?
Спасибо за великолепное объяснение!
а как правильное определить ItemWidth если между элементами слайдера есть margin ?? Чтобы элементы все красивенько целиком поместились в track и при скроле чобы работал с учетеом этих margin
Спасибо, очень классно все рассказал. Пожалуйста, затронь в будущих роликах тему свайпов на сайтах. Как можно например в тот же слайдер прикрутить свайпы на мобильной версии сайта?
У меня вопрос . У меня в слайдере 6 элементов видимых , но при уменьшение экрана их уже 5 , 4 и т.д как мне это исправить ?
Ну слушай чувак, это лайк. И ничего тут не поделаешь. Единственное надо было сразу на JS писать. А то JQuery в 2020 году, такое себе...
Немного не понятно, как это реализовать для картинок с разным разрешением, велосипед сломался((
ползунок мне даже интереснее :) я пытаюсь понять как правильно "окошко" сделать, чтоб отражало положение.
Почему ntnPrev.disabled = true или false не работает когда ntnPrev находит через jquery/ Я могу использовать только чистый js и искать кнопку через selector либо jquery и использовать именно prop. А найти кнопку через jquery и написать в аргумент disable как в обычном js не получается.
Спасибо за работу, только местами было очень быстро - еле понял, что вы там в конце удалили при переделке на чистый JS.
Я про "$(document).ready(function(" - в начале и "});" - в конце. И его можно было ж заменить на "document.addEventListener('DOMContentLoaded', function(){", чтобы работало?
Если я что-то не понимаю, то - сорри, мне просто нужно было слайдер скопипастить и слегка в нем разобраться, а он не заработал ))
Приветствую. Помогите пожалуйста разобраться. Верстая сайт возникла проблема. Есть ссылки на другие страницы сайта и есть слайдер на сайте. При нормальнй работе слайдера или вообще работе всех скриптов с добавлением js перестают работать ссылки на другие страницы сайта, при комментировании скрипта с js перестает работать всё что связано с js, но начинают работать ссылки. Надеюсь понятно объяснил)) Прошу помощи в этом вопросе.
А закольцевать его очень сложно будет? без применения jquery?
Очень круто!!!
Спасибо за Ваш труд :))
Спасибо. Очень помогло ваше видео
Лайк за труд и старание очень помогли больше работы с Js
Спасибо
Анимацию выполняет CSS, а JS лишь управляет этим процессом. Можно ли сделать хорошую анимацию на чистом JS?
Can someone help me with obcrurus sliders? Why does they work only with wizards, vampires, mermaids but not with normal characters?
А можно хотя бы намек как сделать цикличную прокрутку?
Ещё было бы круто сделать дотсы специальные, на которые кликаешь и находишь нужный слайд)
Привет ! Подскажи пожалуйста как сделать слайдер на адаптиве к примеру на 320px -1блок и 1200px - 3блока. Я так понимаю нужно писать код который будет определять на каком устройстве открыт слайдер
не подскажете а как сделать его бесконечным?
СПАСИБО БОЛЬШОЕ!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
все очень понятно , спасибо. А как сделать слайдер который когда долистал до конца то при следующем клике показывается первый слайд , чтоб он был как бы шёл по кругу
Спасибо! А как адаптировать слайдер под мобилку?
Спасибо, дружище! Супер!
Топ контент на русском! Спасибо за объяснение! У Вас отличные преподавательские навыки.
Благодарю
Большое спасибо за ролик!
У меня остался вопрос: почему вы убрали min-width на 5:50 ? Никак не могу понять
Потому что скрипт сам рассчитывает какой ширины должен быть элемент, а minwidth = 200 говорит, что ширина элемента не может быть меньше 200. И вот попробуйте задать вывод 6ти элементов в контейнере в 600px.
Огромное спасибо)
Классный слайдер, но у меня вопрос, когда я делаю отступ между картинками то при скроле все ломается, как в этом случае правильно расчитать скролл для отступов?
Спасибо за урок!!! Супер! А как на счет размещения нескольких слайдеров на одной странице? Будет работать?
Добрый день, спасибо большое за такой урок, просто прекрасно!!!
И еще вопросик, а как писать сразу на нескольких строчках? какойто плагин или что?
КарбонашкаPlay мультикурсор. Это встроено в любой современный редактор
@@prosto_razrabotka так вы и не ответили))) есть какая-то комбинация клавиш, или еще что?)
Я ответил ключевым словом, по которому в интернете можно найти решение. Либо посмотреть видос на канале про горячие клавиши VS code и дополнения
@@prosto_razrabotka ладно. Спасибо
Можно сделать зацикленный , чтобы например «вперед» можно было нажимать постоянно ?
При достижении конца чтоб начиналось начало
Можно. Я не против.
не, ну это лайк господа!
Паасиб -)
подскажи как сделать, чтоб после " : " (двоеточия), в стилях, сразу проставлялся пробел и " ; " (точка с запятой), как у тебя. После переустановки н емогу найти эту настройку.....
Гугли Emmet
Спасибо за видео!
Не за что)
А как jquery подключить правильно ?
Здравствуйте. Спасибо за видео. У меня получилось сделать шаблон по Вашему видео. И также получилось адаптировать данный способ на сайт. Подскажите, пожалуйста, что нужно сделать, если таких слайдеров на странице более одного. Работает только первый. Как запустить остальные?
На самом деле перелопатила много видео, Ваш слайдер оказался более понятным и быстрым.
Отличное видео спасибо.
Подскажи пожалуйста, логика создания слайдера, всплывающих окон и т.д, одна как я понял. Селекторы, события, функции или в более сложных проектах вообще все по другому ?
Весь js строится на селекторах, функциях, событиях и куче других вещей -)
День добрый! Вопрос (если можно конечно): как зациклить?
Очень общий вопрос - лучше в телеграм чат с этим.
Узнал как зациклить?
@@ascilator7174 забей в поике "Бесконечный слайдер"
Спасибо, все четко
А что за плагин такой, который позволяет курсор установить в нескольких местах сразу?
Это стандартный инструмент кажись любой IDE в нынешнее время.
Про горячие клавиши и дополнения для VS Code можете посмотреть тут
ruclips.net/video/kPxFrThR2IU/видео.html
Спасибо тебе конечно большое, но почему ты не подошел к вопросу комплексно? У слайд-шоу помимо кнопок prev и next есть еще и "точки". Почему-бы не показать, как это реализовать вместе? Есть еще и моб. девайсы. Надо-бы людям объяснить, как работать с touch-событиями... "Нужно додумать самому", да?
Что-то необычное на русскоязычном Ютубе
Посмотрел чтоб понять принцип) понравилось, что ты объяснил логику! Но когда пишешь код.... что вообще происходит))) мне как новичку не понятно
Нужно больше JS!
Не все сразу -)
+1
Когда описывается проверка на передвижение вперёд, мне кажется лучше назвать константу itemsRight, ибо именно то что осталось справа и считается
Left в переводе на русский означает «осталось», помимо того, что вы подумали
@@prosto_razrabotka кто как видит английский) спасибо за ответ, я не обратил сразу на это внимание
Великолепно
Благодарю -)
Здравствуйте.
У меня вопрос.
Изучаю самостоятельно хтмл и сиэсэс, и пришёл к выводу, что порой часть некоторых кодов я сам написал и сохранил в свои шаблоны, ещё есть в открытом доступе на разных форумах много других шаблонов кода, как и готовых архивов с готовыми сайтам, где руками просто изменить текст, поправить ширину, высоту, ссылки нужные прописать и ВСЁ!
Сайт готов!
При таких навыках, могу ли я называть себя верстальщиком сайтов?
Да, ты можешь называть себя фронтэнд разработчиком 89 уровня. Ведь поменять текст и ссылки на готовом шаблоне мало кто осилит.
@@JesseJames-mh5kb А Я ВОТ БАБУШКЕ ПОМОГ ВКЛЮЧИТЬ НОКИЮ 3310, И ПОСТАВИТЬ РИНГТОН БРИГАДЫ НА ЗВОНОК.
ОНА СКАЗАЛА ЧТО Я ХАКЕР.
НУ ШТОШ.. ТВОЙ ИСКРЕННИЙ ОТВЕТ ДАЛ МНЕ СИЛ И УВЕРЕННОСТИ В СЕБЕ.
ТИПЕРЬ Я НЕ КАКОЙТО ТАМ ФРОНД В ЭНД, А ХАКИР МОБАЙЛ ЭПИПИ ДЖАВА ИКСИКСЭЛЬ.
А как слайдер то сделать?ничего не понял..
а какую ide ты юзаешь и какую посоветуешь для новичков?
Юзаю VS Code. Советую -)
@@prosto_razrabotka благодарю
Как вы это делаете? и классы то у него прописаны так, что потом удобно переменные называть, и при transform в отдельную функцию вынес. Если взять все мои коммиты проекта и выстроить эволюцию кода, сложится ощущение, что к концу проекта я сошел с ума
Хахаха -)))
Круто!!!
Чувак, у тебя в середине ролика фокус на сове)) По идее это решается корректировкой освещения. А так видос топчик. Спасибо за контент
Так было задумано!))
Если серьёзно, то да, фокус теряет глаза (лицо), когда я пишу код и если внезапно начинаю говорить в камеру, он не успевает сообразить -) Я с этим как-то разберусь, спасибо за обратную связь.
Amazing! 😍
От jQuery отключается мозг
* Следующее видео *
Перед просмотром подумал, надеюсь он на ООП а не процедуре, так как их может быть несколько, что бы код сам рендерил разметку и тд,
Оказалось что нет, жаль, придётся самому делать, интересно посмотреть реализацию на начальную позицию а не проматывание до конца
Классно, но это видео для новичков, а они и JS не знают, а тут ещё и с JQuery надо работать
+ не хватает итогового кода в описании
Ахах, мне кажется что большая часть новичков работает с jQuery. Меня больше всего бесит то, что в названии было указано js, а по факту пишет на jQuery. Я понимаю, что это тот же язык, но название функций у них разное, плюс на время загрузки влияет
спасибо конечно, но зачем писать на JQuery? не лучше было сразу на JS написать? типа олдскул или что?
Олдскул это Js, большинство сайтов работает на плагинах, к примеру один из популярных slick слайдер. А плагины в свою очередь как правило пишутся на jQuery, потому что, как было сказано в видео:"меньше кода".
Не работает код!
Ну это совсем простой вариант. Надо что-то придумывать для адаптивности, а если нужна бесконечная прокрутка, то такой подход совсем не подойдет. А мышкой или пальцем перетягивать? Не такая уж и тривиальная это задача. Подводных камней вагон и тележка или две.
Идеальным будет чтоб слайдер сам решал, как работать на основании отображаемых элементах. Например скормил ему грид сетку с разными размерами колонок, а сладейр это подхватил и работает не перестраивая верстку, не меняя ничего. Все на трансформе расположил где надо и сколько надо, по требованию меняет позицию элементов и все.
Я пробовал запилить такое, даже что-то получилось, но там надо рефакторить все, тупо все. Слишком запутанный код.
И да, забыл, если нужен конкретно такой вариант слайдера, как представленный в видео, можно очень круто схитрить использовав скрытую горизонтальную прокрутку. А прокручивать контейнер при помощи установки прокрутки в нужную позицию. Еще перехватить надо будет само событие прокрутки чтоб выполнять свою функцию, чтоб прокручивалось так как задумано. Таким образом не придется ничего подсчитывать, а лишь смещать прокрутку на нужное значение, даже проверки не нужны, так как ничего не вылезет xD
Видео 👍👍👍👍👍
Вы можете снять видео о навигации только с клавиатуры (без мыши) в VScode - горячие клавиши, набрав сразу 2 или более строк и т. д. Или где можно найти эту информацию
На канале есть видео по дополнениям и горячим клавишам в VS Code
Ты очень крутой, хочу добиться того же
Всё конечно круто, проблема только в том, что этот слайдер не адаптивный