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-ї версії, у папці проекту виконайте наступні команди: Якщо у вас встановлена 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 ```HTML
<div class="listbox"> <div class="listbox">
<ul class="list-container"> <ul class="list-container">