# 我的微型植物園：學習 HTML、CSS 和使用 JavaScript 操控 DOM 的專案 🌵🌱 一個小型的拖放式程式冥想。只需一些 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) ## 致謝 由 [Jen Looper](https://www.twitter.com/jenlooper) 用 ♥️ 撰寫。 透過 CSS 創建的微型植物園靈感來自 Jakub Mandra 的玻璃罐 [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY)。 藝術作品由 [Jen Looper](http://jenlooper.com) 使用 Procreate 手繪完成。 ## 部署你的微型植物園 你可以使用 Azure 靜態網頁應用程式將你的微型植物園部署或發布到網路上。 1. Fork 此倉庫 2. 按下這個按鈕 [](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp) 3. 按照向導步驟建立你的應用程式。請確保將應用程式根目錄設置為 `/solution` 或你的程式碼庫的根目錄。此應用程式中沒有 API，因此不需要擔心添加它。一個 GitHub 資料夾將會在你 Fork 的倉庫中建立，幫助 Azure 靜態網頁應用程式的建置服務，將你的應用程式建置並發布到一個新的 URL。 **免責聲明**： 本文件使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。我們致力於提供準確的翻譯，但請注意，自動翻譯可能包含錯誤或不準確之處。應以原始語言的文件作為權威來源。對於關鍵資訊，建議尋求專業人工翻譯。我們對因使用此翻譯而引起的任何誤解或誤釋不承擔責任。