corrected

This commit is contained in:
yaroslav
2026-01-22 15:32:21 +02:00
parent cc803e9931
commit 08ef75688c
+3 -3
View File
@@ -28,9 +28,9 @@
## Технічні деталі
Ми верстаємо всі сторінки або необхідні нам елементи через компоненти. Верстка компонентів передбачає створення окремої папки та двох файлів: [component-name].html і [component-name].css у ній. Для сторінок діє те саме правило, але папка сторінки повинна містити файл із такою ж назвою. Приклад - сторінка у цьому репозиторії ```example.html```
Ми верстаємо всі сторінки або необхідні нам елементи через компоненти. Верстка компонентів передбачає створення окремої папки та двох файлів: ```[component-name].html``` і ```[component-name].css``` у ній. Для сторінок діє те саме правило, але папка сторінки повинна містити файл із такою ж назвою. Приклад - сторінка у цьому репозиторії ```src/pages/example.html```
Ви можете клонувати цей репозиторій і переглянути приклад технічної реалізації.
Ви можете клонувати цей репозиторій і переглянути технічну реалізацію.
#### Швидкий старт
Якщо у вас встановлена Node.js не нижче 20-ї версії, у папці проекту виконайте наступні команди:
@@ -48,7 +48,7 @@ npm run dev
Ця техніка дозволяє розбивати складні елементи на простіші та створювати необхідну композицію.
Отже, запущена команда сформує сторінку example.html і розмістить її в папці ```dst```. Перегляньте її або запустіть Live Server. Ви можете додати до компонента ```listbox``` кнопку за допомогою директиви ```@@include('../button/button.html')``` і переглянути результат:
Отже, запущена команда сформує сторінку ```example.html``` і розмістить її в папці ```dst```. Перегляньте її або запустіть Live Server. Ви можете додати до компонента ```listbox``` кнопку за допомогою директиви ```@@include('../button/button.html')``` і переглянути результат:
```HTML
<div class="listbox">
<ul class="list-container">