Проект: SPA-приложение Gallery (аналог Instagram), предоставляющий функционал размещения и удаления постов с фотографиями на стене, добавления и удаления комментариев, загрузки аватара аккаунта, редактирования шапки профиля. Ссылка на проект
В проекте были реализованы:
• Взаимодействие с бэкенд-сервером посредством Fetch API для эффективного получения и отправки данных
• Работа с асинхронными запросами для обмена данными с сервером
• Состояние загрузки фото в виде loader
• Валидация длины поста и хэштегов: если было введено более 2000 символов, то поле подсвечивается красным, а кнопка создания публикации блокируется)
• Загрузка фото drag’n’drop
• Открытие/закрытие модальных окон
Использованные технологии: JavaScript, HTML, CSS, Swagger.
Проект: Мини-приложение для изучения иностранных слов. Включает в себя два режима: тренировка и проверка знаний. Ссылка на проект
В проекте были реализованы:
• Отображение процента просмотренных слов в режиме тренировки
• Цветовой индикатор правильных и неправильных ответов в режиме тестирования
• Отображение шкалы времени в режиме тестирования
• Статистика результатов тестирования
Использованные технологии: JavaScript, HTML, CSS.
Проект: веб-сайт студии дизайна интерьера. Ссылка на проект
• Использование методологии БЭМ и препроцессора SASS для минимизации и структурирования кода
• Реализация адаптивного дизайна для обеспечения оптимального пользовательского опыта на различных устройствах
• Реализация бургер меню и плавной прокрутки к нужному блоку сайта
Использованные технологии: JavaScript, HTML, Sass
Проект: веб-сайт ресторана. Ссылка на проект
• Использование методологии БЭМ и препроцессора SASS для минимизации и структурирования кода
• Реализация адаптивного дизайна для обеспечения оптимального пользовательского опыта на различных устройствах
Использованные технологии: JavaScript, HTML, Sass
Разработка SPA-приложения с использованием HTML, CSS и JavaScript (ES6, модули, асинхронность, работа с сетью, работа с формами), взаимодействие со Swagger. Сертификат
Изучение построения веб-приложений с помощью JavaScript: основы языка JavaScript, DOM, модули, промисы, асинхронность, HTTP, классы, ООП и тд. Сертификат
Изучение построения адаптивной и кроссбраузерной вёрстки веб-сайтов с помощью HTML и CSS, изучение технологии Flexbox, CSS-препроцессоров, методологии БЭМ и основ веб-доступности. Сертификат