Як влаштований проєкт

Як влаштований проєкт

BEM Generator — невеликий статичний вебпроєкт. Основна сторінка міститься в index.html. Мовні сторінки зібрані в папці i18n, а стилі, скрипти, словники перекладів і зображення — у assets.

bemgen/
├── index.html
├── VERSION
├── i18n/
│   ├── en/
│   ├── uk/
│   └── de/
├── assets/
│   ├── css/
│   ├── js/
│   ├── i18n/
│   └── img/
└── help/

Що відбувається після відкриття сторінки

1. Браузер завантажує HTML і локальні стилі.
2. Завантажуються словники мов.
3. Скрипт локалізації показує потрібну мову.
4. Скрипт генератора вмикає форму, перевірку назв, пошук і мобільне меню.
5. Після введення даних генератор перевіряє синтаксис і формує BEM-клас та CSS-селектор.

Чи потрібне підключення до сторонніх сервісів

Для роботи самого генератора зовнішні JavaScript- або CSS-бібліотеки не потрібні. Основні файли проєкту зберігаються локально разом із ним.