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

更新 發佈閱讀 4 分鐘

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的時間。

raw-image
raw-image


Interpretive

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

Decisional

這週是第一次跳脫網頁前端三本柱,學習後端的開發框架,光是個下載套件、如何require、設定engine、找路由位置都是全新的課題,就連資料夾的位置與資料夾的名稱都要有一定格式,才發現網頁開發的水是如此的深。深知就連html、css、javascript都還有很多可以學,現在又多了個node.js、express.js,有種學越多,未知就越多的感覺。此外也發現應該要改變之前的學習方法,盡量多思考新的指令背後的意義,嘗試用自己的話再說一次,真的不能操之過急,畢竟不是本科系,後面網路的domain knowledge就不是很扎實了,如果只是一昧想完成進度,後面就會發現寫作業時腦袋又是一片空白,調整好自己的腳步,確定是否真的吸收了才是最重要的。

留言
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
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
進入科技教育產業已滿一年。因為團隊精簡,每堂課替換時間又快又急。在編寫課程介紹頁面時,對受眾和痛點的描述不夠精準。本文提供了市場中自己喜歡且訴求精準的課程分析作為研究素材,希望未來能更精準地規劃課程介紹頁面內容。
Thumbnail
進入科技教育產業已滿一年。因為團隊精簡,每堂課替換時間又快又急。在編寫課程介紹頁面時,對受眾和痛點的描述不夠精準。本文提供了市場中自己喜歡且訴求精準的課程分析作為研究素材,希望未來能更精準地規劃課程介紹頁面內容。
Thumbnail
前文提到我按照某公司培訓營的指示自學了Scratch,並完成了一個不太理想的「半成品」程式。幾個月後,我參加了另一個課程,不同的是這次是使用PHP,為期三天(週三至週五),每天上課四小時,總計約12小時。課程內容包括基礎語法與環境架設、網路爬蟲、實際構建購物車並與資料庫進行串接。
Thumbnail
前文提到我按照某公司培訓營的指示自學了Scratch,並完成了一個不太理想的「半成品」程式。幾個月後,我參加了另一個課程,不同的是這次是使用PHP,為期三天(週三至週五),每天上課四小時,總計約12小時。課程內容包括基礎語法與環境架設、網路爬蟲、實際構建購物車並與資料庫進行串接。
Thumbnail
我依舊維持著修習 JS 的步伐,但我仍然覺得自己對 JS 的熟悉度不足。在 JS 班開課後,我藉由刷題庫和做 side project 專題,填補了課前的不自信感和知識焦慮。最終我們小組在 2.5 個月內開發了一個訂閱制電商網站的前後台,我也參加了 F2E week1 完賽,獲得銀級徽章
Thumbnail
我依舊維持著修習 JS 的步伐,但我仍然覺得自己對 JS 的熟悉度不足。在 JS 班開課後,我藉由刷題庫和做 side project 專題,填補了課前的不自信感和知識焦慮。最終我們小組在 2.5 個月內開發了一個訂閱制電商網站的前後台,我也參加了 F2E week1 完賽,獲得銀級徽章
Thumbnail
OBJECTIVE 除了這些技術與見識的增加,與先前學習較大的差異,會強迫自己每週撰寫ORID學習筆記,並針對每週的作業,新增至少一個教材沒有提到的功能,訓練自己查資料並內化的能力。 REFLECTIVE INTERPRETIVE DECISIONAL
Thumbnail
OBJECTIVE 除了這些技術與見識的增加,與先前學習較大的差異,會強迫自己每週撰寫ORID學習筆記,並針對每週的作業,新增至少一個教材沒有提到的功能,訓練自己查資料並內化的能力。 REFLECTIVE INTERPRETIVE DECISIONAL
Thumbnail
先說學期2-1完課的整體感覺: 非常精彩刺激!
Thumbnail
先說學期2-1完課的整體感覺: 非常精彩刺激!
Thumbnail
這可能是全天下的人學習時都會遇到的問題 那天閒暇逛了臉書看到某網友在社團上發問,他自述自己花了錢買了許多課程,也都學完了,但他不知道下一步該如何繼續下去,所以上來求助。 求學之路漫漫,祝願修習有成,得道日增!
Thumbnail
這可能是全天下的人學習時都會遇到的問題 那天閒暇逛了臉書看到某網友在社團上發問,他自述自己花了錢買了許多課程,也都學完了,但他不知道下一步該如何繼續下去,所以上來求助。 求學之路漫漫,祝願修習有成,得道日增!
Thumbnail
四年的建築師考試在自律的準備與強大的考運,在學長姐與同才的指教與切磋下,終於畫下句點。回首準備考試的時光,也是很努力把握每一個到面前的契機努力地吸收,非常感謝生命中的每一個貴人。這邊就依照當初準備和通過的年份分享當初準備的過程與方式,歡迎大家討論與補充。
Thumbnail
四年的建築師考試在自律的準備與強大的考運,在學長姐與同才的指教與切磋下,終於畫下句點。回首準備考試的時光,也是很努力把握每一個到面前的契機努力地吸收,非常感謝生命中的每一個貴人。這邊就依照當初準備和通過的年份分享當初準備的過程與方式,歡迎大家討論與補充。
Thumbnail
距離六角學院開辦的網頁切版直播班的正式課程結束後又過了一周,回顧一下從七月初到八月底這八周的課程強度和自身的學習狀況,我會說課程整體安排非常棒,而且課後強大的助教系統跟slack上的交流平台真的很優質,這些都是一般影音課程所無法提供的...
Thumbnail
距離六角學院開辦的網頁切版直播班的正式課程結束後又過了一周,回顧一下從七月初到八月底這八周的課程強度和自身的學習狀況,我會說課程整體安排非常棒,而且課後強大的助教系統跟slack上的交流平台真的很優質,這些都是一般影音課程所無法提供的...
Thumbnail
這幾天醒來,手機都會跳出郵件提醒,通知我又有學生上傳學習歷程,要到系統認證。因此,一早邊泡杯茶、邊點開學習歷程看一看,成了例行公事。 這幾天點開學習歷程,都有「哇!原來這位同學對這個主題有興趣!」、「原來他覺得自己這方面收穫最多!」的驚喜感。甚至有同學已經跳脫菜單,自己找出脈絡呈現學習的所得。 過往
Thumbnail
這幾天醒來,手機都會跳出郵件提醒,通知我又有學生上傳學習歷程,要到系統認證。因此,一早邊泡杯茶、邊點開學習歷程看一看,成了例行公事。 這幾天點開學習歷程,都有「哇!原來這位同學對這個主題有興趣!」、「原來他覺得自己這方面收穫最多!」的驚喜感。甚至有同學已經跳脫菜單,自己找出脈絡呈現學習的所得。 過往
Thumbnail
【實體課程?線上課程?別再挑錯課程了,確保你三大選課準則都有符合!】 今天這篇文章將與你分享我透過「實體課程和線上課程的兩點學習心得」,還有「三大我選擇一門課程的基本準則」,希望給每個極力學習成長的你一些收穫與幫助,少走一點彎路。 下篇文章預告:將於1/20(三)早上7:30發佈
Thumbnail
【實體課程?線上課程?別再挑錯課程了,確保你三大選課準則都有符合!】 今天這篇文章將與你分享我透過「實體課程和線上課程的兩點學習心得」,還有「三大我選擇一門課程的基本準則」,希望給每個極力學習成長的你一些收穫與幫助,少走一點彎路。 下篇文章預告:將於1/20(三)早上7:30發佈
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News