Web-Dev-For-Beginners/translations/uk/3-terrarium/solution/README.md

<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "6329fbe8bd936068debd78cca6f09c0a",
  "translation_date": "2025-08-27T22:36:22+00:00",
  "source_file": "3-terrarium/solution/README.md",
  "language_code": "uk"
}
-->
# Мій тераріум: проект для вивчення HTML, CSS та маніпуляцій з DOM за допомогою JavaScript 🌵🌱

Невелика вправа з перетягування елементів. За допомогою трохи HTML, JS і CSS ви можете створити веб-інтерфейс, стилізувати його та додати взаємодію.

![мій тераріум](../../../../translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.uk.png)

## Авторство

Написано з ♥️ [Джен Лупер](https://www.twitter.com/jenlooper)

Тераріум, створений за допомогою CSS, був натхненний скляною банкою від Якоба Мандри [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY).

Ілюстрації були намальовані вручну [Джен Лупер](http://jenlooper.com) за допомогою Procreate.

## Розгортання вашого тераріуму

Ви можете розгорнути або опублікувати ваш тераріум в інтернеті за допомогою Azure Static Web Apps.

1. Зробіть форк цього репозиторію

2. Натисніть цю кнопку

[![Кнопка для розгортання в Azure](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp)

3. Пройдіть через майстер створення вашого додатку. Переконайтеся, що ви встановили корінь додатку на `/solution` або корінь вашої кодової бази. У цьому додатку немає API, тому не хвилюйтеся щодо його додавання. У вашому форкованому репозиторії буде створена папка .github, яка допоможе службі побудови Azure Static Web Apps створити та опублікувати ваш додаток на новому URL.

---

**Відмова від відповідальності**:  
Цей документ був перекладений за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, будь ласка, майте на увазі, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ на його рідній мові слід вважати авторитетним джерелом. Для критичної інформації рекомендується професійний людський переклад. Ми не несемо відповідальності за будь-які непорозуміння або неправильні тлумачення, що виникають внаслідок використання цього перекладу.