課程內容 Week 6 這週學了 HTML、CSS、Chrome DevTool，因為之前就有接觸過，所以這週對我來說算是難度沒有那麼高的一週，看課程影片的時候，就當作再複習一些學過的東西或加深一些比較不熟的地方。上了課才知道工程師跟設計師溝通的東西是 Zeplin，才知道原來 head 可以直接去搜尋 HTML starter，想想之前做的蠢事，以為要自己一個個寫，殊不知直接拿來用就好了，在之前自學 HTML、CSS 的時候以為這些標籤都要背起來，殊不知想不起來再去查就好，我甚至以為顏色的色號都要背，結果人家直接用個滴管一秒就找到色號，這就是有人帶跟自己學的差異，所以報名課程還是有差的，網路上當然都有資料，但是差別就在於過濾那些資料的時間，我試過了，發現自己並沒有聰明到去判斷哪些重要哪些不重要，看看上面那些蠢事就知道了，所以可以用半年的課程去學別人學了十年經驗的精華這對我來說真的超級無敵划算，完全把那些我可能會糾結很久的時間都省掉好幾倍，畢竟我沒有那個十年讓我這樣耗。
Week 7 這週學了 DOM，我覺得能夠透過瀏覽器跟網頁互動這件事很酷，加了 addEventListener 就可以對網頁執行一些東西，改變css、添加或移除 class，讓畫面產身變化，整個很有互動感，事件代理我記得很厲害但我好像還不是很會用，然後 for(let element of elements) 這個我也覺得很好用，但對我來說不是很直覺，想起第一次看到這個東西的時候，也不知道為甚麼明明是跟著影片寫，卻還在懷疑這個東西是否正確，覺得目前對 DOM 的有些邏輯還不是很熟悉。自己寫 hw1時，寫了超多程式碼寫到我都快搞不清楚我在寫甚麼了，最後實在解不出來所以去看了示範影片，我覺得看了老師的示範影片可以學到更多原本沒有教的東西，也可以順便去了解要怎樣寫，程式碼可能會比較整齊之類的一些寫程式的習慣，還可以學到老師在寫一個功能的思考邏輯是如何，所以我個人還蠻喜歡看這樣可以一邊實作一邊學習的影片，我也比較不會恍神。
Week 8 這週繼續之前第四週學過的 API，多學了 Ajax、同源政策(Same Origin Policy)、跨來源請求(CORS)，覺得這週的教學影片內容不太多，主要還是從推薦文章(這篇：輕鬆理解 Ajax 與跨來源請求)去慢慢理解這週內容，老實說第一次看這篇的時候有點看不下去，好多名詞讓人不知所措，所以第一次看就當作有點印象而已，但是在寫過作業有點概念後再回來看這篇，就變得比較能理解裡面的內容，老實說在寫這週作業之前就有預感自己可能寫不太出來，畢竟連自己到底學了甚麼都不是很清楚，在寫hw1抽獎那個作業的時候，一開始就錯了，我以為 Access-Control-Allow-Origin 是我自己要加在 header，被老師提醒才知道是我搞錯了，後來又去看了一次推薦文章，發現裡面清楚寫著是 server 要加，但我第一次看這篇文章就是沒看到，直到真正要做作業的時候才清楚哪些是要注意的地方，寫第二個 twitch 的作業我也是寫不太出來，看了示範影片一步步寫的，裡面強調的callback function 還不是很熟悉，我覺得可能還要再多看幾次老師的示範影片才會慢慢抓到感覺吧(一種相信某天會茅塞頓開的感覺)，然後我幾乎每寫一步就 console.log 一次，確認看到底寫了甚麼東西，一直沒寫出自己想要的就會很生氣，然後好不容易寫好一步，要寫下一步又有問題，總之覺得這週的東西我目前還是一知半解的感覺。
Week 9 回頭來看才發現自己在 Week 9 居然停留了兩個禮拜，這週學了後端 PHP 跟 MySQL，以前有聽過但完全沒接觸過，所以對我來說是個全新的東西，在學之前就蠻期待又有點小擔心，因為之前不知道從哪看到說後端比前端難，怕自己學起來會很困難，學了 PHP的語法後，發現很多地方其實跟 JS 很像，所以不難學，學了怎麼寫 SQL的語法，知道 Session 跟 Cookie 是甚麼(三篇推薦文章我只看懂了第一篇)，我覺得對我這種初學後端的人來說學起來不會很難。雖然跟著影片把「基礎實戰：Job board 職缺報報」跟「基礎實戰：Blog 部落格」都做過一遍，留言板的東西也寫了兩遍，但要自己寫出來還是會忘了該怎麼寫，明明有點印象卻沒辦法準確地寫出來，總之這週學了好多新東西，然後也第一次看到把前端跟後端結合起來的樣子，雖然只是很基礎的東西，但還是覺得很不可思議，可以做出一個有互動又可以管理的頁面，後面學習應該還有很長的路要走，但也越來越期待自己能完成更完整的東西。
終於到了第 10 週了，耶~~ 很開心我還存在於這個計畫中，還持續每天回報進度報告，即使經常性的分心和自我懷疑還是有持續每天的學習。我覺得這對我來說是一種突破，想到之前也有報名別的課程，那時我只到第六週就停止了，其實只剩兩週就可以完課，但是始終沒有完成，而現在的我在這個計畫已經完成十週的課程了。 我覺得能讓我持續到現在有很重要的兩點，第一點就是每天回報進度，之前的線上課程也是要寫進度報告，但不是每天寫而是每週寫一次，對於我來說，每天回報的好處就是每天都能回想一下自己到底學了甚麼，而不會過了一個禮拜才寫，卻發現要回憶起來有點困難，然後每天回報的同時也可以明確知道今天的進度是多還是少，如果太少就會想要督促一下明天的自己再多完成一些進度，有時候不想學習的時候會怕進度報告沒東西寫，所以還是硬跟了一點點的進度然後才寫進度報告，這樣算是變相強迫自己每天學習的方法吧，另外可以看到同學的進度報告，就會覺得是真的有人跟我一起在學習，這個真的也蠻重要的，偶而看看其他同學的進度報告，可以讓我在無法繼續前進的時候又拉了我一把，看看那些進度在前的同學，想著別人在進度上，可以激勵自己也要盡快追上進度，然後再看看進度跟我一樣落後的同學，就會覺得自己其實也沒那麼糟糕，想著別人都還繼續在學習，就會告訴自己也要繼續加油；第二點是社群，社群的存在可以看到其他人的問的問題，或是一些更新公告啦、 podcast 公告、直播公告、小樹屋公告之類的各種公告，也是讓我有存在一個課程的實感，之前報過的線上課程就是因為沒有這種互動頻繁的社群，所以在停滯不前的時候，沒有這樣的外界因素來提醒自己，拉自己一把，於是就從課程消失了，綜觀上面兩點，我覺得對於我來說能持續在線上課程的關鍵是對於課程的參與感，在這個計畫裡除了學習影片跟作業外，因為還有各種其他東西時時更新，大概這種動態即時性，加強了我對於線上課程的參與感，現在只希望自己這樣的參與感不要被消滅，可以堅持到最後！
綜合能力測驗 一開始解的還蠻順利的，到了提示 5 就卡住了，提示 5 說有遺漏的變數，我有在 js 的檔案看到 myMissingNumberToSetToMakeTheRequest 這串看起來像是沒有被宣告過的東西，猜測應該就是遺漏的變數，以為可以自己宣告在 js 的檔案裡，結果沒反應，原本想要在匿名提問問能不能給更多提示，後來想想再給自己一次機會，於是又打開 DevTools，思考了一下，google " how can i test js on devtool"，跑出 Chrome DevTools Guide，跟著裡面的範例做一做，突然理解到原來就是直接在 console.log 的欄位宣稱變數，其實之前解的時候我也是這麼寫的，但是還差了一個步驟，就是宣稱變數完沒有再按一次 Go，所以就以為自己搞錯了。按下Go 後出現了 hint 有一串亂碼，提示說是 1 ~ 100 的數，原本還在那亂猜，突然又靈機一動，把那串亂數丟到 google，當下覺得這個做法有點瞎，一串亂數怎麼會有東西，但還是抱著姑且一試去 google，結果居然，真的給我出現一個 1 ~ 100 之間的數，看到都嚇到，把數字丟回來宣稱變數後也有點半信半疑的，沒想到，就這樣破解了！超級感動！可喜可賀哈哈(自己解出來的東西就會特別有心得) 我很喜歡這個測驗，有助於回憶之前學過的東西，也可以感受到自己真的有學到蠻多東西的。以前完全不知道 DevTool 要怎麼用，現在已經知道看不到畫面的時候可以打開DevTool 看看、看懂 php 的程式碼、知道可以在 DevTool 調整 CSS 直接看，看懂 DOM做的事，知道可以在 console.log 測 js 的東西等等，真的學了好多東西。
r3:0 異世界網站挑戰 目前只破完十關，覺得遊戲也編排太用心了吧，還有劇情，連每一關的 token 都可以感受到一些小巧思，lv4 我碰巧通過了，想說有直接給，就直接複製貼上，殊不知複製的東西居然就是答案也太幸運了， lv5 那關也太賊了吧，畫面直接跳掉，後來因為完全沒頭緒只好去偷看了別人的攻略才破關，只是要抓準時機按 esc 也是要有點技巧，lv7 包包中的餅乾這也太可愛又明顯的提示，lv9 那關卡滿久的，知道了 ord()、strlen() 後才慢慢解出來，一開始這個的 token 自己拼湊後還有點半信半疑的，沒想到真的過關了，這遊戲可以一邊玩一邊複習真的很不錯，可能真的這個遊戲做得太精緻，不知道哪來的錯覺讓我一度以為會有聲音。