Фронтенд
| Браузер | Версия |
|---|---|
| IE | не поддерживаем |
| Edge | 76+ |
| Chrome | 65+ |
| Firefox | 52+ |
| Safari | 11+ |
| Opera | 63+ |
| Область применения | Методология |
|---|---|
| Верстка, стили, их нейминг, вложенность и переиспользование | BEM |
| Кодстайл и порядок селекторов в стилях | SMACSS |
| Организация стилей в проекте | MCSS |
| Область применения | Инструмент |
|---|---|
| Сетка сайта, адаптивность, reset, базовые стили | Base уровень стилей, Bootstrap (или любой другой CSS фреймворк). |
| Повторяющиеся стили основных блоков страниц | Project уровень стилей. Глобальные классы. |
| Стили, меняющие одиночные свойства блоков | Cosmetic уровень стилей. Глобальные хелперные классы. |
| Стили блоков внутри компонентов | SCSS миксины |
| Стили блока, меняющиеся на определенных разрешениях | SCSS миксины внутри миксинов с @media-запросами из base уровня стилей, для строгой разбивки всех разрешений на заранее заданные. |
| Регулярно повторяющиеся куски CSS без каких-либо изменений | SCSS миксины, SCSS шаблоны Атрибутные директивы |
| Регулярно повторяющиеся значения свойств | SCSS переменные в _variables. scss, который импортируется внутрь SCSS файла компонента. |
| Повторяющиеся значения свойств в одном большом блоке кода | локальные SCSS переменные в блоке кода |
| Блок выглядит совсем по-другому на мобильном | Другой компонент Angular |
Приложение фронтенда разрабатывается по принципам чистой архитектуры.
Ничто из внутреннего круга не может знать что-либо о внешнем круге, ничто из внутреннего круга не может указывать на внешний круг.
Условно все слои архитектуры фронтенда можно разделить на пять кругов:
Во время ввода запроса, например “ghr”
-
Подсказчик отправляет запрос
GET [https://open-genes.com/api/gene/suggestions?input=ghr](https://open-genes.com/api/gene/suggestions?input=ghr) -
Подсказчик выводит список генов из ответа
-
Пользователь совершает поиск (нажимает Enter, кликает на кнопку поиска или тапает на кнопку ввода на клавиатуре на мобильном)
-
Компонент поиска делает запрос
GET https://open-genes.com/api/gene/search?lang=ru&page=1&pageSize=20&bySuggestions=ghr
