學期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
透過蝦皮分潤計畫,輕鬆賺取零用金!本文分享5-6月實測心得,包含數據流程、實際收入、平臺優點及注意事項,並推薦高分潤商品,教你如何運用空閒時間創造被動收入。
Thumbnail
透過蝦皮分潤計畫,輕鬆賺取零用金!本文分享5-6月實測心得,包含數據流程、實際收入、平臺優點及注意事項,並推薦高分潤商品,教你如何運用空閒時間創造被動收入。
Thumbnail
單身的人有些會養寵物,而我養植物。畢竟寵物離世會傷心,植物沒養好再接再厲就好了~(笑)
Thumbnail
單身的人有些會養寵物,而我養植物。畢竟寵物離世會傷心,植物沒養好再接再厲就好了~(笑)
Thumbnail
不知你有沒有過這種經驗?衛生紙只剩最後一包、洗衣精倒不出來,或電池突然沒電。這次一次補貨,從電池、衛生紙到洗衣精,還順便分享使用心得。更棒的是,搭配蝦皮分潤計畫,愛用品不僅自己用得安心,分享給朋友還能賺回饋。立即使用推薦碼 X5Q344E,輕鬆上手,隨時隨地賺取分潤!
Thumbnail
不知你有沒有過這種經驗?衛生紙只剩最後一包、洗衣精倒不出來,或電池突然沒電。這次一次補貨,從電池、衛生紙到洗衣精,還順便分享使用心得。更棒的是,搭配蝦皮分潤計畫,愛用品不僅自己用得安心,分享給朋友還能賺回饋。立即使用推薦碼 X5Q344E,輕鬆上手,隨時隨地賺取分潤!
Thumbnail
身為一個典型的社畜,上班時間被會議、進度、KPI 塞得滿滿,下班後只想要找一個能夠安靜喘口氣的小角落。對我來說,畫畫就是那個屬於自己的小樹洞。無論是胡亂塗鴉,還是慢慢描繪喜歡的插畫人物,那個專注在筆觸和色彩的過程,就像在幫心靈按摩一樣,讓緊繃的神經慢慢鬆開。
Thumbnail
身為一個典型的社畜,上班時間被會議、進度、KPI 塞得滿滿,下班後只想要找一個能夠安靜喘口氣的小角落。對我來說,畫畫就是那個屬於自己的小樹洞。無論是胡亂塗鴉,還是慢慢描繪喜歡的插畫人物,那個專注在筆觸和色彩的過程,就像在幫心靈按摩一樣,讓緊繃的神經慢慢鬆開。
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
「雜學研究室」的所有文章。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News