Учебный проект выполненный в рамках курса "Веб-разработчик" от Яндекс Практикум. Проект представляет из себя фото-блог с возможностью добавления карточек интересных мест.
Проект был призван изучить основы JS и ООП.
Проект является интерактивным лендингом, состоящим из нескольких секций. Имеется возможность: установить имя пользователя, информацию «о себе», аватар, добавить\удалить карточку места, поставить\снять лайк карточке. Реализованы различные подходы к позиционированию и выравниванию элементов, в том числе Flexbox и Grid Layout. Проект сделан в соответствии с принципами ООП. Реализованы валидация форм с помощью JS и интеграция с REST API для получения информации о пользователе и карточках. Сборка проекта осуществляется с помощью Webpack.
src/blocks— директория с CSS файламиsrc/components— директория с JS модулямиsrc/fonts— директория со шрифтамиsrc/images— директория с файлами изображенийsrc/pages— директория с файлами страницsrc/utils— директория со вспомогательными JS файламиsrc/vendor— директория с файлами библиотек
npm run build— запуск проекта в режиме продакшн, с формированием файлов подготовленных к деплою в директории/distnpm run dev— запуск проекта в режиме разработки
- HTML
- CSS
- JS
- Webpack
- БЭМ, включая использование схемы файловой структуры Nested
- Адаптивная вёрстка
- Семантическая вёрстка
- Основам JS и ООП
- Инкапсуляции и модульному подходу
- Работе с различными типами данных и их методами
- Работе с классами
- Работе с асинхронным кодом
- Работе с Promise
- Работе с событиями
- Работе с API
- Работе с валидацией форм
- Использованию template-элементов
- Сборке проекта при помощи Webpack
Данила Легкобытов
- e-mail: [email protected]
- Telegram: @danila_legkobytov