/MESTO-OOP

Primary LanguageJavaScript

Реализация проекта «Mesto»

Проектная работа по программе обучения "Веб-разработчик плюс" в Яндекс Практикуме.
Парное программирование и сдача проектной работы.

Сведения об образовательном учреждении

АНО ДПО "ШКОЛА АНАЛИЗА ДАННЫХ"

  • ОГРН: 1147799006123 ИНН: 7704282033
  • Место нахождения образовательной организации: 119021, Россия, г. Москва, ул. Тимура Фрунзе, д. 11, корпус 2
  • Почтовый адрес: 115035, город Москва, ул. Садовническая, д. 82, стр. 2
  • Контактный телефон: +7 (495) 739-70-00
  • Электронная почта: shad@yandex-team.ru

О проекте:

Реализация проекта «Mesto» представляет собой сервис с интерактивной страницей, куда можно добавлять фотографии, удалять их и ставить лайки.

  1. Схема организации файловой структуры БЭМ - Nested
  2. Имена классов даны по БЭМ.
  3. Схема построения flex-box GRID Layout
  4. Адаптивная вёрстка. Минимальная ширина: 320px (одна карточка в ряд). Максимальная: 1280px (три карточки в ряд).
  5. Все интерактивные элементы обладают состоянием наведения или фокуса.
  6. Функциональность проекта за счет применения следующих свойств и методов: innerHTML, getElement, renderElements, forEach, append, cloneNode, template.
  7. Первоначально производилась оптимизация картинок через ресурс: tinypng.com и загрузка файлов в корень проекта, далее файлы были удалены и изображения стали подгружаться с сервера бесплатных фотографий: unsplash.com
  8. Дизайн и разметка соответствует макету
  9. В работе с макетом используется PerfectPixel by WellDoneCode
  10. Mинификация транспиляция HTML,CSS,JS (Сборка webpack)
  11. Инкапсуляция и мдули в JS (export/import)
  12. Валидация форм (браузерная, и JS с кастомизацией сообщений)
  13. Взаимодействие с сервером (API)
  14. В работе применяется концепция ООП, контекст this, а также написание кода в ООП-стиле с использованием синтаксиса ES2015.

alt text

Об авторах:

Рустам Никончук, Эдуард Лукашенко

  • 15-я когорта
  • Начало обучения 16 мая 2022 г.