|
|
|
@ -0,0 +1,31 @@
|
|
|
|
|
# Мой террариум: проект по изучению манипуляций с HTML, CSS и DOM с помощью JavaScript. 🌵🌱
|
|
|
|
|
|
|
|
|
|
Небольшая код-медитация с перетаскиванием. Используя небольшое количество HTML, JS и CSS вы можете создать веб-интерфейс, стилизовать его и добавить взаимодействие.
|
|
|
|
|
|
|
|
|
|

|
|
|
|
|
|
|
|
|
|
# Уроки
|
|
|
|
|
|
|
|
|
|
1. [Введение в HTML](./1-intro-to-html/README.md)
|
|
|
|
|
2. [Введение в CSS](./2-intro-to-css/README.md)
|
|
|
|
|
3. [Введение в DOM и замыкания JS](./3-intro-to-DOM-and-closures/README.md)
|
|
|
|
|
|
|
|
|
|
## Благодарность
|
|
|
|
|
|
|
|
|
|
Эти уроки созданы ♥️ [Джен Лупер](https://www.twitter.com/jenlooper)
|
|
|
|
|
|
|
|
|
|
Террариум, созданный с помощью CSS, был вдохновлен стеклянной банкой Якуба Мандра с [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY).
|
|
|
|
|
|
|
|
|
|
Работа была нарисована вручную [Джен Лупер](http://jenlooper.com) при помощи Procreate.
|
|
|
|
|
|
|
|
|
|
## Задеплойте свой террариум
|
|
|
|
|
|
|
|
|
|
Вы можете задеплоить или опубликовать свой террариум в интернете с помощью Статических веб-приложений Azure.
|
|
|
|
|
|
|
|
|
|
1. Форкните этот репозиторий
|
|
|
|
|
|
|
|
|
|
2. Нажмите кнопку
|
|
|
|
|
|
|
|
|
|
[](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-13441-cxa#create/Microsoft.StaticApp)
|
|
|
|
|
|
|
|
|
|
3. Пройдитесь по мастеру создания вашего приложения. Убедитесь, что вы установили корень приложения либо в `/solution`, либо в корень вашей кодовой базы. В этом приложении нет API, поэтому не беспокойтесь об этом. В форкнутом репозитории будет создана папка .github, которая поможет сервису сборки Статических веб-приложений Azure (Azure Static Web Apps' build) собрать и опубликовать ваше приложение по новому URL-адресу.
|