"Розробка веб сайту Meta Quest 2"
Задание заключалось в разработке главной страницы для веб-сайта и создании gulp-сборки для оптимизации сайта. Веб-сайт "Meta Quest 2" - это интерактивная платформа, разработанная для продвижения и продажи виртуальной реальности. На этом сайте пользователи могут ознакомиться с описанием продукта, его особенностями, преимуществами и доступными акциями.
Использованные технологии:
HTML/CSS/JavaScript: Основные языки программирования для создания структуры, дизайна и функциональности веб-сайта.
SCSS: Препроцессор CSS, который позволяет удобно организовывать стили и быстрее оформлять дизайн.
Gulp: Инструмент автоматизации для сборки, оптимизации и развертывания проекта. Используется для компиляции SCSS в CSS, конкатенации и минификации JavaScript-файлов, оптимизации изображений и автоматического обновления веб-страниц во время разработки.
gulp-sass, gulp-concat, gulp-uglify-es, gulp-autoprefixer, gulp-clean, gulp-avif, gulp-webp, gulp-imagemin, gulp-newer, gulp-fonter, gulp-ttf2woff2, gulp-svg-sprite, gulp-include: Расширения Gulp для разнообразных задач, таких как компиляция SCSS, оптимизация изображений, конвертация шрифтов и т. д.
Процесс разработки:
Создание макета страницы: Разработка статических страниц с помощью HTML/CSS для отображения контента и графики.
Добавление функциональности: Реализация интерактивных элементов и дополнительной функциональности с помощью JavaScript.
Оптимизация изображений и шрифтов: Использование Gulp для оптимизации минификации изображений и конвертации в форматы AVIF и WebP, а также конвертации шрифтов в WOFF2 для улучшения производительности веб-сайта.
Тестирование и отладка: Проверка работы сайта на различных устройствах и веб-браузерах, выявление и исправление возможных ошибок.
Развертывание готового веб-сайта на веб-сервере для доступа пользователей.
Использованные технологии:
HTML/CSS/JavaScript: Основные языки программирования для создания структуры, дизайна и функциональности веб-сайта.
SCSS: Препроцессор CSS, который позволяет удобно организовывать стили и быстрее оформлять дизайн.
Gulp: Инструмент автоматизации для сборки, оптимизации и развертывания проекта. Используется для компиляции SCSS в CSS, конкатенации и минификации JavaScript-файлов, оптимизации изображений и автоматического обновления веб-страниц во время разработки.
gulp-sass, gulp-concat, gulp-uglify-es, gulp-autoprefixer, gulp-clean, gulp-avif, gulp-webp, gulp-imagemin, gulp-newer, gulp-fonter, gulp-ttf2woff2, gulp-svg-sprite, gulp-include: Расширения Gulp для разнообразных задач, таких как компиляция SCSS, оптимизация изображений, конвертация шрифтов и т. д.
Процесс разработки:
Создание макета страницы: Разработка статических страниц с помощью HTML/CSS для отображения контента и графики.
Добавление функциональности: Реализация интерактивных элементов и дополнительной функциональности с помощью JavaScript.
Оптимизация изображений и шрифтов: Использование Gulp для оптимизации минификации изображений и конвертации в форматы AVIF и WebP, а также конвертации шрифтов в WOFF2 для улучшения производительности веб-сайта.
Тестирование и отладка: Проверка работы сайта на различных устройствах и веб-браузерах, выявление и исправление возможных ошибок.
Развертывание готового веб-сайта на веб-сервере для доступа пользователей.