В рамках проекта выполнена адаптивная верстка сайта онлайн-курсов с упором на производительность, чистоту кода и масштабируемость.
На desktop-устройствах реализован плавный скролл с использованием GSAP Smooth Scroll, при этом на мобильных устройствах плавный скролл отключён для лучшей оптимизации и производительности.
Анимации выполнены с помощью CSS и Intersection Observer, что позволяет запускать их по мере появления элементов в зоне видимости без перегрузки страницы.
Изображения подключены в современном формате WebP, что снижает вес страниц и улучшает скорость загрузки. Для иконок используются шрифтовые иконки, обеспечивающие лёгкость кастомизации и единый стиль интерфейса.
В проекте применена методология БЭМ (BEM) для именования классов, что упрощает поддержку, масштабирование и понимание структуры кода.
Верстка выполнена с использованием чистого CSS (резиновая / адаптивная верстка) без сторонних UI-фреймворков.
HTML построен исключительно на семантических тегах, что положительно влияет на доступность и SEO.
Проект изначально спроектирован с учётом возможной интеграции с CMS-системами — изменение контента не нарушает структуру и внешний вид сайта.
https://ibrahimovnets.ru/online-course/