課程資源

課程作業說明

第七組小組 (團作實作)

實作參考資料

參考其他 (發文排序) (PS. 組員 jason06286 全端開發):

參考其他組別文件連結:


以下為作業說明。


主線任務 (個人)

程式勇者村說明頁 (第二週:Node.js NPM 整合 MongoDB)連結課程作業參考範例

– 接遠端資料:連接 mongodb 雲端 atlas 資料庫
– 設計 /posts 路由,包函新增、刪除、修改 API (todolist kada)
– 提拱 GitHub、Postman colecntion 實作

第二週主線任務所處理的流程圖進度如下。


週未任務 (個人)

  • 週末任務一:寫部落格,將 mongoDB alsta 能只允許 heroku IP 造訪,而非全公開。
  • 週末任務二:何謂 callback function
  • 週末任務三:與後端合作時用哪個 mock API 服務
    前後端協作有時後端來不及開出 API,而前端就需要使用 mock 先模擬 API 進行作業,

分享 mock API Blog 文章


小組任務 (團作)

小組組員拆分項作目,前後端同時進行為優先,前端:可自建 mock API 或是等後端開出 API 在動工;後端可以不同 API 讓多名組員分別以各自的 API 進行協作

前後端分工的項目與類型

小組作業前端可等後端開出 API 在動工,又或是自先建 mock API (假資料) 自已先做。
小組中拆分組員指定特定工作項目與類型。

  • 後端:若有二位可分別先做貼文列表 API,另外一位先做新增貼文 API。
  • 前端:多位前端可將項目拆分為切版、JS 功能 … 以同時進行開發為優先
協作分工的目地,每個組員都可最有效率與最高產值會目標

分享如何做將項目拆分進行分工合作 (對照前面的 週未任務 (個人):週末任務三:與後端合作時用哪個 mock API 服務)

開發的主管為例,會盡可能讓開發者工作上重疊,後端工程師來說一定要先做東西,而前端的部份有沒有可能與後端一起協作,在後端完成所要給的東西後,前端又可再接著進度進行,這是最理想的拆分作業。

當後端作業時,前端可先思考那些項目先進行,像是先切版又或是以 mock API 進行介接,等後端的 API 開立完成後,只要更換網址,站台上的功能與項目都一次到定位。

後端與前端 GitHub 的程式碼,可分別開立不同的 Repos,以跨網域讓前端介接於靜態頁面或服務上

以後端來說所置於的地方是 GitHub Repos。
前端的組員在處理前端時可置於自已的 GitHub Pages 或是 Codepen 上都可以,以跨網域進行介接開發。

小組任務回報時所提供結果

取得貼文列表表單下的 API 設計

前端組員:
提交貼文列表切版,依原型畫面只需切出用的到的範圍就可。

後端組員:
討論介接的網址格式,以最新貼文功能說明前後端配合協作的方式。

  • 方式一:一次給所有資料 (req),前端組員需照 API 規格與格式規劃。
  • 方式二:透過路由網址以網址帶參數的方式,進行 API 資料傳送 (req),例: xxx.com?q=<關鍵字>&sort=new (之後下週課程會提到)。
新增貼文表單中的圖片 (上傳圖片),先以 input 元素以文字欄位帶入圖片網址字串,勿使用 base64 轉碼的方式讓圖片成為資料存入資料庫

上傳圖片的元素,先使用 <input type="text"> (文字欄位),將資料以字串的方式置於 <input type="text"> 元素中。


輔導與職涯規劃

條件參加線上活動 (商業思維學院 x 六角學院),開放七個名額向老師分享三至五年後的職涯規劃

與其他單位合作,開放七個名額,與老師分享三至五年後的職涯規劃,以線下討論 2022 商務媒合咖啡廳 4/28(四) 下午
條件是要報名 2022 商務媒合咖啡廳 4/28(四) 下午 活動,請特休報名參加。

準備三點,所有學員都可向老師預約時間面談

所有學生都可向老師私訊預約面談,提供三個資訊:
1. 參加這個直播班,你比較想獲得哪個資源?求職、或者是增加更多軟體技能、還是和他人有更多互動?
2. 最近學習/生活/工作的近況還好嗎?
3. 有什麼問題想要問我,或想要請我補充的的呢?