2020/02 FDN_Wk3 ORID

###### tags: `學期二` # 2020/02 FDN_Wk3 ORID <table> <tr><td><h3>Liz</h3><b>andrea72052001@gmail.com</b><br><div>O: 完成了挑戰題的TodoList部份。並且參考了同學詢問的問題和解答。<br>R: 雖然學習的過程很緩慢，但是至少很開心自己用了不同的方式去理解以及不同的方式去展示出一樣的效果。至於學習的速度和理解所需要的時間，我想是目前自己需要克服的部份。一來是心理上對自我期許的克服，二來是對自我專注力上的克服。<br>I: 過程中遇到的一些小問題也在最終向mentor諮詢得到了收穫。讓自己在對尤其函式和template的基礎上更為理解。<br>D: 希望接下來能夠針對其他同學的作業觀摩，以及自己所理解的部份好好的在blog上做紀錄。</div><br></td></tr> <tr><td><h3>Jerry</h3><b>jerry20928@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？</li></ul><div>學習 DOM 相關操作(查詢節點、修改節點、Template Literal、事件)並將所有作業完成。<br><br></div><ul><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？</li></ul><div>對我而言，學習內容有些抽象，因此很難在第一時間就理解，但配合實作練習較能體會其中。<br><br></div><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</li></ul><div>當週內容對我來說前兩份作業還算蠻直覺的，但後面開始需要花費更多的時間去思考製作。<br>感覺自己只理解 DOM 的表面，想要將其熟悉掌握還是要多花時間練習練習。<br>另外，到目前為止的學習內容已經足以讓我製作出有點樣子的網頁了 !!<br>之前有些想法或許可以慢慢實現，並以個人作品的方式呈現出來。<br><br></div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？</li></ul><div>持續跟上進度不落後，把握實作練習機會，搭配實作深入學習。<br><br><br></div><ul><li>有什麼話想跟 AC 說？</li></ul><div>謝謝助教的批改以及建議 ~</div><div><br></div><br></td></tr> <tr><td><h3>Bruce</h3><b>god1112@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？</li></ul><div>操作DOM，達到動態呈現網頁的效果。</div><ul><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</li></ul><div>課程編排較為紮實，不會一次塞太多內容，加入很多練習加深觀念！用意應該是讓撰寫程式成為一種習慣。這邊推薦大家一本書「原子習慣」，裡頭提到以「目標導向」與「身分認同」，對於「習慣」的堅持有何不同？</div><div>「目標導向」-->要成為程式設計師。還沒投入職場或轉換跑道，未拿到正式offer之前，這看起來還有很大一段路要走。</div><div>「身分認同」-->我現在就是程式設計師，每天要做的事就是撰寫程式，這是一個自然而然的習慣。事實上，即使目前仍未夠格投入職場或轉換跑道，但我們的確是初出茅廬的程式設計師。</div><div>當然，上面的描述或許不是很貼切，建議大家有空可以找這本書來看看，或許在學習的路上能幫助你。</div><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</li></ul><div>讓網頁動起來，實在很酷。因為同時間有其他學習項目，打算將進階選修作業留到假日再來完成它。</div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</li></ul><div>原本預計這週每天學習進度一點點，不小心節奏還是太快，期待下週學習資料串接。雖然之前看其他的線上課程沒有學得很好，但多少也是有幫助，才能在AC的這幾週進度衝這麼快，算是相輔相成吧！</div><ul><li>有什麼話想跟 AC 說？</li></ul><div> 助教的解說影片真的很棒哦！觀念非常清楚~~</div><br></td></tr> <tr><td><h3>Justin</h3><b>justinhuang777@gmail.com</b><br><ul><li>OBJECTIVE<br>這週學習了 DOM的操作、 Template Literal 、設置事件、事件傳遞機制。 </li></ul><div><br></div><ul><li>REFLECTIVE<br>這週的學習內容非常多且複雜，DOM操作的觀念從基本的抓節點抽換單一內容到使用 Template Literal 抽換更多內容。作業難度的層次控制得很好，讓我有種關關難過，但終究可以關關過的感覺。</li></ul><div><br></div><ul><li>INTERPRETIVE<br>這週是實際把學了1.5個學期的 HTML、CSS、JS 結合起來完成一個簡單專案。雖然功能很簡單，不過在完成作業的那一刻，真的有種「值得了」的感覺。<br>尤其是選修To-do List，這個作業不只是把過去所學全部投入實作，也是讓自己可以有機會探索更多尚未掌握的技術。</li></ul><div><br></div><ul><li>DECISIONAL<br>下週將學習串接 API ，預習時還沒有看得很懂，希望利用提前進度的方式讓自己有更多時間學習。</li></ul><div><br></div><br></td></tr> <tr><td><h3>harry</h3><b>harry811016@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？</li></ul><div>1. 主要學習了利用JS與HTML和CSS互動和Template Literal的功能<br>2.  完成了記分板與Todo List<br><br></div><ul><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</li></ul><div>這周感覺比較有像在寫一個作品了，雖然還不是一個真正能用的應用，但是當作品完成甚至是自己加一些功能，讓我感覺自己有在進步!<br><br></div><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</li></ul><div>1. 在做Todo List 挑戰題印象最深刻，因為想自己做一些額外功能，導致比原本預計花了更久的時間在查找資料以及試誤中。<br>2. 我感覺自己還不太適應讓程式易讀化的技巧，例如把一些東西塞到函式裡，只專注在功能上，整體Code會看起來複雜一點，希望之後可以慢慢改善自己這一點。<br><br></div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</li></ul><div>1. 在行有餘力之時，慢慢將一些code包裝起來，讓整體程式碼更好閱讀。</div><div><br></div><br></td></tr> <tr><td><h3>Marc</h3><b>g40419@gmail.com</b><br><div>O-<br>了解DOM 的操作方式，了解事件監聽方法，透過作業學習如何將元素加入各種功能<br><br>R-<br>這週課程很扎實，還好在開學前有預讀，重新看過一次更清楚自己哪些部分沒有搞懂。作業部份，有幾個練習之前雖然已經做了一遍，不過還是重做了一次，確定自己清楚了解作業的要求，也因為第二次做，自己試著完成一些沒有要求的方式<br><br>I-<br>DOM 的操作熟悉的話，是可以很靈活的，除了操作方法的熟練度外，HTML的結構也蠻重要的，在練習時曾有經驗，因為HTML設計不良，造成使用querySelector 擷取時，繞了一大圈，花了許多的時間。<br><br>D-<br>我想，進步的方法除了練習還是練習，除了持續練習，在觀摩同學作業中，不只學到很多，也多了好多思考的方向，現在看別人的程式碼漸漸能了解對方思考的點是什麼，很爽。<br>A20選修題目要求的功能都已經完成了，還有幾天的時間，想要再思考一下，怎麼讓樣式更好看，<br>另外想增加一個CSS 的動畫進度條，還在研究，希望時間上來得及交件</div><br></td></tr> <tr><td><h3>Lowrnece</h3><b>thewindway@gmail.com</b><br><div><strong>OBJECTIVE</strong>：</div><div>完成了A14-A20的作業練習，嘗到了互動網頁的樂趣，雖然挑戰不小，但能學會如何監聽與遍歷真的很棒呢。<br><br><strong>REFLECTIVE</strong>：</div><div>來到第三周，終於來到動態網頁的階段，是我最想要了解與操作的部分，特別是監聽與遍歷！這一塊也是很硬梆梆的部分，特別是遍歷指定節點的設定，這部分就與DOM環環相扣，更加體會良好的布局與設定，對程式撰寫會有多大的影響與干擾，雖然一路總感覺跌跌撞撞，但覺得還是好的。<br><br><strong>INTERPRETIVE</strong>：</div><div>DOM的規劃與程式撰寫真的是一門環環相扣的藝術呢！從起初HTML的設定到實際JS的撰寫，透過console.log()不斷的從錯誤中學習與實踐，過程中時不時在鬼打牆！有時候變數找錯人了，有時候遍歷的目標也找錯了，有時候甚至還不知道自己究竟遍歷到哪去了！哈哈！<br><br><strong>DECISIONAL</strong>：<br>給自己的期許，繼續一步一腳印的前進。與上週相同，期許自己至少把下周的作業都刷過一遍。</div><div><br><strong>想跟 AC 說：<br></strong>經過這幾周的操作，還有你們的協助，讓我能一周一周的挑戰過關，感謝！</div><br></td></tr> <tr><td><h3>Tony</h3><b>waiting33118@gmail.com</b><br><ul><li><blockquote>OBJECTIVE - 你這週學做了什麼？完成了什麼？</blockquote></li></ul><div>           完整了解DOM tree 、rendering的運作，最重要的querySelector & querySelectorALL<br>            並運用Template literal 印出重複的樣式，addEventListener 協助你偵測使用者動作，並做                出你預期的反映</div><ul><li><blockquote>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</blockquote></li></ul><div>             感覺這週的實作都有難度，語法要熟練，不然有時候知道要怎麼作但卻打不出來QQ</div><ul><li><blockquote>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</blockquote></li></ul><div>           這週開發中獲得的最大的心得在於要如何正確的選到你要的元素，我覺得這個挑戰還滿難的，有時候是父層，有時候是隔壁的隔壁鄰居，要想選到他，我都是利用console.log慢慢找出來~~</div><ul><li><blockquote>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</blockquote></li></ul><div>             繼續完成  進階提選修 TodoList 體驗強化版!!!</div><br></td></tr> <tr><td><h3>Eli</h3><b>bob34295160@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？<ul><li>這週學到如何操作DOM以及設立事件，讓點擊按鈕增減數字、刪除點擊項目、點擊更改樣式、控制enter鍵輸入、禁止輸入空白等。</li></ul></li><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？<ul><li>這週感覺還不錯，看到網頁已經不是死板板的，能互動的樣子，感覺滿有趣的，覺得禮拜四的工作坊很有用，原本沒有很清楚的理解遍歷節點，作業都是一直try到成功這樣，經過工作坊的講解及同學們回答問題，大家都很厲害提供不同種方法，也才讓我了解原來是這樣。</li></ul></li><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？<ul><li>這週設下想不出來的截止時間，果斷放棄，終於能不那麼浪費自己時間，從別人身上學習更快。</li></ul></li><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）<ul><li>繼續練習function跟遍歷節點，還是不太熟悉。</li></ul></li></ul><div><br></div><br></td></tr> <tr><td><h3>拉拉</h3><b>sue4100035045@gmail.com</b><br><ul><li><strong>OBJECTIVE ：</strong>這週學了DOM，要如何查找節點，用javascript抽換內容，以及如何用javascript做出具有功能的動態網頁</li><li><strong>REFLECTIVE：</strong>這次花很久的時間做作業，一開始還不習慣用console.log去確認節點，以致於寫code時非常混亂，搞不懂自己在幹嘛，但看了助教的影片之後，學到了用console.log確認和怎麼一步一步思考流程，雖然還是很緩慢，但覺得自己有進步了！希望以後可以越來越快！(星期四半夜時用超睏的腦袋做作業，放棄之後星期五晚上繼續想做，結果就順利做出來了！寫code時腦袋狀況真的要好一點啊!!不然超級浪費時間QQ)</li><li><strong>INTERPRETIVE：</strong>最大的體會大概就是...要在腦袋清楚的時候做事，不然只會事倍功半orz</li><li><strong>DECISIONAL：</strong>想要增進自己寫code的速度，先釐清所有步驟再進行，才不會花太多時間去試</li></ul><div><br></div><br></td></tr> <tr><td><h3>Eddie Hsiao</h3><b>a227799770055@gmail.com</b><br><ul><li>OBJECTIVE<ul><li>這週的學習重點主要為DOM的操作，包含了如何獲取DOM中的節點，以及針對這些節點所進行的控制。</li></ul></li><li>REFLECTIVE<ul><li>這週的內容非常充實，逐步地將JS與HTML接上了，完成作業後也非常有成就感。</li></ul></li><li>INTERPRETIVE<ul><li>最大的學習體會就是看到題目時，會先將每個指令拆解成更小的指令，再將它們組合起來。有組織的寫code比較能讓我更清楚每個指令所負責的步驟，也更好掌握我所寫出來的作品。</li></ul></li><li>DECISIONAL<ul><li>期待下週可以有更複雜的課程等我挑戰</li></ul></li></ul><br></td></tr> <tr><td><h3>Denny</h3><b>denny1011133@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？</li></ul><div>     認識DOM、怎麼操作DOM、怎麼選出DOM節點、在JS中利用DOM寫出動態網頁、在JS操作事件來使網頁產生功能</div><div><br></div><ul><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</li></ul><div>    這周學習感覺很棒，觀念都不算太難，很像是一堆小觀念累積而成，最後利用這些觀念聚集起來完成小專案。</div><div><br></div><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</li></ul><div>     每次在寫作業的時候都會看一下 about  1 or 2 hours 之類的，一旦看到這邊心裡就覺得這份作業是不是很難，所以在前幾份作業都很怕遇到這種需要高時數的作業，但後來還是得抗拒拖延症而去嘗試寫看看，後來靜下心來思考問題的脈絡，把問題拆成一小部分，發現也一下就完成了，我覺得是因為我有觀察到助教講解的時候，助教也是先示範一小部分功能，看結果如何如何再繼續往下走，我覺得我是從這邊學到的一個小技巧。<br><br><br></div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</li></ul><div>     一樣繼續照這個flow走，有遇到問題再說。<br><br></div><ul><li>有什麼話想跟 AC 說？</li></ul><div>謝謝助教</div><div><br></div><br></td></tr> <tr><td><h3>Ann</h3><b>enchueh@gmail.com</b><br><div>OBJECTIVE<br>學習DOM操作概念與事件處理，完成練習與作業繳交。</div><div><br>REFLECTIVE<br>覺得很充實，雖然還無法獨自撰寫，但透過觀摩同學作業、思考學習，更有概念些。<br><br>INTERPRETIVE<br>最大的學習體會是如何運用事件處理及 ES6渲染動態網頁。<br><br>DECISIONAL<br>繼續學習每個進度，期許自己能夠跟上進度、按時交作業。</div><div><br></div><br></td></tr> <tr><td><h3>GaryHeish</h3><b>smopthy@gmail.com</b><br><ul><li>OBJECTIVE - 學習如何調用網頁中每一個元素節點，並且學會改變節點的特性，內容等等</li><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？<br>這個裡面上半週有點痛苦，一直對於如何有效調用目標節點有很大的難度。<br>依據作業循序漸進地回頭看上幾堂的課程找答案</li><li>為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</li></ul><div>    一週的進度最好在上半週就把進度做到60％才可以應付後續的作業，身邊自己的私事也應該做組<br>     織性的安排。</div><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</li></ul><div>    每一週的進階課程基本上沒辦法，這一部份覺得比較可惜，</div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰：<br>多留一到兩天的時間，把課程可以複習一遍，也對於星期四直播的部分，也參與完成。</li></ul><div><br></div><br></td></tr> <tr><td><h3>Amos</h3><b>david.101.0417@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？</li></ul><div>    <strong><em>本週學習了DOM的操作，學習了利用程式控制頁面的UI及動作。</em></strong><br><br></div><ul><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</li></ul><div>    <strong><em>因為本身就是對寫程式比較有興趣，所以相較前面幾週的版面設計來說，本週的內容更激發了我的動力，當然CSS及HTML仍是一切的基礎，仍然需要好好打底才行。</em></strong><br><br></div><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</li></ul><div>     <strong><em>對DOM的控制及流程更加了解。</em></strong><br><br></div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</li></ul><div>   <strong><em> 本週開始在週間持續學習，開始比較能掌握課程內容及進度。</em></strong></div><div><br></div><br></td></tr> <tr><td><h3>Milly</h3><b>qqmilly33@yahoo.com.tw</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？</li></ul><div>    這周學習使用事件監聽，啟動對應的功能，讓網頁逐漸脫離靜態呈現，與現實生活中使用的網頁更貼近了一些。</div><ul><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</li></ul><div>     這周開始感受到HTML、CCS、Javascript的串接，感受到很多知識偶爾還是會忘記，需要再回頭複習相關的知識、概念。</div><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</li></ul><div>     在A19的作業中，承蒙助教指導，獲得了一些關於程式如何再精進的建議，覺得受益良多。</div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</li></ul><div>     未來的一週希望能抽時間將A20的挑戰完成</div><br></td></tr> <tr><td><h3>Mia</h3><b>mia89926@gmail.com</b><br><ul><li><strong>OBJECTIVE - 你這週學做了什麼？完成了什麼？</strong></li></ul><div>     這週認識了新朋友DOM，藉由console.log的運用，了解瀏覽器的樹狀結構和DOM節點，搞清楚節點間parents和children的關係。<br>    在客製化名片模板中，利用節點的特性去修改內容；在得分版中作業，用查詢節點內容以找出得分王。最後學了很重要很實用的event，將得分板、MovieList和Todo list變成實際可操作、互動的簡易程式。<br><br></div><ul><li><strong>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</strong></li></ul><div>      我感覺每一周的份量和須投入時間都有慢慢的在增加，應該是因為實做的東西變多了，複雜度也增加，但相對來說完成時的成就感也越大吧哈哈哈! 寫作業時卡住真的是滿心累的，找不到問題也毫無頭緒，不過我發現觀摩同學的程式碼真的滿有用的，可以學習不同的解題方式並找得自己適合的用法。問助教也超級有用，助教會引導問題所在、解釋原因，也提供可行方法。<br><br></div><ul><li><strong>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</strong></li></ul><div>      我學習體會最大的是，寫程式時每個步驟都要注意有無錯誤(尤其是拼字和符號...)，不然執行有問題後要回頭找出錯根源會有大海撈針的感覺(這週的作業有很多部分都是因為漏加一個點或一個加就卡了很久XD)。可能我對於找出錯的工具也要多多認識和熟練。<br><br></div><ul><li><strong>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</strong></li></ul><div>      我下周希望能增加我學習的效率和質量，可能by碰到問題多問或觀摩更多同學的作品還有讀多一點延伸資料，增加我的知識庫，在做作業和碰到問題時才有更多的實力和精力去應對。<br><br></div><ul><li><strong>有什麼話想跟 AC 說？</strong></li></ul><div>     一樣謝謝你們的各種用心指導和幫忙!!! <3</div><br></td></tr> <tr><td><h3>Doris</h3><b>dorishsiao007@gmail.com</b><br><ul><li>OBJECTIVE</li></ul><div>學習了DOM的概念，有能力可以利用樹狀結構找出特定的節點，並針對找尋出來的節點進行修改。也可運用Template Literal生成動態網頁，並設置事件，讓網頁功能豐富化。</div><div><br></div><ul><li>REFLECTIVE</li></ul><div>相較於上週，這週時間分配較為彈性，可以多查詢官方文件或其他補充資料，這週主題目前還有進階內容進行中，其餘部分已完成，本身對這週主題充滿興趣，有些作業完成時，會遇到一些問題，現在也能熟悉使用瀏覽器的開發者模式，一步一步將錯誤查找出來並解決問題。<br><br></div><ul><li>INTERPRETIVE</li></ul><div>這週在撰寫作業時，對於某些語法相對沒有這麼熟悉，所以常常需要回頭找範例，用模擬別人程式的方式，將作業完成，另一部分也希望訓練自己閱讀官方文件的能力，可以清楚當遇到問題時，自己要如何從官方文件查詢出想要的內容或Key Word。<br><br></div><ul><li>DECISIONAL</li></ul><div>從下週開始，後半段課程都是以專案實作為主，希望自己可以運用這幾週所學，將目前生活中遇到繁瑣的問題，利用課餘時間，手動開始實作，打造自己有興趣的作品，一開始可能沒辦法寫出很完成的作品，但可以利用機會累積實作經驗，慢慢豐富自己的作品。<br><br></div><ul><li>有什麼話想跟 AC 說</li></ul><div>這週看了幾篇分享累積自己作品的經驗，有很大的收穫，如果現在開始實作自己的作品，若在實作中遇到困難或問題，是否可以求助於AC助教? 謝謝<br>另外看到許多官方文件都是英文為主，這部分是否要提升自己閱讀英文的能力XD 本身英文相對比較弱。</div><br></td></tr> <tr><td><h3>Emily Wang</h3><b>emily40830@gmail.com</b><br><ul><li><strong>OBJECTIVE</strong> - 你這週學做了什麼？完成了什麼？</li></ul><div>這週的課程相較過去幾週( 包含第一學期)花了較多的時間，但是真的有感受到自己有在學習寫網頁，把三種程式語言串接起來的感覺。完成了所有作業，也習得操作網頁元素的方法與邏輯。<br><br></div><ul><li><strong>REFLECTIVE</strong> - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</li></ul><div>在寫選修作業的時候花了一點時間觀摩同學的作業，發現自己在網頁版型調整這塊有點淡忘，覺得學到現在應該已經到了要整合先前所學加以應用的階段，有些調整版面的設定與觀念還不能靈活運用，有點小難過。<br><br></div><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</li></ul><div>回溯複習的重要，以免忘記先前所學的。現在對於viewport 的掌握還沒有到很熟練，希望自己能再多花一些時間研究相關文件。<br><br></div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</li></ul><div>除了學習當週進度，也要回頭複習以前的課程內容。</div><br></td></tr> <tr><td><h3>Ian</h3><b>iancyc417@gmail.com</b><br><div>這周在助教引導下完成了作業<br>以前是用DW實作，感覺沒有那麼複雜，現在重頭來過感覺有些吃力，但完成後還是有成就感<br>最大的學習體會就是漸漸能夠掌握DOM節點的查詢方式，但因為練習不多所以還是需要查找語法<br>下周希望也能跟上進度，並且有機會大量練習語法部分</div><br></td></tr> <tr><td><h3>湯湯水水</h3><b>auroral.13king518@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？<br>如何用JS來操作DOM+CSSOM，去影響HTML和CSS的變化，讓網頁真正動起來。</li><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</li></ul><div>    我覺得這一章真的很有趣，能實際看到網頁是如何動作的。覺得很有趣~<br>    不像是之前程式邏輯硬板板和CSS的美感緊迫盯人，讓我覺得很棒!!</div><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</li></ul><div>    Bubbling和Capturing這個東西是第一次聽到，希望之後能多多了解JS這些背後的機制。</div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）<br>加油加油把時間分配好，希望能提前進度，把過去同學的問題看過一遍，統整起來在HackMD上。最近有點忙阿，但還是要趕在禮拜日的Deadline交作業。</li><li>有什麼話想跟 AC 說？</li></ul><div>     感謝助教的提點~ 剩下幾周還請多多指教~</div><br></td></tr> <tr><td><h3>Ann</h3><b>yunannhsu@gmail.com</b><br><div>Ｏ：本週學習了DOM架構，包括選取節點、修改和遍歷節點，並完成了客製化的名片。也用Template Literal的方法，做了籃球員的記分板，也用事件驅動來未計分板加上按鈕進行減分、和按鈕刪除的功能。<br>Ｒ：這一週感覺有漸漸比較熟悉Javascript了，前兩週看到作業常常無從著手，但現在可以自己先想到方向，然後觀摩同學的作業，整合寫出符合自己思路的解法。<br>Ｉ：我覺得進度的壓力還是滿吃緊的，有些地方匆匆帶過，概念還很模糊，沒有時間詳細深入。但謝謝上週助教有在週記回應我說，可以多問問題、即時解惑，所以這週我比較常問問題，覺得幫助滿大的，真的可以加速理解內容、省去自己琢磨老半天的時間。而且翻看同學問的問題，也常常解答了我的問題。<br>Ｄ：A19的作業，刪除的功能做不出來，下一週找時間再研究問題出在哪裡。</div><br></td></tr> <tr><td><h3>又誠</h3><b>zxcy9980@gmail.com</b><br><div>OBJECTIVE:我這周學了怎麼去找節點，並用語法去修改它，還學了在DOM元素上添加事件監聽器來讓我的網頁動起來，我完成了這周的指標作業。<br><br>REFLECTIVE:我感覺還不錯，因為DOM這個章節雖然前面有點難以理解，但是一旦想通了之後，會發現其實並沒有這麼困難，還蠻有成就感的。<br><br>INTERPRETIVE:我深刻地體會到排版的重要性，我最初在取節點時因為排版混亂而一直抓錯，浪費了不少時間，現在我寧可多花10分鐘來排版也不要浪費2小時去抓錯節點而做不出來。<br><br>DECISIONAL:我希望下一周我能把挑戰題都做完</div><br></td></tr> <tr><td><h3>Iris</h3><b>janyshop@msn.com</b><br><div>O:這週學習如何查找DOM節點、利用Template Literal來製作渲染動態網頁、設置event來提升使用者體驗，透過這些完成了動態計分板。<br>R:這週的學習，很有挑戰性，運用event來達到使用者與網頁的互動很好玩，就是程式碼真的好長又好多，有點記不住，常常需要從筆記中copy過來，有點頭疼。<br>I:了解如何從靜態網頁轉變成動態，並且透過事件在網頁上設置想要擁有的功能，真的很有趣，只是很多功能還是需要多嘗試才知道該如何設置。<br>D:下一階段要開始學習API了，感覺時間真的好不夠用啊~我想如果遇到問題應該是先了解並解決就好，不能太延伸閱讀了解，避免分散太多腦力。<br>想問問AC~如果選修或挑戰題未繳交，後續補交可以嗎~?</div><br></td></tr> <tr><td><h3>Joyce</h3><b>blueji9809@gmail.com</b><br><ul><li>OBJECTIVE - javascript與DOM節點的操作與事件</li><li>REFLECTIVE - 比起第二週只有js的觀念部分，比較喜歡這週加上控制DOM的練習，這週有較多的時間可以將進階內容完成，希望下週也可以完成進階內容</li><li>INTERPRETIVE - 基本觀念有時候還是需要查找資料，或是回去複習之前的課程，目前還沒習慣ES6的寫法，看別人寫的Code可以懂對方在寫什麼，但是當自己寫的時候還是習慣使用舊的js寫法，由於之前有使用過jQuery所以對於節點的選取有初步的概念，在學習這次的章節有很大的幫助，比較習慣於jQuery的語法，對js選擇節點的語法仍然不熟悉需要google相關資料</li><li>DECISIONAL - 下週有串接第三方 API以及比較不懂的Ajax部分，有點擔心會卡關</li></ul><div><br></div><br></td></tr> <tr><td><h3>Wei</h3><b>fhaowei@yahoo.com.tw</b><br><ul><li>OBJECTIVE -</li></ul><div>學習DOM操作</div><ol><li>選出特定的節點或是週遭的節點</li><li>新增/修改/插入/刪除節點</li><li>操作CSS (NODE.classList)   查看/新增/刪除</li><li>設置Event Listener</li></ol><div><br></div><ul><li>REFLECTIVE - </li></ul><div>這週的作業又變得更加困難，一開始作A15 和 A17時不是很順利突然有了灰心的感覺。不過在看完model answer跟助教解說後還是順利完成了。後來想起有人說過關於加法學習的學習心態-本來在這之前就什麼也都不懂，不會寫或是抓不到重點其實很正常，重要的是透過作業知道了哪些是重要的技巧，練習之後累積新的知識，學會新的技能，這樣想想就變得好些了。<br><br></div><ul><li>INTERPRETIVE - </li></ul><ol><li>卡關時先在HTML上寫出內容想呈現的架構，再搬到JS上寫會變得比較直觀好下手。</li><li>使用const 將重複使用的句子存入，可以縮短程式碼</li></ol><div><br></div><ul><li>DECISIONAL - </li></ul><div>持續跟著課程的進度學習與練習</div><div><br></div><br></td></tr> <tr><td><h3>Eva</h3><b>spinco1001@gmail.com</b><br><ul><li>OBJECTIVE</li></ul><div>本周主要是在學習DOM的概念，學到如何用 Javascript 操縱網頁元素、設置事件，很艱難地完成了A14 - A20的作業@@<br><br></div><ul><li>REFLECTIVE</li></ul><div>本周的學習上面，最大的感覺是自己好像還沒有把工具弄得很熟，雖然看了教材，但是自己做作業的時候，會一片空白、找不到下手的地方，尤其是事件設置的部分，有點搞不太清楚順序要如何設置。這部分可能要靠自己多多實作去學習了，這周自己事情也較多一點，希望下周能多留一點時間好好加油><<br><br></div><ul><li>INTERPRETIVE</li></ul><div>這週雖然作業都有先完成了，但是對於內容的掌握度要在更加強，有些程式碼是邊猜邊寫上去的，還沒有搞得很清楚邏輯，這部分是最希望下周能解決的！<br><br></div><ul><li>DECISIONAL</li></ul><div>下週希望能早點完成 S5 的課程，至少搞清楚自己寫出來的內容～<br><br></div><div><br></div><br></td></tr> <tr><td><h3>Patrick</h3><b>sasuke10236@gmail.com</b><br><div>OBJECTIVE: 這周了解到甚麼是DOM，及學會如何查找、選出、修改節點還有設置事件等等<br>REFLECTIVE:在Javascript方面還是偏弱，覺得邏輯方面還是需要多加強<br>INTERPRETIVE:難度較簡單的作業還能夠獨自完成，但難度稍微提高就常常需要觀摩才能解決<br>DECISIONAL:希望之後做作業可以常常靠自己的力量完成</div><br></td></tr> <tr><td><h3>stery</h3><b>a90b301@hotmail.com</b><br><ul><li>OBJECTIVE - DOM/參加線上工作坊/動態渲染</li><li>REFLECTIVE - 本周又回到比較不熟悉的java script... 但比第一周好一些,在動態渲染的部分,看了助教的影片有比較理解template literal</li><li>INTERPRETIVE - </li></ul><div>1. 現在進行到第三周,對我的程度來說,每周的進度要在時間內完成是比較困難的, 所以本周事件驅動待完成</div><div>2. 由於現在我的學習方式是儘量跟緊每周進度,所以我都會略過進階學習選修內容,想說之後再回來看,但以目前的學習狀況來看,我也無法再下一周回頭看選修,所以我有點擔心在本學期間,會無法學習完所有的內容</div><ul><li>DECISIONAL - 事件驅動+S5</li></ul><div><br></div><br></td></tr> <tr><td><h3>Fred</h3><b>aikwdc00@hotmail.com</b><br><div>OBJECTIVE </div><ul><li>學習初步的dom與事件的運用</li><li>利用dom與js的搭配抽換html元素內容或新增內容，完成了toDOList 的簡易版</li></ul><div>REFLECTIVE </div><ul><li>完成一個能在網頁呈現的小型互動頁很有成就感</li><li>持續的進行新的挑戰來延續好的感覺，每當完成新的挑戰，就會覺得自我進步</li><li>遇到不好的感覺或碰壁，可透過google大神查詢，若沒有方向可透過助教協助</li></ul><div>INTERPRETIVE </div><ul><li>在製作的過程中，有許多想嚐試的想法，但時間上不太夠，導致想嚐試的功能未完成</li><li>待有多餘的時間來完成相關事項</li></ul><div>DECISIONAL </div><ul><li>學習api的架接</li><li>由於下週要學習api，私下預先練習</li><li>嚐試用政府的旅遊網接了一個網頁並且可以依照地址的不同，google map的錨點也會自動定位</li></ul><br></td></tr> <tr><td><h3>Serena</h3><b>carrot7712@gmail.com</b><br><div><strong>OBJECTIVE-<br>         </strong>這周我順利上完S4的所有課程並準時繳交了(除了A20挑戰題外的)6份作業並參加了線上工作坊，題問了1個問題。<br><strong>REFLECTIVE-<br>         </strong>這是我首次算有跟上進度。關鍵在於我先暫時放棄作筆記！學生時期我在文科的成功經驗是比別人還詳細地精讀課本每一行字，連圖片上的細節都不能漏掉地記下來，就可以有很好的學習成績。所以開始學程式的時候我也是用這樣的方式下手，雖然完成很精美詳盡的筆記，但我的程式能力一直停滯不前。<br>          2/24在閱讀教練給我的回饋中學習到，閱讀課程時我可以效法了<a href="https://tw.alphacamp.co/blog/2019-3-13-alpha-camp-student-wayne-web-development-reflection?utm_source=AC%20blog&utm_medium=Native%20promotion&utm_campaign=2019-4-12%20online-learn-programming-time-management&utm_content=blog_Water">這篇</a>學長的做法</div><blockquote>我會先著重理解，讓自己理解該單元的關鍵觀念或技巧，接著再跟著教材實做，一邊做一邊思考教材觀念，通常做完第一次，就能理解 70%。</blockquote><div>        作業的部分，我學習設立停損點，A18以前的作業我發現靠自己頂多只能寫出8成架構和邏輯，但這也沒關係，就看助教的示範影片一次，關起來再自己寫一次。然後到A19終於能夠沒有偷看答案下完成了！<br>第一次跟上進度真的很振奮人心！<br><strong>INTERPRETIVE<br></strong>有三個問題：<br>時間管理部分：希望可以再提高效率，學習實踐深度工作法!!<br>疑問部分：有很多小問題沒有整理出來提問。都想說先這樣大致理解一下。<br>心理調適部分：我很容易看到下面同學的提問或觀摩同學的作業就覺得自己無論在進度或實力上都大大落後別人一截，就覺得自己很差，懷疑自己不適合學這個。但也會想想每個人起跑點本來就不一樣，重要的是能不能一直走下去，不用一直跟別人比較。<br><strong>DECISIONAL<br>N</strong>ext week：<br>1.先瀏覽全部課程、規劃時間。<br>2.在週四前完成參加工作坊的準備項目。<br>3.先以S5完課&交完作業為目標，可以的話再補一下S2的洞。<br><strong>有什麼話想跟 AC 說？</strong></div><div>          謝謝AC徹底改變我對線上課程的成見，不論是課程設計、線上工作坊、線上講座、助教、教練、校長的分享或同學的交流都對我很有幫助(雖然有時候是很有壓力XD")，真是相見恨晚R~~~雖然學的有點痛苦但我會好好堅持努力的~~</div><br></td></tr> <tr><td><h3>ST</h3><b>shinting.tsai@gmail.com</b><br><div>OBJECTIVE：本週學到DOM的結構以及如何透過樹狀結構選取節點並透過JS渲染網頁，最後還學到事件監聽器的運用<br><br>REFLECTIVE：本週的作業都蠻有趣的，為網頁增添更多互動，做起來很有成就感<br><br>INTERPRETIVE：有幾題在解的時候，想得太複雜，或者想要追求更完美的寫法。往往要多耗掉許多時間。應該要規劃在有限的時間內，採用適當的做法即可。例如：原本A20的todo list想要實作拖曳調整清單順序，但時間實在不夠，只好作罷。<br><br>DECISIONAL：下週將要學習API串接，應該可以早點完成作業，不要再壓線交作業了<br><br></div><br></td></tr> <tr><td><h3>Ching</h3><b>keariaouo@hotmail.com</b><br><blockquote>OBJECTIVE：</blockquote><div>學習了 DOM、以及 Template Literal、事件。完成了計分板、電影清單和代辦清單練習。<br><br></div><blockquote>REFLECTIVE：</blockquote><div>有 228 連假的關係稍有充裕時間學習，五六日總共三天密集 Coding，很燒腦但也很充實，雖然本週的作業依然很挑戰，但製作出有互動功能的網頁非常有趣，也相當有成就感。<br><br></div><blockquote>INTERPRETIVE：</blockquote><div>學會使用 DOM 以及事件觸發來做動態網頁，進階內容還沒學習，對於 Template Literal 還要再花時間梳理思路，學習過程中有發問題給助教，等待助教回覆後來逐一理解。<br><br></div><blockquote>DECISIONAL：</blockquote><div>除了進度以外希望把 A19 觀摩到同學的其他寫法也學習吸收，另外慢慢構思 side project，預計做一個團購表單，因為辦公室很常團購哈哈哈！這個月終於週四有時間，報名了工作坊，希望能收穫良多，在工作坊之前也要跟學習進度！</div><div><br></div><br></td></tr> <tr><td><h3>Charles</h3><b>charles0527@hotmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？</li></ul><div><br>學習了關於DOM的基礎觀念，可從樹狀結構選出特定的節點，並針對節點進行修改。<br>也學會如何運用Template Literal渲染動態網頁，設置事件，讓網頁功能更貼近平常瀏覽網站的畫面。<br><br><br></div><ul><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</li></ul><div><br>這週由於228連假的關係，留給自己實作的時間較多，較多時間查詢官方文件或課外補充資料。<br>這週主題目前還有進階作業尚未完成，其餘部分雖完成但蠻多地方還不熟悉。<br>現在已能熟悉開啟開發者模式，並使用console找出尋找的元素並從中除錯。<br><br><br></div><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</li></ul><div><br>隨著課程到後面，對於許多語法沒有到很熟悉，甚至會在同學的作業中看到沒看過的語法，覺得自己應該需要更常閱讀官方文件，了解更多語法應用方式。</div><div><br></div><div><br></div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</li></ul><div><br>開始累積自己的作品集，並多練習語法，培養肌肉記憶（？<br><br><br></div><ul><li>有什麼話想跟 AC 說？</li></ul><div><br>有時在實作作業時，除了原先作業要求想再增加一些額外功能，但去看了官方文件還是做不太出來，或可能要花很久時間研究，但目前全職工作加個人兼職的狀況，進步感覺沒有同學多。<br><br>不知道助教有沒有什麼建議？<br><br></div><div><br></div><br></td></tr> <tr><td><h3>Sam</h3><b>re711kimo@gmail.com</b><br><div>OBJECTIVE - 這周學習DOM操作及事件監聽設置，完成了基本作業，挑戰題時間不夠，無法這周完成<br><br>REFLECTIVE -這周在事件監聽設置方面的邏輯感到吃力，作業都需要想很久，只能觀察其他同學作業中的邏輯去思考，才慢慢一步一步的理解，覺得在事件監聽設置方面還沒辦法內化，需要再加強練習。<br><br>INTERPRETIVE - 這周學習過程發現難度有提高很多，而且也越來越複雜。<br><br>DECISIONAL - 下周的學習進度能順利完成，以及完成所有作業。</div><br></td></tr> <tr><td><h3>Kim</h3><b>chiukim1997@gmail.com</b><br><div>Ｏ：在S4奮力游泳，了解 DOM 節點選取、修正，JS 渲染動態資料<br>Ｒ：每一個小單元都相互緊扣，有時候讀完前一單元到下一單元混合關聯時，就會有點不知所措。<br>Ｉ：發現自己有很多基本的觀念(函數、修改 DOM)並沒有打得很深，雖然在讀課程內容能理解程式運作的思維，但要全然自己打完程式還需要再熟悉之前的章節單元語法。<br>Ｄ：先把事件驅動程式讀完，邊讀 S5 回頭去理解  Bootstrap 與 Grid<br>To AC：感謝 AC 與助教們，作業求救 botton 和回顧同學與助教的問題與講解，可以幫助自己了吸收課程內容 !!</div><br></td></tr> </table>