2020/02 FDN_Wk5 ORID

###### tags: `學期二` # 2020/02 FDN_Wk5 ORID <table> <tr><td><h3>Denny</h3><b>denny1011133@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？</li></ul><div>   本週透過電影清單的小型專案，除了加強前幾週所學的到DOM操作以及監聽事件兩大主題以外，<br>另外還延伸學習到當建立功能時會遇到的問題，需要透過哪些新的語法來做調整。例如: IIFE、展開運算子、HTML中的DataSet屬性、Event.preventDefault()，array.filter，array.includes、local srorage.....。</div><ul><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</li></ul><div>本週學習的內容是依造想要打造的功能學了很多可能未來會遇到的問題然後該怎麼解決它，到了實作分頁這一部分看了很久還是看不懂，最後透過助教才得以解惑，有時間的話會想要再重新review一下這部分。</div><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</li></ul><div>初學者要一下子消化許多功能確實不容易，我的作法是跟著教案實際操作一次，並且在程式碼上註解自己看得懂的文字說明，一個功能一個功能慢慢建立，邏輯才清楚。另外透過觀摩學長姊的作業可以知道原來還有哪些功能是可以在現階段就可以運用到作業上。</div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</li></ul><div> Keep going, keep learning.</div><ul><li>有什麼話想跟 AC 說？</li></ul><div>小小個人建議~覺得實作分頁中<strong>排除疑難</strong>的部份可以新增助教講解的video，因為我這邊卡很久，不曉得別人是不是這樣?</div><br></td></tr> <tr><td><h3>Milly</h3><b>qqmilly33@yahoo.com.tw</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？</li></ul><div>     感覺這周的學習內容相當豐富，學會了運用Modal的功能、filter陣列搜尋的運用，以及localStorage的概念及使用。</div><ul><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</li></ul><div>     這周除了把教案內容看完，也多花了一些時間研讀further Reading，感覺對一些觀念上的理解非常有幫助。以往教案內容看完都有一種似懂非懂的感覺，多花一些時間去研讀補充資訊，可以讓觀念更健全。</div><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</li></ul><div>     這周的實作讓我體驗到，要完成作業要求，需要越來越多的綜合能力運用，這部分也是我持續需要加強的地方。</div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</li></ul><div>     希望能順利完成A31的挑戰題。</div><br></td></tr> <tr><td><h3>Jerry</h3><b>jerry20928@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？</li></ul><div>實作電影清單，內容包含 :</div><ol><li>串接 API  電影資料。</li><li>製作出 Search Bar，藉由電影名稱查詢電影。</li><li>利用互動視窗查看詳細電影資訊。</li><li>收藏最愛的電影以及移除最愛電影。</li><li>製作分頁功能。</li></ol><div><br></div><ul><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？</li></ul><div>本周學習內容中，我卡再分頁製作比較久，必須多花時間在熟悉分頁的內容。</div><div><br></div><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？</li></ul><div>整合到目前為止所學的內容且運用於實作上，特別是自己想到什麼功能就盡量去試試看，透過自行嘗試並從中學習進而發現問題、解決問題，此舉能加深印象，對學習較有幫助。<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>Carey</h3><b>schiafang@gmail.com</b><br><blockquote>OBJECTIVE </blockquote><div>這週跟上S6課程的基本進度<br>完成社群名單串接、modal視窗的使用、以及瞭解了一些基本bootstrap的操作<br>增加網頁換頁與搜尋功能、收藏清單分頁與刪除收藏資料<br>瀏覽器的local storage的使用<br><br></div><blockquote>REFLECTIVE  /  INTERPRETIV</blockquote><div>這週開始串接了很多過去所學的東西，常常還需要回頭翻以前的教材複習<br>雖然拆開成每個小細節時好像還能理解<br>但在組合各個物件互相串接的時候還是有困難</div><div>像是分頁的部分就卡關了很久，流程邏輯都還需要再思考<br>未能完成進階的增加社群名單功能與改進A30作業分頁的問題<br><br></div><blockquote>DECISIONAL </blockquote><div>繼續跟著下週的課程進度<br>完成A31作業與修改A30作業<br><br></div><div><br></div><br></td></tr> <tr><td><h3>ST</h3><b>shinting.tsai@gmail.com</b><br><div>OBJECTIVE: <br>本週學習Bootstrap的Modal、Pagination、Navbar物件; 並用array 的filter實作關鍵字搜尋。比較細節的部分還包括使用Event.preventDefault<br><br>REFLECTIVE:<br>為了方便使用Card的版面，也嘗試在Modal裡面使用Card。沒想到居然成功了，過程中查閱了很多範例，也意外的發現不錯的想法。另外，A31的作業也用較多的函式互相呼叫，程式變得稍微複雜一些了。<br><br>INTERPRETIVE: <br>一些元件細節還沒完成，例如：響應式頁面佈局設計、Pagination可以再加上「上、下一頁」「顯示目前頁面」等功能。但時間實在有限，所以就先以完成重要功能為主。<br>在A31卡很久，原因倒不是實作上的問題，而是在設計一個合理的使用情境。期間想了好幾個方案，直到最後產生能夠說服自己的想法後，實作時就踏實許多。<br><br>DECISIONAL:<br>多參考範例，從模仿中學習</div><br></td></tr> <tr><td><h3>Marc</h3><b>g40419@gmail.com</b><br><div>o-<br>實作電影清單頁面和功能<br>從0打造社群名單頁面並加入功能<br>r-<br>這週的課程超級難！！跟著教練實作電影清單時感覺還好，可是在開始做練習題之後發現很多東西其實沒有吸收進去，而且每個function 都有自己的功能可是又互相呼應，如果不夠了解函式在幹嘛很容易就搞不懂為什麼會出現這些反應，於是這週花了很大量的時間在看課程內容、網路資料，尤其是觀摩同學的作業。一開始做作業的時候完全卡住，雖然知道怎麼使用axios串接資料，可是資料要怎麼用，該如何設計都沒有方向，雖然很不喜歡在作業沒做完前就觀摩作業，但看了幾個同學的作業才開始有方向，還好最後有順利的完成。<br>i-<br>這週的作品程度難度提升，一開始覺得很難，但經過研究後現在就覺得還好了，像是功能function的運用，更多bootstrap應用等等，真的越來越有做專案的感覺！！而且完成作業之後，明顯感覺自己實力又提升了！！<br>d-<br>這週的作業自己認為只有低空飛過，離週日還有幾天，希望能將A30 的作業的功能設計得多一點，另外就是想把作業的排版弄得更像實際網站，加油！還有很長的路要走</div><br></td></tr> <tr><td><h3>harry</h3><b>harry811016@gmail.com</b><br><ul><li>OBJECTIVE - 這週完成了兩項較大型的作業，分別是電影清單和用戶清單</li><li>REFLECTIVE - 這週感覺學了不少東西，也花了不少時間，感覺開始有完整寫完一份code的感覺，挺有成就感</li><li>INTERPRETIVE - 實現了很多平常網頁會看到的功能，感覺挺酷！</li><li>DECISIONAL - 繼續完成我的前端之旅</li></ul><div><br></div><br></td></tr> <tr><td><h3>Sam</h3><b>re711kimo@gmail.com</b><br><div>這周學習了製作一個電影資料頁面、收藏頁面、搜尋功能、切換Cord與List模式、製作分頁、等等把先前所學的集合運用。<br><br>前面跟著教材練習都容易，換到自己做作業後又卡了很久，不過完成作業時真的很有成就感。<br><br>功能越來愈多，做作業時的bug也遇到很多，不是字打錯不然就是少了符號等等，花了很多時間，最後都有解決完成作業。<br><br>繼續保持學期進度，完成所有作業。<br><br></div><br></td></tr> <tr><td><h3>Ann</h3><b>enchueh@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><strong>INTERPRETIVE</strong>：</li></ul><div>在加入收藏的頁面，遇到問題，分頁無法正常顯示，先試著找出問題，如果真的試不出來再請教助教。<br><br></div><ul><li><strong>DECISIONAL</strong>：</li></ul><div>先緊跟進度前進，有空再回頭複習較不熟悉的地方。</div><div><br></div><br></td></tr> <tr><td><h3>Eddie Hsiao</h3><b>a227799770055@gmail.com</b><br><div>OBJECTIVE </div><ul><li>這週的課程內容為刻畫電影列表</li></ul><div>REFLECTIVE</div><ul><li>如同上週一樣，這週的課程也同樣充滿挑戰，不過在完成之後也是滿滿的成就感。</li></ul><div>INTERPRETIVE</div><ul><li>從上週開始就發現，課程的內容不再集中在某個主題，而是分散式的對於前端會用到的技能開始進行學習。也很謝謝助教的提點，讓我在課外的內容有更深一步的認識。</li></ul><div>DECISIONAL</div><ul><li>期待下週會有更多的課程</li></ul><br></td></tr> <tr><td><h3>拉拉</h3><b>sue4100035045@gmail.com</b><br><ul><li><strong>OBJECTIVE </strong>- 這週學了怎麼將API透過模型放入網頁中，怎麼做出分頁、收藏清單(另一個html)與搜尋列。</li><li><strong>REFLECTIVE </strong>- 老實說我卡了非常久，但當作出想要的功能的時候會非常有成就感，只是每次解決完一個問題時就會覺得筋疲力盡，腦袋快被榨乾的感覺。</li><li><strong>INTERPRETIVE</strong> - 我有觀看同學的作業，發現大家都非常非常厲害啊！！有些人甚至做出了一個網頁出來，這時候就會很懷疑自己的能力QQ，怎麼學了相同的東西，他們做出來的東西這麼厲害，我絞盡腦汁做出來的只是小小的功能，而且我也發現自己常常在一個問題上花費了太久的時間，可能整個晚上都過去了，我才想出辦法orz，雖然這點有點令人沮喪，但也讓我很想做出他們網頁的那些功能，鬥志被激起了啊~~可惡！</li><li><strong>DECISIONAL</strong> - 偷偷存了幾個同學的作業到我的最愛，打算之後仔細研究他們的code，然後也想要做出相同的功能。</li></ul><div><br></div><br></td></tr> <tr><td><h3>Eli</h3><b>bob34295160@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？<ul><li>學習到對API請求資料並利用放在網頁上顯示，實現更多內容按鈕、收藏項目、做出分頁、搜尋功能等</li></ul></li><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？<ul><li>這週是充實的一週，大量的綜合學習以及練習題目，都需要花很長的時間去了解並且實作出來，運用以學習到的功能，並把它做出來，滿開心的。</li></ul></li><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？<ul><li>由於之前在bootstrap並沒有學習到非常多時間以及了解，所以大部分只能靠教案來修改去做作業，也不太能做出比較不一樣的樣式，看了同學們的作業才發現，原來這樣做才能變這樣啊，覺得大家都很厲害，之後有時間的話在多看一下bootstrap的運用方法。</li></ul></li><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）<ul><li>這週有某些地方比較難以理解，把每個程式的步驟跟作用都用中文寫出來記在筆記上，我才比較容易弄順那個邏輯，在思考之後要不要把每項實作都寫成好懂的流程寫成筆記，並把有用到的功能做個標籤，這樣之後比較好搜尋。</li></ul></li></ul><div><br></div><br></td></tr> <tr><td><h3>Tony</h3><b>waiting33118@gmail.com</b><br><ul><li><blockquote>OBJECTIVE - 你這週學做了什麼？完成了什麼？</blockquote></li></ul><div>       這周專心於打造電影網頁，融合且運用各種所學技術，有種打通任督二脈、超英趕美、大躍進的感覺，對於Bootstrap的運用更為熟練，實際運用到的所有技術如下:</div><div>          1.Bootstrap: navbar,  searchbar, card , modal, pagination, list-group<br>          2.font-awesome: list & icon 按鈕<br>          3.axios AJAX 技術<br>          4.localstorage 本地端儲存技術- 覺得這個非常酷!!<br>          5.   ||    的運用 -   老實說是看到  td  &  Danny 助教的講解後才理解教案中為什麼要加這個符號，覺得很有幫助!!</div><ul><li><blockquote>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</blockquote></li></ul><div>         覺得很累但也很精實，完整用過之前學到的技術，也順便複習，之前是見樹不見林，但現在已經見到四分之一的感覺XDD</div><ul><li><blockquote>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</blockquote></li></ul><div>          學會如何查documentation  &  function 參數的傳遞<br>           覺得Bootstrap 的documentation  寫得很好，很容易搜尋自己想要的東西</div><ul><li><blockquote>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</blockquote></li></ul><div>           繼續完成選修挑戰題  !!!</div><br></td></tr> <tr><td><h3>Bruce</h3><b>god1112@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？</li></ul><div>綜合前幾週與本週所學，手刻實用的前端網站功能。<br><br></div><ul><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</li></ul><div>這週因工作緣故，學習時間較前幾週少很多，於是將比較耗時的作業安排在假日，為了要騰出時間陪家人，硬是在一天內做完全部作業，原本想只要達到基本要求就好，但看了其他同學的作業加上自己也不能接受只有這樣的程度，東加一點西加一點，直到凌晨兩點才告一段落，呼~ <br>自從十幾年前自學網頁設計後，很久沒有這種感覺。<br><br></div><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</li></ul><div>這週明顯覺得有能力去除錯，以及將想要的優化實作出來，雖然都不是很困難的功能，感覺到成長已經是很大的收穫。在幾週前我還很懷疑能不能走完課程，但勤於練習並擅於利用網路資源，很多問題都能迎刃而解。<br>我不確定學習前端技能在實務工作上有什麼助益，但確實讓它變成技能之後，可以作的選擇就多了。<br><br></div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</li></ul><div>如上週所述，待完成本學期課程，想回頭看之前沒看懂的線上課程。同時也想嘗試開發比較有興趣的功能，也許要搭配後端，所以第三學期大概會繼續上，應該是下半年。<br><br></div><ul><li>有什麼話想跟 AC 說？</li></ul><div> 同上週，謝謝提供一個良好的學習平台。</div><div><br></div><br></td></tr> <tr><td><h3>Iris</h3><b>janyshop@msn.com</b><br><div>O: 這週學會如何從利用API將資料放入網頁，讓電影清單的畫面出現，再製做搜尋bar與收藏名單等功能提高使用者互動，另外也學習製作社群名單。<br>R:這週感覺有點混亂，很多不常用或沒看過的功能與語法通通跑出來了，需要時間吸收成自己的。<br>I:從設計社群名單中體會到技術跟不上想像真的有點痛苦，雖然作業已經交出，但還是想要繼續改進它。<br>D:下周的進度似乎可以有比較多的時間消化這星期的內容，所以再學習完下周的課程後會回來繼續完成社群名單跟POS機。</div><br></td></tr> <tr><td><h3>GaryHeish</h3><b>smopthy@gmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？</li></ul><div>這週做了一個簡易的網站，調用madal 、針對localstorage的調用和刪除、收尋功能的設定等</div><ul><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</li></ul><div>這一週有很多細節，需要自己做歸納筆記的部分，有很多函數部分都沒有機會好好釐清。例如some,find.filter.map等等。還有沒有機會仔細去品一下同學的code。很多同學寫的作業真的很用心，會加上新的功能。要多花時間去觀摩別人的作業。</div><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</li></ul><div>學習看別人的code可以學習很多，有很多邏輯與功能，看到別人使用會有更新的感觸和學習，之後要關注這一分面的訊息</div><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）<br>多花時間去觀摩別人的code。</li></ul><div><br></div><br></td></tr> <tr><td><h3>Doris</h3><b>dorishsiao007@gmail.com</b><br><div>OBJECTIVE:<br>這週跟著教材進度完成電影實作，功能包含從API抓取電影清單資料，並顯示電影詳細清單，加入搜尋功能、加入我的最愛或移除最愛清單，學習熟練處理list的各種方法，並建立local stroage概念，最後加入分頁實作功能。<br><br>REFLECTIVE:<br>這一週內容實作部分較多，目前尚有A30, A31作業未完成，需要花較多時間琢磨，進度上覺得不太跟得上，主要花費較多的時間還是在調整前端bootstrap或是UI樣版，這部分只能手動慢慢調整出自己想要的樣式。<br><br>INTERPRETIVE:<br>這週讓我感到比較困難的是，分頁的實作，慢慢一步一步跟著實作，還是完成這週教學內容，但是最困難的其實還是在作業的呈現方式，自己希望可以花更多時間實做到預期結果，像是A26作業，因為時間上來不及，逼迫自己必須要趕快將這週剩餘課程學習完，所以只能將作業必要的需求功能達成，沒有辦法花太多心思去做更多的調整與變化，但這樣呈現的作業內容，自己其實是不太滿意的。<br><br>DECISIONAL:<br>預先看了一下下週課程主題為Git與Githup管理，預想負擔應該沒有這週這麼重，希望可以利用下週繼續調整這週作業，目前擔心的就是A30與A31作業，來不及在今天之前完成，但是又不希望草草隨便交作業，為了交作業而交作業，所以想花些心思去實作。<br><br>有什麼話想跟 AC 說:<br>想請問這週作業如果不是在今天以前submit，是否就無法請助教批改? 另外遇到這週作業問題，下週是否還能詢問呢? 這禮拜需繳交的實作內容需花時間，時間上有些趕，但如同週記所表達的，不希望心態是"作業有交就好了"，所以想多花時間認真研究，以時間上來說一直擔心今天弄不完，其實是有點挫折的。</div><br></td></tr> <tr><td><h3>又誠</h3><b>zxcy9980@gmail.com</b><br><div>1.我這周完成了這周的作業，學了怎麼串接API/知道了...能展開陣列元素/知道了Dataset怎麼使用/了解了有些標籤放在一起時會有預設的行為，也知道怎麼運用Event.preventDefault()來取消預設行為/更加清楚溢代器ForEach和map和filter的差別/運用includes來找出有包括條件的字串/還有改變大小寫的方法/運用瀏覽器來暫存資料和相關語法。<br><br>2.這周感覺非常的充實，每個單元我都花了大量的時間去理解每一行程式碼所代表的涵義。<br><br>3.我覺得我更能熟悉運用JS來渲染DOM結構了，不過我現在還是對如何去查找已有CSS樣式的HTML結構或是bootstrap不太熟悉，在刻劃上費了不少時間還做不好，最後還是參考了同學的結構才成功刻出樣式。<br><strong><br></strong>4.我想看看能不能更加熟悉bootstrap或是查找有CSS樣式的HTML，還有試著將之前的挑戰題完成，因為我這周一樣沒有完成挑戰題，我希望至少在學期結束前能夠完成每一個挑戰題。<br><br>5.我希望可以有簡單的中文簡介能幫我介紹一下bootstrap怎麼使用，摸了老半天看到的樣式都好少。<strong><br></strong><br></div><br></td></tr> <tr><td><h3>Edwin</h3><b>edwin84617@gmail.com</b><br><div><strong>OBJECTIVE:</strong><br>這周學了更多元的網頁功能，例如modal, pagination, search等，讓網頁功能性更完整<br><strong>REFLECTIVE:</strong><br>很多東西邏輯不複雜，比較不熟的是能使用哪些函式，這部分可能要靠時間來增強記憶<br><strong>INTERPRETIVE:</strong><br>開發者撰寫html是負責提供大框架，但許多互動性的html元素都是撰寫在javascript裡的<br><strong>DECISIONAL:</strong><br>在有限時間內盡可能完成重要內容與作業</div><br></td></tr> <tr><td><h3>Mia</h3><b>mia89926@gmail.com</b><br><ul><li><strong>OBJECTIVE - 你這週學做了什麼？完成了什麼？</strong></li></ul><div>      這周學了不少東西: <br>      -熟悉API請求資料並放入網頁<br>      -用Modal秀出詳細資訊<br>      -建立搜尋功能並用關鍵字去篩出要的資料<br>      -運用監聽器和Local storage將資料存到另一個頁面的資料庫/從資料庫移除<br>      -將資料分成不同頁以增加網頁瀏覽的效率<br>      綜合上面學的東西，這周完成了可收藏式的電影清單以及虛擬社群名單共兩個微微型專案。<br><br></div><ul><li><strong>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</strong></li></ul><div>      這週比上周的量多很多~~~兩個平均一下應該就剛剛好了XD 這週要完成的東西複雜度和難度比較高，需要比較多時間去熟悉跟鑽研，尤其是社群名單的部分，有些自己想加的功能不知道要如何加入，上網查了一些範例卻還是一頭霧水，一部份是因為自己知識的廣度，範例中有些程式碼根本沒看過或學過，另一部份是弄不清楚其中的邏輯，所以不知道該如何使用。這種問題希望在持續的累積中會漸漸改善...<br><br></div><ul><li><strong>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</strong></li></ul><div>     最大的學習體會就是，雖然一個功能或一個網頁的寫法有很多種，但是如果有一個小地方有錯就真的甚麼都跑不動了!!寫程式可以說很flexible但也是很不flexible....。這週的作業還好有助教和同學的援助才沒有被卡到天荒地老!<br><br></div><ul><li><strong>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</strong></li></ul><div>     下周就是要記得參加工作坊!!前幾次都因為失憶就完美錯過QQ 然後如果有時間我想回來這週的社群名單繼續鑽研，因為有些部分還沒如預期呈現，電影名單的一些功能也還沒摸熟。<br><br></div><ul><li><strong>有什麼話想跟 AC 說？</strong></li></ul><div>      一樣謝謝你們用心的課程&教學&指導:))</div><br></td></tr> <tr><td><h3>珍青</h3><b>yjc5726@hotmail.com</b><br><ul><li>OBJECTIVE - 努力跟著模仿實作電影清單</li><li>REFLECTIVE - 對於綁監聽器越來越能理解! 但對於分頁部分的概念還不是很清晰</li><li>INTERPRETIVE - 想再弄懂分頁的原理~還有A30手刻功能觀摩很多同學不同的做法，發現自己很多看不懂><</li><li>DECISIONAL - 希望可以把同學的作業成果看懂，學習不同的思路。把過去沒有跟上的作業也做一做>_<(至今我的POS機挑戰題還沒完成...)</li><li>有什麼話想跟 AC 說？很喜歡一步驟一步驟的電影清單教材~!! <3</li></ul><div><br></div><br></td></tr> <tr><td><h3>Francabel</h3><b>garnett284@gmail.com</b><br><div>前端週記5 - 餐館開好了，但菜單呢!?<br>歷經了菜色認識(Function)、擺盤(RWD)、菜單設計(API)...等廚房基本功，但總要有菜單吧? 不然客人上門了還不知如何點菜。廚房裡的菜色都在API上了...</div><ul><li>OBJECTIVE - 這週是把<strong>API串接到我們的menu上</strong>，也就是網頁上，menu上有了菜色，但總類太多，所以在menu<strong>新增搜尋的功能</strong>讓饕客們可以直接找到想吃的菜! 並且可以讓客人收藏自己喜歡的菜色(<strong>收藏我的最愛功能</strong>)。這是前三個單元所學習到的，後來客人反應菜單只有一頁阿?!但菜色上百種，所以我們也學到怎麼讓<strong>menu分頁</strong>。除此之外，餐館發現有些客人特別愛看文字，所以也學習到<strong>list view跟gallery view轉換</strong></li><li>REFLECTIVE - 我覺得在做分頁跟view轉換的時候，整個邏輯的判斷比較困難。但所幸有找一些額外的資料來看，所以有解決問題!</li><li>INTERPRETIVE - 撇除要開發出來的功能，我覺得體會最深刻的是真的要學習怎麼把林林總總的程式碼整理好，不然順邏輯的時候，會看到有點亂。這個是這禮拜可能還無法完成的。或許到後面的物件導向就可以讓有些功能物件化，感覺會比較好?</li><li>DECISIONAL - 這禮拜到後面分頁與view轉換花了比較多時間，所以作業一直還未產出。希望能盡快把邏輯順好，把作業完成!</li></ul><div><br></div><br></td></tr> <tr><td><h3>湯湯水水</h3><b>auroral.13king518@gmail.com</b><br><div>OBJECTIVE - 你這週學做了什麼？完成了什麼？<br>* 先做完必修的電影清單。<br>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？<br>* 覺得這周負擔有點大，所以把選修作業部分先空掉，等下周有時間再寫。<br>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？<br>* 越來越長的程式碼真的會頭昏眼花，不知道自己在做甚麼。不過還是繼續加油!!<br>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）<br>* 補上選修進度<br>有什麼話想跟 AC 說？</div><br></td></tr> <tr><td><h3>Wei</h3><b>fhaowei@yahoo.com.tw</b><br><div>OBJECTIVE - </div><div>    跟著範例實作了電影清單的網站，學習到如何加入搜尋功能、利用bootstrap的功能製作出跳出電影詳細內容頁面。透過完成A30作業作出list內容頁面，並可進行List 或卡片模式切換。<br><br>REFLECTIVE - </div><div>   感覺變得很難，新增了很多語法以及架構網頁功能時需要進行拆解及建構流程圖的能力開始變得很重要，但目前還處在一個霧裡看花的階段，先盡量完成課程進度看看之後是否會更清楚並熟練。<br><br>INTERPRETIVE - </div><div>1.對CSS的語法還是非常苦手，A30作業花了很多時間在排版上，最後list 模式的排版還是怪怪的呀~~~~ list為什麼會沒有佈滿整列??<br>2.另一個重要的體會是要把載入的js放在body的最後面，放在js下面的html不會被重新渲染，因為這樣在作U74實作分頁的時候發生明明都是複製貼上但分頁只出現 1 的慘劇，花了很多時間尋找是哪邊弄錯了<br><br>DECISIONAL<br>努力跟上進度，下週能夠完成基本的作業 >"<<br><br></div><div><br></div><br></td></tr> <tr><td><h3>Ching</h3><b>keariaouo@hotmail.com</b><br><blockquote><strong>OBJECTIVE：</strong></blockquote><div>發送 request、使用 Modal 元件、使用 dataset 取出屬性、 preventDefault()、Array 的許多方法、Search Bar、local storage、pagination<br><br></div><blockquote><strong>REFLECTIVE：</strong></blockquote><div>這週的份量很吃重，很多地方都不是很了解，尤其 A30 作業做不太出來。時間安排上有稍微捉到節奏，但一遇上比較困難花時間的時候就難以控制。<br><br></div><blockquote><strong>NTERPRETIVE：</strong></blockquote><div>學習到網頁開發的核心功能，但還不是很熟悉，覺得不是很踏實。<br><br></div><blockquote><strong>DECISIONAL：</strong></blockquote><div>繼續按照進度進行，如果時間許可想要做出 A26。</div><div><br></div><br></td></tr> <tr><td><h3>Charles</h3><b>charles0527@hotmail.com</b><br><ul><li><strong>OBJECTIVE - 你這週學做了什麼？完成了什麼？</strong></li></ul><div>      <br>這週學到許多之前很想知道怎麼做但不知道怎做的語法和功能：<br>-向API請求正確資料並成功串接<br>-建立Search Bar <br>-運用eventListener和LocalStorage操作資料庫相關功能<br>-製作分頁<br><br>這週完成了如何製作可收藏也可移除的電影清單以及手刻社群名單。<br><br></div><ul><li><strong>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</strong></li></ul><div><br>這週的難度直升天際，太多不認識的程式碼通通冒出來，覺得有點挫折。<br>為了在時間內完成作業，只能一知半解的做下去，沒辦法花太多時間去深讀MDN文件。<br>只能看看有沒有哪天開竅，繼續實作下去突然就打通任督二脈。<br><br></div><ul><li><strong>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</strong></li></ul><div>如果將程式碼正確地寫出來，看到畫面即時呈現例如成功串接API和功能按照自己的想法做出來有很大的成就感。<br>但對於語法還是相同的不熟悉，由於本人身為斜槓青年同時有正副業兩份工作，幾乎只能集中週末寫程式，這問題從學期二一開始就存在，但目前還想不到解決方案。</div><div>    <br><br></div><ul><li><strong>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</strong></li></ul><div>如果有時間的話想要回去做完POS挑戰題，至今尚未有空...<br>還有重新複習DOM和這週的課程，因為還是很不熟。<br><br><br></div><ul><li><strong>有什麼話想跟 AC 說？</strong></li></ul><div>我很喜歡A29的作業，對於將課程內容用自己的白話文重新詮釋，以我自己來說更能吸收課程內容以及每段程式碼的功能和用途。</div><div><br></div><br></td></tr> <tr><td><h3>Emily Wang</h3><b>emily40830@gmail.com</b><br><ul><li><strong>OBJECTIVE</strong></li></ul><div>利用axios串接api取得網頁資料製作網頁，完成搜尋功能、收藏功能與分頁功能<br>從無到有實作同樣的步驟與邏輯打造社群名單網頁。<br>了解到localStroage的存在，也正式踏入一個以上的html檔的互動方式與操作方法</div><ul><li><strong>REFLECTIVE</strong></li></ul><div>這週的學習份量與作業安排與前幾週不同，第一個作業就是製作從無到有專案的形式，因此一開始就花了不少時間，最後還是到六日才一併把剩下的課程看完。由於這週平日上班之外晚上也有其他事情，禮拜六也從早忙到晚，所以是到禮拜天才一次看完整週的份量ＸＤ<br>（其實第一份作業A26禮拜一就開始想要怎麼寫了，最後還是拖到最後一天才完成..）</div><ul><li><strong>INTERPRETIVE</strong></li></ul><div>知道localStorage的存在與其操作方式，這個真的以前都不曉得，很酷！學習內容與各個觀念上應該是沒有太大的問題～</div><ul><li><strong>DECISIONAL</strong></li></ul><div>先..不設太大的目標好了..就希望可以在禮拜六以前完成當週進度，禮拜天作為複習=)</div><br></td></tr> <tr><td><h3>彥</h3><b>b540915@gmail.com</b><br><div>OBJECTIVE <br>這週學會了篩選內容(RegExp 正規表達式)、透過localStorage暫存資料、實作分頁<br>REFLECTIVE <br>我覺得這週的份量蠻重的，在兼顧研究所課業的同沒辦法完成每個實作練習(A31沒做QQ)<br>應該要分出更多的時間來完成這些實作!但隨著課程內容的加深，成品越來越精細，更加覺得有成就感。<br>INTERPRETIVE <br>在function越來越多的情況下有時候會無法立即的找到想找的東西，有些眼花撩亂，在觀摩了其他同學的創作之後真的覺得很驚嘆，同時也覺得要學習的東西還有非常多(比如說美感XD)<br>DECISIONAL <br>下週內容看起來應該比較輕鬆一點，因為已經會git了，所以可以回過頭來再把這週的內容完成得更好，希望能放入作品集。<br><br></div><br></td></tr> <tr><td><h3>Eva</h3><b>spinco1001@gmail.com</b><br><div>OBJECTIVE<br>本周的課程內容是以開發電影清單為主，跟著課程製作了一份電影清單，並完成了A26社群名單及A30手刻功能兩份作業。</div><div><br></div><div>REFLECTIVE <br>本周的課程在看講解的時候，可能感覺不太出來，但自己動手做真的是會遇到許多問題，但是在解決的過程中真的也會學到很多，原本在觀念上還是不是特別清楚的地方。<br><br></div><div>INTERPRETIVE & DECISIONAL<br>在這週的開發當中，我是先將 A30 的作業完成之後，才去進行 A26 的挑戰，有感覺原本不懂的觀念，再跟著做完一次作品之後變得清楚許多，目前 A31 還沒有完成，希望下周能在完成課程後，有時間做完這個專案。</div><div><br></div><br></td></tr> <tr><td><h3>Lowrnece</h3><b>thewindway@gmail.com</b><br><div><strong>OBJECTIVE</strong>：</div><div>完成了A26-A31的作業練習。學習到了許多實用的功能，例如搜尋功能、分頁功能、收藏(最愛)功能。<br><br><strong>REFLECTIVE</strong>：</div><div>來到第五周，整個是壓力鍋的狀況，面對滿滿的程式碼，到現在都還記得剛走完前幾回合就腦袋打鐵的慘況。對於程式碼還沒有很熟悉的狀況下，直接殺入敵陣真的像是自殺攻擊呢。這一周的後半段我都差點想舉白旗投降了，哈哈。慶幸自己還是告訴自己再堅持一下，反正也不會真的陣亡，重複的赴死與重生之後，才漸漸理解這功能的操作與應用，雖然陣亡了不少次，但能漸漸理解與應用真是太棒了，死而無憾的感覺。哈哈。重複的閱讀與嘗試真的很重要呢！堅持也是。<br><br><strong>INTERPRETIVE</strong>：</div><div>對於API的應用熟悉度還要再提升，物件的操控與修改，事件邏輯的設定與應用都是環環相扣的，在研究前輩的程式碼時，特別也要研究前輩的思路，才能正確地學習到功能的延伸與應用。<br><br><strong>DECISIONAL</strong>：<br>給自己的期許，繼續堅持努力前進。甚願下周可以輕鬆一點，快罩不住了，哈哈！一樣期許自己至少把下周的作業都刷過一遍。</div><br></td></tr> <tr><td><h3>姿陵</h3><b>x5713191@hotmail.com</b><br><ul><li>OBJECTIVE - 你這週學做了什麼？完成了什麼？</li></ul><ol><li>使用API方式取得所需的資料:利用function搭配template literal的方式將內容放進網頁中。</li><li>製作功能鍵的部分: 搜尋、收藏、刪除、分頁，搭配bootstrap的製作好的顯示按鈕，配上事件監聽器中的流程判斷順序，進而渲染成預期的畫面。</li></ol><ul><li>REFLECTIVE - 經歷了一週的學習，你的感覺如何？為什麼？如果有好的感覺，如何延續？如果有不好的感覺，如何改善？</li></ul><ol><li>這週雖然提早一天開始學習，但是內容真的爆炸多。課程的部分看了第二次後才比較理解拆解的過程和想法。在功能的拆解和想出可以使用的程式碼這部分還是稍微會卡住。本週利用了觀摩的方式先將作業的需求透過解讀同學的寫法，再消化成自己的內容，確認理解的狀況是否正確。</li></ol><ul><li>INTERPRETIVE - 在這週的開發當中，你最大的學習體會是什麼？有什麼問題還沒有被解決？</li></ul><ol><li>拆解功能的過程還在練習讓描述細節化，達到可以對應到使用的程式碼。</li></ol><ul><li>DECISIONAL - 你下週或下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）</li></ul><ol><li>搭配觀摩的方式，去理解別人寫的思考順序。</li></ol><ul><li>有什麼話想跟 AC 說？</li></ul><ol><li>滿滿的實作範例，覺得這週充滿挑戰，不過完成之後也很有成就感。</li></ol><br></td></tr> <tr><td><h3>Serena</h3><b>carrot7712@gmail.com</b><br><div><strong>OBJECTIVE-<br>知識部分：<br></strong>前端常見基本功能：ex.搜尋、分頁、收藏、瀏覽器的local storage背後的運作方式。<br>語法部分：多種常見陣列的處理方法、正規表達式。<br>外掛部分：bootstrap、font awesome、Google font的妙用。<br><strong>心法部分：</strong><br>實踐運算思維的思考框架！<br>step1.把大問題拆成小問題(我會開一個記事本，大致羅列步驟)><br>step2.想解決辦法(去翻之前寫過的作業or複習過的課程or請教Google和助教)><br>step3.寫程式(先求達到目標，中間卡住再退回上一步)><br>step4.優化程式(第一次寫出來的程式碼通常又臭又長，去觀摩同學的作業看有什麼好康可以借過來，再改寫自己的並做註解)<br><strong>REFLECTIVE-<br></strong>聽說養成習慣要21天，從開學那天算起來，實際有上lighthouse的天數差不多在本週累積到21天。這週說實在因為另一邊課程的因素排擠了許多學習時間，對課程內容吸收跟作業完成度都沒有上禮拜好，但是突然有一種一天沒有上lighthouse寫程式就怪怪的感覺，心理不再那麼排斥看程式碼。接下來要保持常常浸泡在lighthouse的習慣，希望可以跟程式變得更親近一些XD<br><strong>INTERPRETIVE<br></strong>最大的體會是從明顯變長的程式碼篇幅中，感受到先前「奠基礎」和之後「開發」的差異。我從week4的工作坊跟助教學到程式開發要掌握DRY原則(Don't Repeat Yourself)，但偏偏我自己第一手寫出來的程式碼幾乎都是DRY原則的反例><"這點極待改善。<br><strong>DECISIONAL<br></strong>繼續在lighthouse上奔馳吧~!因為已經稍微有接出過Git，希望可以盡速完成進度，去補完成A9作業。也想要試試看透過寫Medium或錄Youtube的方法把目前一些學到的小觀念跟別人分享，用這個方式來檢視自己的理解。<br><strong>有什麼話想跟 AC 說？</strong></div><div>我很喜歡<a href="https://lighthouse.alphacamp.co/courses/33/units/5074">U68</a>的短短但精煉的內容，讓我能重新從另一個高度理解我的學習歷程。設計課程的人真的太神了(磕頭膜拜) 還有助教回覆問題真的是快狠準到讓人嚇一跳！又是充滿感恩的一週~~~</div><br></td></tr> </table>