學期2-3 : Week 1 Express 網路應用程式 ORID

閱讀時間約 3 分鐘

Objective

學期2-3的第一週,唯一的一份作業教材是預估兩小時,原本計畫要在禮拜日當日完成所有作業並提前開始下週課程,但為了增加新的功能和盡可能做到與原本教材的結果一樣,大概整天都在寫最後一份作業xd,此外也增加了搜尋地區與計算搜尋總筆數的功能,但依據評價從新渲染畫面的功能沒有辦法做出來,就有點小小的遺憾。

Reflective

這次的作業其實跟教材教的電影清單相當類似,因此在做作業同時也可檢視自己是否有完整吸收課程內容。雖然盡力不要回去看教材,但發現從一開始的建立npm引入express架構,下載handlebars,設置靜態檔案的資料夾,這些步驟上完課後竟然就忘了,在完成作業時幾乎把教材看了第二次,整體來說第一週的學習並沒有太難的javascript語法,到是在學習使用git、正確使用express框架、建立模板引擎運作的觀念等內容花了不少時間,雖然看似在技術上沒有太大的進展但好像對整體的網路架構與開發流程也慢慢有了的概念,有種越來越像工程師的感覺?
另外在做作業同時,在index 排版花了不少時間,最後在官網發現兩個因為版本更新而刪除的語法,又另外複習了Bootstrap Grid 排版,用.col-  , .col-md, .col-lg完成符合教材的格式 。
1.  <div class="card-columns">
2. <span class="badge badge-pill badge-danger font-weight-normal">
之後如果需要參考教材,也會記得看CodePen的setting或是CDN外部套件的版本,才可以更有效減少debug的時間。


Interpretive

相對於前兩個學期,這學期在第一週就真的有點資訊爆棚的感覺,原來學git跟後端使用的框架也是要另外花很多時間熟練。看影片實作的時候感覺都很簡單,接著看教材覺得自己應該已經熟悉了80%的內容,但最後在做作業的時候,才瞭解自己其實是忘了80%😂。後來則是作業寫完,再試著說出每一列所使用語法其背後的意義,才終於有種融會貫通的感覺。

Decisional

這週是第一次跳脫網頁前端三本柱,學習後端的開發框架,光是個下載套件、如何require、設定engine、找路由位置都是全新的課題,就連資料夾的位置與資料夾的名稱都要有一定格式,才發現網頁開發的水是如此的深。深知就連html、css、javascript都還有很多可以學,現在又多了個node.js、express.js,有種學越多,未知就越多的感覺。此外也發現應該要改變之前的學習方法,盡量多思考新的指令背後的意義,嘗試用自己的話再說一次,真的不能操之過急,畢竟不是本科系,後面網路的domain knowledge就不是很扎實了,如果只是一昧想完成進度,後面就會發現寫作業時腦袋又是一片空白,調整好自己的腳步,確定是否真的吸收了才是最重要的。
2會員
15Content count
紀錄轉職路上的點點滴滴
留言0
查看全部
發表第一個留言支持創作者!
Blockcyber的沙龍 的其他內容
OBJECTIVE 除了這些技術與見識的增加,與先前學習較大的差異,會強迫自己每週撰寫ORID學習筆記,並針對每週的作業,新增至少一個教材沒有提到的功能,訓練自己查資料並內化的能力。 REFLECTIVE INTERPRETIVE DECISIONAL
Objective 這週為自己設定為禮拜六完成所有課程,同時為兩個小作品「社群名單」、「電影清單」增加至少一個教材要求以外的小功能。 Reflective Interpretive S3 - A14 : 電影清單加碼功能 (codepen.io) Decisional
電影清單:前端體驗綜合實作 Objective Reflective Interpretive Decisional
Objective 因後面有幾個周末無法全空下時間學習,最近又因為專案開始進行常常會加班,為使課程可於期限內完成,為自己設定的目標就是在7/18學期2-2開始前至少完成一周的作業。現在看來至少是完成了最低的標準,並提前開始下週進度。 Reflective Interpretive
為什麼回來了? 重新開始 目前的規劃
OBJECTIVE 除了這些技術與見識的增加,與先前學習較大的差異,會強迫自己每週撰寫ORID學習筆記,並針對每週的作業,新增至少一個教材沒有提到的功能,訓練自己查資料並內化的能力。 REFLECTIVE INTERPRETIVE DECISIONAL
Objective 這週為自己設定為禮拜六完成所有課程,同時為兩個小作品「社群名單」、「電影清單」增加至少一個教材要求以外的小功能。 Reflective Interpretive S3 - A14 : 電影清單加碼功能 (codepen.io) Decisional
電影清單:前端體驗綜合實作 Objective Reflective Interpretive Decisional
Objective 因後面有幾個周末無法全空下時間學習,最近又因為專案開始進行常常會加班,為使課程可於期限內完成,為自己設定的目標就是在7/18學期2-2開始前至少完成一周的作業。現在看來至少是完成了最低的標準,並提前開始下週進度。 Reflective Interpretive
為什麼回來了? 重新開始 目前的規劃
你可能也想看
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
2024 年國立臺灣師範大學 EMI 教學資源中心 112-2 學期【EMI 人才與領導課程】成果簡報發表競賽第三名 🎉
當一堂課沒有學分的意義是什麼?是心態放鬆的開始,是不再翻起那本課 本的開始?還是又一次「棄保效應」的開始呢?當然,人一天只有二十四小時 ,我們不可能在每件事情上,都能無條件公平分配時間,常常我們會因輕重緩 急、個人喜惡,而有了各自不盡相同的時間規劃,而這些在成績單上,看似無 足輕重的學科,自
Thumbnail
在上一篇『Part I - 短期出遠門時』,我們提供了關於當貓奴需要出門兩三天,留下貓主子獨自在家看家時的建議,這篇則要來聊一下,如果需要出門超過三天以上時,是該請人來家裡幫忙照顧?還是要送到寵物旅館呢?
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
2024 年國立臺灣師範大學 EMI 教學資源中心 112-2 學期【EMI 人才與領導課程】成果簡報發表競賽第三名 🎉
當一堂課沒有學分的意義是什麼?是心態放鬆的開始,是不再翻起那本課 本的開始?還是又一次「棄保效應」的開始呢?當然,人一天只有二十四小時 ,我們不可能在每件事情上,都能無條件公平分配時間,常常我們會因輕重緩 急、個人喜惡,而有了各自不盡相同的時間規劃,而這些在成績單上,看似無 足輕重的學科,自
Thumbnail
在上一篇『Part I - 短期出遠門時』,我們提供了關於當貓奴需要出門兩三天,留下貓主子獨自在家看家時的建議,這篇則要來聊一下,如果需要出門超過三天以上時,是該請人來家裡幫忙照顧?還是要送到寵物旅館呢?