desevp / ya-task-2 Goto Github PK

https://desevp.github.io/ya-task-2/

Js:

1. Постраничная карусель CircularSlid.js;
2. Открытие модального окна Modal.js;
3. Крутилка температуры simpleSlider;
4. Фильтры в модальном окне RangeFilters.js;
5. Немного js потребовалось, чтобы заблюрить фон страницы.

Дополнения:

1. Стрелки в каруселях исчезают только на тач-устройствах, чтобы при маленьких разрешениях десктопного браузера оставалась возможность прокрутки;
2. При разрешении на десктопе <1024 в горизонтальный каруселях появляется прокрутка, чтобы можно было взаимодействовать с переключателями.
3. Немного уменьшен размер вертикального range на мобильных, чтобы модальное окно умещалось на большинстве устройств.

Команды:

• npm i Установить зависимости
• npm start Запустить сборку, сервер и слежение за файлами
• npm start ЗАДАЧА Запустить задачу с названием ЗАДАЧА список задач в gulpfile.js
• npm run build Сборка проекта без карт кода (сжатый вид, как результат работы)
• npm run lint:scss Проверка стилей проекта https://stylelint.io/
• npm run lint:js Проверка js https://eslint.org/

Назначение папок

• build/ # Папка сборки
• src/ # Исходные файлы
• pages/ # - html страницы проекта
• _include/ # - фрагменты html для вставки на страницы
• style/ # - стили scss
• style/partials/ # - фрагменты scss
• style/vendor/ # - стили подключенных библиотек
• fonts/ # - шрифты проекта
• media/ # - медиа файлы проекта
• images/ # - изображения
• images/img_to_bg/ # - svg для вставки inline в стили (не будут скопированы в - build)
• js/ # - js-файлы
• js/partials/ # - модули js
• index.html # - главная страница проекта