@konstant1n13

Какие замечания к JS слайдеру?

Сделал слайдер на чистом JS. Хотел бы услышать как сделать лучше и вообще как дальше двигаться в обучении. Буду благодарен за всю критику и советы.
Слайдер: https://konstantinkot.github.io/Slider/
Репозиторий: https://github.com/konstantinkot/Slider
  • Вопрос задан
  • 155 просмотров
Пригласить эксперта
Ответы на вопрос 1
sfi0zy
@sfi0zy Куратор тега JavaScript
Creative frontend developer
По функционалу:
  • Иногда подвисают кнопки "влево" и "вправо", не реагируют по несколько секунд.
  • При переходе с последнего слайда к первому мелькают они все. Было бы круто, чтобы был просто переход, как между остальными.
  • С клавиатуры нельзя попользоваться, свайпы тоже не поддерживаются.
  • В начале есть что-то вроде document.querySelectorAll в большом количестве. Это намекает на то, что два слайдера на одной странице работать не будут (все смешается в кучу).


По коду:
  • Код ужасно отформатирован. Читать сложно (читай поддерживать сложно). Ознакомьтесь хотя бы с Airbnb JavaScript Style Guide и поймите, зачем делать код читаемым. Также там мешанина из ES6+ и каких-то древних хаков с that=this, самовызывающимися функциями и.т.д. Вы же уже используете современный язык - так используйте только его. Код будет в разы проще по структуре. Сейчас там черт ногу сломит. И очень очень очень очень очень очень длинные функции тоже мешают ориентироваться в происходящем.
  • Бессмысленные комментарии. Они просто дублируют код.
  • Сторонний код лучше загружать через NPM и подключать из node_modules, а не копироваать себе, и тем более не стоит руками смешивать разные инструменты в один файл. И да, они там вообще используются или просто лежат?
  • В репозитории отсутствуют конфиги и инструкция по сборке. Все это должно быть. Без них непонятно, как вообще это пересобрать.


Рекомендации:
  • Почитайте про стиль кода, про то, как писать просто и понятно. Лучше этому сразу научиться.
  • Загуглите, как и зачем писать комментарии (и как из них генерировать документацию).
  • Поймите, зачем нужны все стандартные инструменты - сборщики, препроцессоры, линтеры, пакетные менеджеры, системы контроля версий и.т.д. Это понимание поднимет на новый уровень ваши поделки в плане их дальнейшего переиспользования. Да и вам поможет в работе.
  • Тестируйте. Хотя бы вручную.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы