學期2-2 : Week 3 社群名單:自主實作 ORID

更新於 發佈於 閱讀時間約 4 分鐘

Objective

這週為自己設定為禮拜六完成所有課程,同時為兩個小作品「社群名單」、「電影清單」增加至少一個教材要求以外的小功能。


Reflective

在「社群名單」的作業,除了加上search bar、add to favorites、pagination三個基本的功能外,z複習fontawsome的使用,增加了boostrap的 carousel ,並考量實際運用中我們會希望透過年紀、性別甚至地區篩選欲聯絡的朋友,但最後到禮拜五前竟然只做好了年紀與搜尋的篩選,就只能之後有空再來研究增加功能。
在進行性別篩選時,發現只是新增加一個篩選機制,除了學習<select>、<options>標籤與selectIndex的運用,也增加兩個不同的user陣列maleUser與femaleUser,產出要選擇全部user、男性user、女性user的函數 userChagendByGender ,但造成 renderPaginator(渲染分頁)、getUsersByPage (取得每頁要呈現的人的陣列),在searchForm這個監聽器裡面,所使用的陣列filteredName等一些原本的函式和陣列都需要做或多或少的改變,只能不斷的console來找到錯誤。在debug的過程中也發現,雖然之前教材不斷提到要拆解問題寫虛擬碼,但實際在撰寫程式時,真的也會發現自己仍忽略許多步驟,如對原本的程式碼不夠熟悉,在新增功能時期所謂牽涉到變數、函式甚至監聽器都是需要考慮的因素,關於這個問題我想也是自己需要加強的地方。

raw-image

Interpretive

這週最挫折的是A13的作業,一開始把自己想的太厲害列了好多功能想要增加,但最後因為時間關係只有先寫好性別篩選與  照片輪播功能carousel。 但好像因為在思考A13如何撰寫時,有透過設定當前if條件式來選取要渲染html使用的男性女性陣列,在A14的作業我就運用同樣的觀念,建立一個當前變數看是card模式還是list模式,在透過if條件是選擇要渲染的html語法,呈現card模式的清單還是list模式的清單,大約一小時左右就完成作業。另外也回去看教材提供的model answer,好像是透過changeDisplayMode函式來決定現在的模式,與modeChangeSwitch這個事件來做模式切換的監聽,因為我是直接建立監聽card和list這兩個icon的dom節點,也就是建立兩個監聽器,教材是用icon上面的父節點做監聽,我想這是較好也較為簡潔的寫法,避免我們要新增的模式越來越多,我就要新增更多的監聽器。

S3 - A14 : 電影清單加碼功能 (codepen.io)


Decisional

下週的課程設計看起來會是2-2最有挑戰性的一週,其實心裡也是怕怕的。除了翻牌設計的專案、github的使用,還有課程驗收能力的題目要完成,因為內容較多,這週在繳交作業時,應該不會要求自己在另外研究新功能,先以完成驗收題組與2-3選課引導為目標,完成寫完ORID筆記後如有時間,再針對作業進行優化。






