Тестовое задание для Frontend Developer (верстка)

Задачи

• Верстка базовой навигации
• Верстка экранов
• Подключение слайдера на первом экране, мы используем Swiper

Базовое использование

1. Установка зависимостей

npm i -> npm ci

2. Запуск локального сервера проекта

npm run dev

Стек технологий

Желательно использование технологий из нашего набора.

Минимальные требования: Js(es6), html5(pug), css3(less, sass, scss, stylus), bootstrap3.

Макет тестового задания находится в папке design/, формат файла Adobe XD. Открыть макет возможно при помощи сервиса Avocode.

Основные технологии

• HTML5 (pug)
• CSS3 (less, sass, scss, stylus)
• Javascript (ES6+)
• Git
• БЭМ (Блок, Элемент, Модификатор) - компонентный подход к веб-разработке, в основе которого лежит принцип разделения интерфейса на независимые блоки.

Сборщики/препроцессоры

• Webpack 4 - static module bundler.
• Gulp - toolkit to automate & enhance your workflow
• RequireJS - JavaScript file and module loader.
• Pug - Node Template Engine.
• Jade - Node Template Engine.
• Stylus - Expressive, robust, feature-rich CSS language.
• LESS - Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS.

Фреймворки

• FlexboxGrid - grid system based on the flex display property
• Bootstrap

Плагины/библиотеки

• jQuery
• Swiper
• Photoswipe
• Select2
• Slick
• Magnific Popup