https://github.com/t8lionchion/javascript-bootstrap_practice_lab
主要是練習js+bootstrap功能的位置。
https://github.com/t8lionchion/javascript-bootstrap_practice_lab
bootstrap css html5 javascript
Last synced: about 2 months ago
JSON representation
主要是練習js+bootstrap功能的位置。
- Host: GitHub
- URL: https://github.com/t8lionchion/javascript-bootstrap_practice_lab
- Owner: t8lionchion
- Created: 2025-06-14T09:06:13.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-14T09:37:34.000Z (about 1 year ago)
- Last Synced: 2025-06-14T10:24:27.094Z (about 1 year ago)
- Topics: bootstrap, css, html5, javascript
- Language: HTML
- Homepage:
- Size: 33.2 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# JavaScript 練習實驗室｜JS Practice Lab
這個倉庫是我在學習 JavaScript 過程中，針對各種常見互動功能所製作的小型練習合集。
每個功能皆獨立放在子資料夾中，並附上自己的 README 與程式碼結構，方便日後查找、維護與複習。
---
## 📁 練習目錄
| 編號 | 功能主題 | 說明 | 對應資料夾 |
|------|----------|------|-------------|
| 01 | 多事件綁定與卡片渲染 | 使用 `` + `cloneNode` 動態產生元素並綁定事件 | [multi-event-binding](./js_bootstrap_practice-lab/multi-event-binding) |
| 02 | 登入畫面的帳號密碼fetch取得並傳給後端處理 | 使用async await和dom操作資料 | [Login-interface](./js_bootstrap_practice-lab/Login-interface) |
| 03 | fetch取得商品資訊並讓前台渲染商品畫面+頁碼換頁功能 | 使用async await和dom操作資料並同時讓頁碼進行事件綁定渲染對應頁碼的商品陣列 | [async_await_render_production](./js_bootstrap_practice-lab/async_await_render_production) |
---
## 🧠 開發目標
- 強化原生 JavaScript 的實戰能力
- 練習事件綁定、DOM 操作、資料流處理
- 為未來獨立開發專案打下基礎
---
## 📌 作者資訊
德誠｜全端學習中
目標：從基礎功能扎根，逐步建立完整開發與部署能力。