Проект 4: Место

https://b0r1ss.github.io/mesto/

Состоит из:

• шапка сайта, блок header;
• основное содержимое страницы, блок main, состоящий из 2-х информционных блоков;
• подвал сайта, блок footer;
• всплывающее диалоговое окно, блок popup.

Обзор

• Figma
• Картинки

Figma

• Ссылка на макет в Figma

Используемые технологии:

• flexbox;
• grid layout;
• font-face для подключения сторонних шрифтов;
• сглаживание шрифтов;
• псевдоклассы;
• дизайн ссылок;
• относительные величины;
• медиазапросы для адаптации на разные экраны;
• относительное и абсолютное позиционирование;
• всплывание и редактирование диалогового окна popup реализовано на языке JavaScript:
  • метод querySelector;
  • метод addEventListener;
  • свойство value;
  • методы append и remove
  • написание дополнительных функций-обработчиков;
• код проекта отсортирован по методологии БЭМ;
• код проекта доработан с учетом концепции ООП;
• проект собран с использованием webpack;

---

Работа над проектом велась с использованием макета из графического редактора Figma.