Giter Club home page Giter Club logo

super-slider's People

Contributors

dependabot[bot] avatar gamabuntat avatar

Stargazers

 avatar

Watchers

 avatar

super-slider's Issues

MVP

Архитектура проекта по заданию должна MVP. Почему у тебя Model называется Service. Хотя внутри Service ты вызываешь методы с model

MVP

В требованиях описано, что на выходе должна получиться MPV архитектура с пассивной вьюхой. Вьюха вообще ни коим образом не должна знать о Модели, а все взаимодействия между вью и моделью должны быть выполнены через контроллер с ивент эмиттером.
У тебя вью принимает модель из-за чего можно спокойно обратиться к любому свойству или методу модели напрямую, что нарушает инкапсуляцию и увеличивает сцепление слоев.

Meta tags / favicons

Сейчас в проекте нет фавайкона и присутствуют не все метатеги из стандартов.

Class constructors

Также не всегда выполняется ЭТОТ пункт стандартов. (в View.ts констуркторе, например)

Embedded files naming

Сейчас не везде выполняется вот этот пункт стандартов, как минимум именование фонтов не соответсвует

image

js- prefix

Не во всех местах используется js- префикс для поиска по DOM.
image

BEM

Сейчас в проекте не соблюдаются многие BEM правила, этот проект тоже должен соответствовать всем BEM-у :)
И многие стилистические элементы отличаются от первого проекта, например для модификаторов тут используется double dash вместо underscore.

Тесты

Какие-то тесты не проходят проверку посмотри пожалуйста
image

UI/UX issues

У interval слайдера не должно быть возможности выбрать одинаковое значение для двух поинтеров. Иначе получается, что у Нас есть step, но при этом значения не различаются, да и 'интервала' в таком случае никакого не будет.

Сейчас с помощью не совсем валидных значений - можно просто крашнуть приложение :)
Peek 2021-12-08 22-40

Также значения при переключении опций не должны сбрасываться, сейчас при переключении интервала второе значение всегда сбрасывается на максимальное.

В панели не должно быть не валидных значений:
image

Также сейчас есть какие-то не совсем очевидные взаимодействия между опциями:
Как выбор интервала влияет на шкалу, какое расположение элементов шкалы верное?
Peek 2021-12-08 22-45

Tests

Надо поправить тесты, они начали фейлится
image

Build

image
Добавь в зависимости pug

TS (JS)

  1. По бп нельзя делать неявные преобразования
    image
    image
    почитать можно тут

Опечатался
image
2. Импорты сортируем по след правилам тык
Пройдись еще раз по коду по бп

Slider

  1. По клику на слайдер позунок должен двигаться
2021-09-08.00-38-20.mp4
  1. Интервалы под шкалой визуально не совпадают
    image
  2. Шаг влияет на Max значение. Не могу изменить Max значение если шаг больше
    https://user-images.githubusercontent.com/89850975/132414927-c4683ae5-e063-4fbb-964a-2befe9e6fbc8.mp4
  3. Ползунки не перемещаются при вводе через input-ы
2021-09-08.00-50-05.mp4
  1. Кажется я сломал)
    https://user-images.githubusercontent.com/89850975/132415751-33cadbff-e0c7-4f74-b218-0e5b58746c29.mp4

image
У тебя рендерится слишком много элементов которые не отображаются. Надо сделать обработку перед рендером. Чтобы попросту не создавать элементы

Readme

Опиши способ подключения, через дефолтный селектор без инициализации в js.
Опиши как можно передать параметры через data-* атрибут.
То что start tests $ npm test понятно из названия, опиши что конкретно делает каждая команда. (P.s. Пример npm run dev
Запускает development сборку и сохраняет результат в папку /dist.)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.