Update 期末整理.md

期末整理.md

@@ -1 +1,70 @@
-作業一：自我介紹網頁
+## 作業一：自我介紹網頁
+- [網頁](https://c10h8nai.github.io/wp/html/self_introduction_gpt.htm)
+- [代碼](https://github.com/C10H8Nai/wp/blob/master/html/self_introduction_gpt.htm)
+
+網頁架構由GPT生成，再添加一些gpt給我的css動畫，修改了標題內容等等，還有加上一些...聊天?
+
+## 作業2：註冊表單
+
+- noneCSS:
+[代碼code](https://github.com/C10H8Nai/wp/blob/master/html/singup_nonecss.html)、[網站web](https://[c10h8nai.github.io/wp/html/singup_nonecss.html](https://c10h8nai.github.io/wp/html/singup_nonecss.html))
+- CSS:
+[代碼code](https://github.com/C10H8Nai/wp/blob/master/html/singup.html)、[網站web](https://[c10h8nai.github.io/wp/html/singup.html](https://c10h8nai.github.io/wp/html/singup.html))
+
+## 作業3：JavaScript 基本練習
+
+- https://github.com/C10H8Nai/wp/blob/master/js/hw3.js
+
+## 作業4：JavaScript 練習 2
+
+- [HW4](https://github.com/C10H8Nai/wp/blob/master/js/hw4.js)
+
+Q8用參考答案
+
+## 作業5：DOM 的 JavaScript 操控練習
+
+- [網頁](https://c10h8nai.github.io/wp/html/hw5.html)
+- [代碼](https://github.com/C10H8Nai/wp/blob/master/html/hw5.html)
+
+把三個作業都合到一個網頁裡了
+
+## 作業6：側欄 -- CSS Transition 與 JavaScript
+
+- [代碼](https://github.com/C10H8Nai/wp/blob/master/html/main.html)
+- [網頁](https://c10h8nai.github.io/wp/html/main.html)
+
+把1跟2整合在一個網頁中了，初始頁面滑鼠可以滑動左側，點擊可以切換固定或解除固定，右側可以切換日夜模式
+
+## 作業7：SHA256 雜湊介面
+
+- [網頁](https://c10h8nai.github.io/wp/html/sha.html)
+- [原始碼](https://github.com/C10H8Nai/wp/blob/master/html/sha.html)
+- [JS SHA原始碼](https://github.com/C10H8Nai/wp/blob/master/html/js/sha.js)
+
+透過參考[ClientSha](https://github.com/ccc112b/html2denojs/tree/master/A1-%E8%B3%87%E8%A8%8A%E5%AE%89%E5%85%A8/A1-clientSha)代碼和[Blockchain Demo](https://andersbrownworth.com/blockchain/hash)網頁做的
+
+## 作業8：Layout 佈局
+
+- [網站首頁](https://c10h8nai.github.io/wp/html/main.html)
+- [測試網頁](https://c10h8nai.github.io/wp/html/layout.html)
+- [程式碼](https://github.com/C10H8Nai/wp/blob/master/html/layout.html)
+
+## 作業9：請做一個有繪圖的網頁 （難度不限，可以用套件）
+
+- [網頁](https://c10h8nai.github.io/wp/html/hw9_print.html)
+- [原始碼](https://github.com/C10H8Nai/wp/blob/master/html/hw9_print.html)
+- [詳情README.md](https://github.com/C10H8Nai/wp/blob/master/html/hw9_print_README.md)
+
+## 作業10：請用 groq 大語言模型 LLM 做一個簡單的網頁應用
+
+小型聊天AI
+
+- [網頁](https://c10h8nai.github.io/wp/html/main.html)(鑲在主頁右邊)
+- [主頁程式碼](https://github.com/C10H8Nai/wp/blob/master/html/main.html)
+- [groq.js程式碼](https://github.com/C10H8Nai/wp/blob/master/html/groq/groq.js)
+
+> 基本上是看老師給的參考資料寫的
+
+## 作業11：請閱讀 denoApiService + Blog 的程式碼，並寫下你的理解，然後為程式碼加上詳細的註解
+
+沒做(`･∀･)b