https://github.com/alexchasx/web-layout_project-14
Training project: site page layout
https://github.com/alexchasx/web-layout_project-14
choices gulp html-css-javascript html5 scss swiper-js
Last synced: 3 months ago
JSON representation
Training project: site page layout
- Host: GitHub
- URL: https://github.com/alexchasx/web-layout_project-14
- Owner: alexchasx
- Created: 2023-07-27T06:49:23.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-21T07:35:30.000Z (over 1 year ago)
- Last Synced: 2025-01-11T21:31:40.945Z (4 months ago)
- Topics: choices, gulp, html-css-javascript, html5, scss, swiper-js
- Language: SCSS
- Homepage: https://alexchasx.github.io/web-layout_project-14/
- Size: 15.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Учебный проект, реализованный в модуле "Веб-вёрстка. Продвинутый уровень" на курсе "Frontend-разработчик" ([Skillbox](https://skillbox.ru/))
Работа состоит из 2-х страниц.
## Ключевые моменты проделанной работы:
- Семантическая html-разметка
- Pixel Perfect
- БЭМ-методология
- CSS Flexbox
- CSS Grids
- Sass/SCSS
- Gulp
- Оптимизация (preload шрифтов, lazy-loading картинок и др.)
- Адаптивность для любых устройств
- Проверка на переполнение
- Работа с изображениями адаптивно
- Работа с доступностью (с клавиатуры и использование читалок)
- Кроссбраузерность
- Работа с формами (плюс валидация)
- Анимация
- Слайдер Swiper
- Кастомный select
- Модальное окно (для страницы продукта)
- Тултипы
## Запуск проекта
```
npm i
```
### Запуск продакшн-сборки:
```
gulp build
```
### Запуск сборки для разработки:
```
gulp
```