Слайдер на JavaScript. Урок и практика для новичков

Поделиться
HTML-код
  • Опубликовано: 19 дек 2024

Комментарии • 46

  • @abonentnumber3283
    @abonentnumber3283 Год назад +2

    Решил задачу перед просмотром, потом начал смотреть урок чтобы оптимизировать свой код. Был приятно удивлен что мой код оказался оптимальнее без преобразования в массив, циклов и всего 29 строк с пустыми строками. Спасибо.

  • @meowmeowmeowmeow000
    @meowmeowmeowmeow000 10 месяцев назад

    Спасибо большое, самое понятное видео по этой теме что есть на ру ютюбе, все четко понятно и по делу

  • @НиколайВязьмин-с8я
    @НиколайВязьмин-с8я Месяц назад

    Спасибо за классный урок. Очень интересно было. Вариант какой урок сделать на будущее: например, про модальное окно, где будет краткое описание карточки языка программирования условно и показать как это можно сделать и вставить в проект вёрстки. На одном из новых мастер-классов можно будет это реализовать. Решение показать так для нативного js как будет выглядит так и на реакт в том числе.👍👍👍

  • @ВикторКузнецов-о1ь
    @ВикторКузнецов-о1ь 2 года назад +2

    Спасибо, друзья. Отличные видео уроки! Всё просто и понятно...

  • @lanabatart
    @lanabatart 2 года назад +1

    Спасибо большое! Все четко, доступно, понятно!!!👍

  • @Eduard_1407
    @Eduard_1407 2 года назад

    Хорошо подается информация, очень нравятся ваши видео-уроки!

  • @neleaonila2191
    @neleaonila2191 2 года назад +5

    Моё почтение Вам, Юрий, за манеру подачи материала и передачи навыка, как изжить «халтурщину».

  • @НискемкромеСовести

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

  • @justfisher2920
    @justfisher2920 2 года назад

    Юра вообще красавчик, доступно-понятно, всё четко. Побольше мотивирующих урок, с формами, баянами, аккордионами, слайдами и др. Лучший из лучших👍💪💥

  • @QaZaQ_Stranger
    @QaZaQ_Stranger Год назад

    Ракмет за урок!

  • @nmirlanov
    @nmirlanov 2 года назад

    Спасибо! Такой формат очень понравился.

  • @rikenbaker1
    @rikenbaker1 5 месяцев назад

    Супер! Правда запись кода в одну строку это уже жестко 😁😁

  • @unknown.6914
    @unknown.6914 Год назад

    очень полезно, спасибо

  • @nicolasray6257
    @nicolasray6257 2 года назад

    Спасибо за урок

  • @ViamF
    @ViamF 2 года назад

    Хороший урок, как и всегда)
    Теперь надо понять, стоит ли заморачиваться над своим слайдером или лучше использовать готовые.

    • @WebCademy
      @WebCademy  2 года назад

      Использовать готовые) Урок исключительно в целях изучения JS.

  • @igornewidomsky7240
    @igornewidomsky7240 Год назад

    Кнопки, просто ох**тельные!🤣

  • @nauryzsaktagan323
    @nauryzsaktagan323 2 года назад +3

    спасибо за такие видео уроки , большой респект , можно еще меню бургер , я начинающий frontend чик) буду очень благодарен, спасибо

  • @easy-Code
    @easy-Code Год назад

    Отличное видео. Но было бы лучше, если бы автор рассказал как сделать кнопки для навигации по слайду.

  • @Лемми-ц8ш
    @Лемми-ц8ш Год назад

    Отличное объяснение, но хотелось бы увидеть как сделать кнопки-индикаторы для переключения слайдов.

    • @Лемми-ц8ш
      @Лемми-ц8ш Год назад

      все, разобрался с кнопками dots

  • @din_nos
    @din_nos 2 года назад

    Сделайте пожалуйста видео про препроцессоры scss

  • @deterkot
    @deterkot 2 года назад +1

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

  • @mr_Fr0xman
    @mr_Fr0xman 2 года назад +1

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

  • @petsoflove
    @petsoflove 2 года назад

  • @movieclips4848
    @movieclips4848 2 года назад

    Насколько актуальна Email верстка писем как работа на фрилансе или в офисе

  • @-yourlife2168
    @-yourlife2168 2 года назад

    Спасибо большое. Единственное, кнопочки бы покрасивее сделать.

  • @siu1941
    @siu1941 2 года назад

    Лучше писать слайдер самому или использовать swiper?

    • @Eduard_1407
      @Eduard_1407 2 года назад

      в вопросе и ответ.
      либо пишешь сам, либо берешь готовый и правишь его, вот и всё.

    • @WebCademy
      @WebCademy  2 года назад +2

      Лучше использовать готовый. Урок исключительно для учебных целей.

  • @sheheowhek7956
    @sheheowhek7956 11 месяцев назад

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

    • @WebCademy
      @WebCademy  11 месяцев назад +1

      Используйте setInterval() чтобы на повторе запускать функцию смены слайдов через определенное время.

  • @sitini
    @sitini 2 года назад

    Сутки пытаюсь запилить слайдер который будет работать и на ios 12.5.5. возможно это видео поможет )

    • @WebCademy
      @WebCademy  2 года назад +1

      Этот урок в качестве упражнения)
      Посмотрите swiperjs.com/ или github.com/ganlanyuan/tiny-slider - может поможет.

  • @SNSDfOu
    @SNSDfOu Год назад

    а почему ты использовал dataset, а затем setAttribute ? это ни одно и тоже?

    • @WebCademy
      @WebCademy  Год назад

      Показал разные варианты) Вообще да - лучше использовать один подход. В данном случае dataset на мой вкус более предпочтителен.

  • @sargisdavtyan6676
    @sargisdavtyan6676 2 года назад

    👍👍👍

  • @Книжныйнерв
    @Книжныйнерв 2 года назад

    🤩👏

  • @alEL321
    @alEL321 2 года назад

    💯

  • @olegonkos
    @olegonkos 9 месяцев назад

    почему бы не повесить один слушатель на общий див и отслеживать клики по элементам? Вместо того, чтоб создавать несколько слушателей. Просто в качестве моего самообразования.

  • @nikolaigrishin5765
    @nikolaigrishin5765 2 года назад

    Ну это не для новичков ,а бы сказал для продвинутых

    • @WebCademy
      @WebCademy  2 года назад +3

      Для тех кто знает азы, основы, но нужна практика в таких простых интерактивных примерах.

  • @АлексейКорнелиус-т5ч

    Зачем столько лишнего кода? Зачем создавать индекс, если в массиве все элементы имеют индекс?

  • @Andrejj14
    @Andrejj14 2 года назад

    Странное решение)

    • @WebCademy
      @WebCademy  2 года назад +2

      Странный комментарий)