finish all

homeworks/week10/hw1.md

@@ -1,3 +1,43 @@
 ## 六到十週心得與解題心得
 
+#### Week06（05/17 ~ 05/23）：前端基礎 HTML 與 CSS
+  - 第六周應該就是切板的開始，即然切板是前端必需的技能，就要好好練習他！
+  - 也上完 Amos 老師的金魚系列，蠻有幫助的
+  - 沒什麼密訣就是一直切切切，然後就會切出一個感覺 (？)
+  - 我自己目前有一個流程 ( 給大家參考 ) : 
+    1. 定位 : display, position (top, left, ...)
+    2. 長寬 : width, height
+    3. 顏色 : background, color
+    4. 細節 : box-shadow, border
+    5. 動作 : :hover, :after, ...等
+    6. 動畫 : tansition, animation, ...等
+  - 挑戰題 : [Hacker News](https://lidemy.github.io/mentor-program-5th-benben6515/homeworks/week6/hw4-challenge.html)
+  - 超級挑戰題 : [Facebook](https://lidemy.github.io/mentor-program-5th-benben6515/homeworks/week6/hw5-super-challenge/)
 
+
+#### Week07（05/24 ~ 05/30）：前端基礎 JavaScript
+  - 這周開始是跟 `瀏覽器.js` 打交道，既然要打交道就要遵守他的規則
+  - 主要是搞懂瀏覽器跟 node 的差別，例如 : DOM ( 一種 Web API ) 就是瀏覽器才有的，我們只是用 JavaScript 操作他，並非 JavaScript 的一部分
+  - 然後跟著 huli 老師研究像是 : 捕獲冒泡、事件代理、prvenDefault/stopPropagation，都花了不少時間去理解
+  - 挑戰題 : [輪播元件](https://lidemy.github.io/mentor-program-5th-benben6515/homeworks/week7/hw5/)
+
+#### Week08（05/31 ~ 06/06）：前端基礎串 API
+  - 這周是學習使用 `瀏覽器.js` 串接 API 
+  - 自己一步步串接 Twitch ，最後完成的時候蠻有成就感的，真的有自己在做網頁的感覺
+  - 最重要的，第八周也是這個計畫的決擇時間，寫了篇廢文 : [決擇之日](https://benben6515.github.io/blog/2021/06/03/Code_210521_MRT05-Day-of-selection/)
+  - 挑戰題 : [Twitch - 載入更多](https://lidemy.github.io/mentor-program-5th-benben6515/homeworks/week8/hw2/)
+
+#### Week09（06/07 ~ 06/13）：後端基礎 PHP 與 MySQL
+  - 這周開始學習 php 了，第一次接觸後端領域，老師也預期會花比較多時間熟悉，所以只有一個作業
+  - 對新手來說，環境架設真的比較困難一點，像我又去研究 mySQL bench 雖然比較花時間，但比起 phpMyAdmin 順多了XD
+  - 最後也公布了剩下學生人數 : A 求職方案：61 位 / B 買斷方案：36 位
+  - 作業 : [是在哈囉 - 留言板](http://mentor-program.co/mtr04group2/Benben/week9/index.php)
+
+## week10 闖關心得
+
+- 綜合能力測驗
+  小小的關卡，一開始進去是全白的，但是使用 `F12` 打開發工具，就會看到被註解起來的 code ，一步步跟著提示，然後找到按扭就解開了，在帶上一些參數，就成功解開了
+
+
+- r3:0 異世界網站挑戰
+  好像原本是有 10 闖，但增加到 15 闖，蠻好玩的，也學了很多小知識，像是 : [AAencode](http://ctf.ssleye.com/aaencode.html)、去找 css, javascript 的 resource 、用 node 串 api ...等，一路闖關下來覺得遊戲設計的還不錯，很像真的在玩文字 RPG 的感覺