留言
avatar-img
留言分享你的想法!
avatar-img
Blockcyber的沙龍
2會員
15內容數
紀錄轉職路上的點點滴滴
Blockcyber的沙龍的其他內容
2023/01/18
Introduction to WebRTC 由於之後想要做的專題是跟即時視訊相關,在開始作業前想對webrtc有些基本的了解,結果就是一踏入了解就發現這個水深的可怕,之後每天除了寫一點go,也會花時間學習這個協定。WebRTC是個用於瀏覽器之間溝通的協定,透過NAT Traversal(STUN、
Thumbnail
2023/01/18
Introduction to WebRTC 由於之後想要做的專題是跟即時視訊相關,在開始作業前想對webrtc有些基本的了解,結果就是一踏入了解就發現這個水深的可怕,之後每天除了寫一點go,也會花時間學習這個協定。WebRTC是個用於瀏覽器之間溝通的協定,透過NAT Traversal(STUN、
Thumbnail
2023/01/17
Stress testing 一早起床發現昨天辛苦整天網站又不能跑了,去看error.log發現原來是有其他服務使用到了80port,造成根本監聽不到,再去找找看是那些服務,結果可能是apache2使用到,直接怒sudo service apache2 stop,網站就恢復正常了。 今天除了再多熟悉
Thumbnail
2023/01/17
Stress testing 一早起床發現昨天辛苦整天網站又不能跑了,去看error.log發現原來是有其他服務使用到了80port,造成根本監聽不到,再去找找看是那些服務,結果可能是apache2使用到,直接怒sudo service apache2 stop,網站就恢復正常了。 今天除了再多熟悉
Thumbnail
2023/01/16
What the hack? 昨天信誓坦坦想說要將每天學習心得做一點紀錄,結果今天只做一件事,就是要把網站加上SSL憑證,再到Nginx做設定,以為一小時內就搞定的事情就處理了一整天...,可能是沒有分號、可能是url少了/符號、可能是沒有做port的導向、也可能檔案路徑設定錯誤,真的心中各種不甘,
Thumbnail
2023/01/16
What the hack? 昨天信誓坦坦想說要將每天學習心得做一點紀錄,結果今天只做一件事,就是要把網站加上SSL憑證,再到Nginx做設定,以為一小時內就搞定的事情就處理了一整天...,可能是沒有分號、可能是url少了/符號、可能是沒有做port的導向、也可能檔案路徑設定錯誤,真的心中各種不甘,
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
我們以前的學習,大多是被動地接收老師所教授的知識,依據老師的要求進行產出,我們的學習任務就結束了。但是我們現在的學習路線應當讓自己能夠有目的的學習以及吸收知識,再適當地找出精華之處,產出學習歷程檔案,進而修正目標。這是比國中時期更加進階的學習系統。
Thumbnail
我們以前的學習,大多是被動地接收老師所教授的知識,依據老師的要求進行產出,我們的學習任務就結束了。但是我們現在的學習路線應當讓自己能夠有目的的學習以及吸收知識,再適當地找出精華之處,產出學習歷程檔案,進而修正目標。這是比國中時期更加進階的學習系統。
Thumbnail
遭受學習挫折的一周,開始發現社群的重要性,最終還是回歸於自己報名體驗營的目的。
Thumbnail
遭受學習挫折的一周,開始發現社群的重要性,最終還是回歸於自己報名體驗營的目的。
Thumbnail
軟體工程師體驗營的第三周,對於知識、學習、課程、社群的感想,持續內化中,我不想只有上課,也希望從學習過程獲得更多經驗,所以寫下了這篇記錄。我也意外發現剛學習的 JavaScript,說不定能讓我重拾學習程式互動藝術,這很令人開心,即使我正在考慮轉職,但創作是終生的,希望下次發作品能有些新展現。
Thumbnail
軟體工程師體驗營的第三周,對於知識、學習、課程、社群的感想,持續內化中,我不想只有上課,也希望從學習過程獲得更多經驗,所以寫下了這篇記錄。我也意外發現剛學習的 JavaScript,說不定能讓我重拾學習程式互動藝術,這很令人開心,即使我正在考慮轉職,但創作是終生的,希望下次發作品能有些新展現。
Thumbnail
Objective 這週為自己設定為禮拜六完成所有課程,同時為兩個小作品「社群名單」、「電影清單」增加至少一個教材要求以外的小功能。 Reflective Interpretive S3 - A14 : 電影清單加碼功能 (codepen.io) Decisional
Thumbnail
Objective 這週為自己設定為禮拜六完成所有課程,同時為兩個小作品「社群名單」、「電影清單」增加至少一個教材要求以外的小功能。 Reflective Interpretive S3 - A14 : 電影清單加碼功能 (codepen.io) Decisional
Thumbnail
一切始於迭代 舊版個人區在時間的淬煉與服務的發展下,已經越來越多、越來越長,以讓大家更清楚查找使用優先,下階段也能擴充其他功能為目的,因此我們著手改造,接著來看看本次改動的範圍吧!
Thumbnail
一切始於迭代 舊版個人區在時間的淬煉與服務的發展下,已經越來越多、越來越長,以讓大家更清楚查找使用優先,下階段也能擴充其他功能為目的,因此我們著手改造,接著來看看本次改動的範圍吧!
Thumbnail
誰適合讀本篇? 1. Junior 產品經理 2. 想學PRD(User Story、Wireflow等) 3. 想打造工具型產品的人
Thumbnail
誰適合讀本篇? 1. Junior 產品經理 2. 想學PRD(User Story、Wireflow等) 3. 想打造工具型產品的人
Thumbnail
「雜學研究室」的所有文章。
Thumbnail
「雜學研究室」的所有文章。
Thumbnail
【內容精選輯【懶人包】總整理,節省你時間的小幫手!】 今天決定貼心的為你寫一篇「內容精選輯懶人包總整理」。 類別分為「個人成長」和「其它」。 🔥能協助你在眾多內容中,快速閱讀或加以複習,成為你不可或缺的節省時間小幫手🔥 快點入連結進行閱讀👇 下篇文章預告:將於8/12(三)早上7:30發佈
Thumbnail
【內容精選輯【懶人包】總整理,節省你時間的小幫手!】 今天決定貼心的為你寫一篇「內容精選輯懶人包總整理」。 類別分為「個人成長」和「其它」。 🔥能協助你在眾多內容中,快速閱讀或加以複習,成為你不可或缺的節省時間小幫手🔥 快點入連結進行閱讀👇 下篇文章預告:將於8/12(三)早上7:30發佈
Thumbnail
正在執行開發的進度,往往是還沒解決這個又來下一個,頓時覺得人生怎麼不是樸實無華,而是好難。
Thumbnail
正在執行開發的進度,往往是還沒解決這個又來下一個,頓時覺得人生怎麼不是樸實無華,而是好難。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News