Skip to content

VladislavSerKir/landing-photography

Repository files navigation

Проект: Курс по фотографии

2022-09-08_20-34-04

Описание

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

У вас будет возможность ознакомиться с такими аспектами:

  • Изучение композиции
  • Настройка камеры
  • Съемка

Реализация и технологии в проекте

Для написания проекта использовался сборщик Webpack. В нем установлено все необходимые модули и пакеты для верстки на препроцессоре SCSS

  • В частности sass-loader для работы Webpack с препроцессором SCSS
  • Для работы webpack с CSS стилями использовался плагин css-loader, а для трансформации и добавления вендорных префиксов для разных браузеров использовался postcss-loader
  • Для написания структуры стилей использовалась БЭМ методология
  • Транспиляция JS кода в старый синтаксис осуществляется при помощи Babel. Для крайних случаев была добавлена библиотека полифилов core-js.

Реализация

Страница сверстана адаптивно с 320 до 1440px. Для большинства блоков выбрано отображение сеткой (grid) для их плавного перестроения. В шапке сайта располагается навигационное меню в виде списка ссылок которое при разрешении меньше 768px трансформируется в рескрывающиеся по кнопке меню.

Запись экрана 2022-09-17 в 21 30 53

В футере располагается форма для записи на курсы с динамической валидацией на JS.

Запись экрана 2022-09-17 в 21 50 28

Технологии

html5 CSS JavaScript Webpack Figma

Установка, настройка

Проект, развернутый на Github: GitHub Pages

  • Установка зависимостей: npm install
  • Режим разработки: npm run dev
  • Сформировать проект для последующего размещения на ресурсах: npm run build
  • Сформировать заново проект для отображения на GitHub pages: npm run deploy

Написать мне

github telegram