###### tags: `學期 2-3` `Weekly Goal` # F2-3 【後端】 Weekly Goal ## 學期 2-3 後端：Week 1 學習目標 <div id="alert-warning"> <p>Hi {{user_nickname}}，</p> <p>很開心看到在學期 2-3 看到你，完成掌握全端網頁開發的旅程</p> <p><span style="color: #e52f28;">若你尚未完成 <a href="https://lighthouse.alphacamp.co/courses/100/units/20760" target="_blank">環境安裝檢核表</a> 請務必於今天完成必備工具安裝</span>，才不會跟不上後續的進度哦！ </p> </div> <div style="width:100%; text-align: center;"> <a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22494/F3B_Weekly_Schedule_12.001.jpeg" target="_blank"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22494/F3B_Weekly_Schedule_12.001.jpeg"> </a><br> <span style="font-size:0.9rem; color:#9B9B9B;">點擊圖片可看大圖</span> </div> #### 歡迎來到學期二的最後一階段 -- 後端開發實務 這個階段開始，我們將開始從「寫程式」進入到「做產品」，學習旅程將與過往有大大的不同，因此在開始四周旅程前，請務必先詳讀： - [U：學期 2-3 後端主題介紹](https://lighthouse.alphacamp.co/courses/100/units/20744) - [U：學期 2-3 完課心法](https://lighthouse.alphacamp.co/courses/100/units/20745) 了解未來四週的學習主題，並且擬定學習計畫與預留學習時間。 #### 本週學習重點 <div style="width: 100%; text-align:center;"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/16313/2021-08-02_at_6.15_PM.png"><br> <span style="font-size:0.9rem; color:#9B9B9B;">請務必注意本週學習章節橫跨 S1 & S2，不要忘記完成 S2 的學習！</span> </div> 本週範圍是： - S1 網路概論與 Node.js - S2 Express 網路應用程式 看起來內容很多，但其實許多內容是系統環境設定，大量的實作從 S2 Express 開始，因此請同學務必預留時間，及早開始學習，並且儘速進入到 S2 實作內容。 本週的學習重點為：使用 Node.js 建立網路伺服器，並用 Express 打造一個可以在電腦上運作的網站，<u>了解瀏覽器跟伺服器如何互動</u> 具體將在 [A1: 打造餐廳清單](https://lighthouse.alphacamp.co/courses/100/assignments/3015) 這份作業中體現。 你將會透過這份作業複習、熟練本週新學習的工具，熟悉如何在 Node.js 環境裡使用 Express.js 全端專案進行開發。 #### 本週活動 -- Week 1 工具地圖 + 生存指南工作坊 <div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; width: fit-content;"> 日期與時間：4/25 (二) 19:30 - 20:30 <br> ❗️行前準備：➡️ <a href="https://lighthouse.alphacamp.co/courses/100/units/28543" target="_blank">【報名】工具地圖 & 生存指南工作坊！</a> </div> #### 邀請你加入班級 LINE 群組 ！ <div style="width: 100%; text-align:center;"> <img style="width: 50%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22699/4.png"><br> <span style="font-size:0.95rem; color:#9B9B9B;">請用手機掃描上方 QR code 加入 Line 群組。<br>若無法掃描，可嘗試「用手機」點擊此連結：<a href="https://line.me/ti/g/VUKTrvyCQg" target="_blank">https://line.me/ti/g/VUKTrvyCQg</a></span> </div> <div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div> --- ## 學期 2-3 後端：Week 2 學習目標 <!-- 延長助教批改 --> <!-- <div id="alert-warning"> <p>Hi {{user_nickname}}，</p> <p>上週的學習還好嗎？教練觀察到大家都有認真啟動學習，但還有部分同學尚未完成 Week 1 指標作業<a href="https://lighthouse.alphacamp.co/courses/100/assignments/3015" target="_blank"> A1: 打造餐廳清單</a> </p> <p>因此教練特別幫大家爭取<span style="color: #e52f28;">「延長 A1 作業批改期限至本週三」02/15 23:59 前！</span></p> <p>只要在週三前繳交 A1 作業，還是能夠獲得助教批改！不需額外申請遲交作業批改喔！希望大家把握機會、繼續將作業完成！ </p> </div> --> <div style="width:100%; text-align: center;"> <a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22513/F3B_Weekly_Schedule_12.002.jpeg" target="_blank"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22513/F3B_Weekly_Schedule_12.002.jpeg"> </a><br> <span style="font-size:0.9rem; color:#9B9B9B;">點擊圖片可看大圖</span> </div> #### 本週學習重點 <div style="width: 100%; display: flex; justify-content: center; margin-bottom: 16px;"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/17382/2021-10-25_at_5.09_PM.png"> </div> 在 S2 Express 網路應用程式的後半段，你會深化上週在餐廳清單中的練習，自己實作一個密碼產生器。 進入到 S3 To-do List:CRUD & MongoDB，我們會為接下來的專案做準備，除了把 MongoDB 與其他工具安裝好，初步了解它的操作，實作 CRUD，開啟打造完整 Web App - Todo List 的旅程！ 你的目標是完成本週指標作業 [A4: 網路應用程式觀念檢測站 ](https://lighthouse.alphacamp.co/courses/100/assignments/3652)，試著用白話的方式檢測自己對於不同工具的目的、使用，是否掌握。 <div id="alert-warning"> <ul> <li>本週實作分量不少，在教案與作業共有 2 個小專案需完成，請同學務必注意時間分配，避免影響週進度。</li> <li>若你 <code>行有餘力</code>，鼓勵同學申請提前進度，開啟下週進度，實際完成「餐廳清單 CRUD功能」，幫自己累積第一次完整自行操作資料庫的經驗。</li> </ul> </div> <!-- #### 本週活動 -- Week 2 工具地圖 + 生存指南工作坊 <div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; width: fit-content;"> 工作坊時間：本週二 19:30<br> 行前準備 ➡️ <a href="https://lighthouse.alphacamp.co/courses/100/units/28543" target="_blank">【報名】工具地圖 & 生存指南工作坊！ </a> </div> --> #### 本週活動 -- Week 2 CRUD Q&A 在 Week 2 我們將踏入後端的重要領域 -- 資料庫與 CRUD 面對資料庫的抽象，在學習難度的感受上，常有顯著的提升，尤其常常會冒出「矇矇懂懂」、「依樣畫葫蘆」的不安全感。 因此，教練團隊設計了 CRUD Q&A ，希望幫助正在第一次接觸資料庫的同學們可以更好的踏入後端大門。 <div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; width: fit-content;"> 工作坊時間：本週四 19:30<br> 行前準備 ➡️ <a href="https://lighthouse.alphacamp.co/courses/100/units/28555" target="_blank">【報名】CRUD Q&A！ </a> </div> <!-- <div style="background: #ececec80; padding: 15px; border-radius: 10px ; font-weight: bold; width: fit-content;"> 工作坊時間：9/01 (四) <span style="color: red;">19:30 - 20:30</span><br> 行前準備請看：<a href="https://lighthouse.alphacamp.co/courses/100/units/28371" target="_blank">報名 Week 2 CRUD Q&A！</a> </div> --> #### ❗️尚未完成 Week 1 進度怎麼辦❗️ <div id="alert-warning"> <p>如果你尚未完成 <a href="https://lighthouse.alphacamp.co/courses/100/assignments/3015" target="_blank">A1: 打造餐廳清單</a> 作業，還是可以先按照自己的速度循序學習，並保留更多學習時間、善用 Lighthouse 提問，幫助自己提升學習效率，千萬不要自己卡關太久喔！</p> <!-- <p><span style="color: #e52f28;">本班級有延長 A1 作業批改期限，若你想把握助教批改機會，可以挑戰於本週三前完成！但若來不及也沒關係，之後完成 A1 還是可以申請遲交作業批改的！</span><a href="https://lighthouse.alphacamp.co/courses/38/units/28572" target="_blank">（如何申請：遲交作業批改）</a></p> --> </div> <div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div> --- ## 學期 2-3 後端：Week 3 學習目標 <div style="width:100%; text-align: center;"> <a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22524/F3B_Weekly_Schedule_12.003.jpeg" target="_blank"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22524/F3B_Weekly_Schedule_12.003.jpeg"> </a><br> <span style="font-size:0.9rem; color:#9B9B9B;">點擊圖片可看大圖</span> </div> #### 本週目標 <div style="width: 100%; text-align:center;"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/16722/2021-09-27_at_7.05_PM.png"> <br> <span style="font-size:0.9rem; color:#9B9B9B;">本週實作分量不少，在教案與作業共有 3 個小專案需完成，請同學務必注意時間分配，優先完成主修內容，避免影響進度。</span> </div> 本週的進度範圍是： <h5 style="font-size: 1.2rem;">1.S3 To-do List：CRUD & MongoDB 的 <a href="https://lighthouse.alphacamp.co/courses/100/assignments/3019" target="_blank">A7: 餐廳清單擴充 CRUD 功能</a></h5> 你將延續上週所學，實際練習 Express 跟 MongoDB 操作資料庫的基本功能：新增、讀取、更新、刪除。 第一次自己實作資料庫操作，難免會冒出「矇矇懂懂」、「依樣畫葫蘆」的不安全感。也因此你可能會想嘗試搜尋資料、想要補足背景知識，但很快的你就會發現背景知識之龐大，難以一蹴可幾。 因為議題重要且複雜度上升，所以在這個階段的學習關鍵是「**能夠持續推進，不要因細節停留太久**」，避免因小失大。 因此你的目標是「儘快完成 [A7: 餐廳清單擴充 CRUD 功能](https://lighthouse.alphacamp.co/courses/100/assignments/3019)，獲得獨立完成一次 CRUD 的經驗」，**幫助自己儘速建立全觀，才能更好的開啟後續其他功能的學習。** <h5 style="font-size: 1.2rem;">2. S4 To-do List：優化與部署</h5> 我們將延續上周打造的 Todo List 專案： - 繼續強化功能、**重構路由(Routing)**、美化介面 - 將 Todo List **佈署 (Deployment)** 到遠端的伺服器，讓其他人也可以在遠端使用 你的目標是將優化與重構的，練習運用在餐廳清單中，完成 [A8: 重構餐廳清單](https://lighthouse.alphacamp.co/courses/100/assignments/3021)，確認自己是否能夠： - 參考 RESTful 設計，運用 HTTP 動詞來讓路由帶有語義 - 使用 express.Router 獨立路由器，並規劃路由模組 #### ❗️尚未完成 Week 1 & 2 進度怎麼辦❗️ <div id="alert-warning"> <p>如果你尚未完成前兩週的課程單元，還是可以先按照自己的速度循序學習，並保留更多學習時間、善用 Lighthouse 提問，幫助自己提升學習效率，千萬不要自己卡關太久喔！</p> <p>若有作業遲交（標示為 Late），記得申請遲交作業批改，獲得助教回饋喔！<a href="https://lighthouse.alphacamp.co/courses/38/units/28572" target="_blank">（如何申請：參考有效學習暖身操）</a></p> </div> <div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div> --- ## 學期 2-3 後端：Week 4 學習目標 <div style="width:100%; text-align: center;"> <a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22525/F3B_Weekly_Schedule_12.004.jpeg" target="_blank"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22525/F3B_Weekly_Schedule_12.004.jpeg"> </a><br> <span style="font-size:0.9rem; color:#9B9B9B;">點擊圖片可看大圖</span> </div> #### 本週目標 本週的進度單元內容不多，亮點都在 [S5 驗收與展望](https://lighthouse.alphacamp.co/courses/100/units/20940) 的開放性作業- [短網址產生器](https://lighthouse.alphacamp.co/courses/100/assignments/3027)。 這份作業將會需要綜合運用前面學到的技術，將 Express.js 、MVC 架構、CRUD 實作透過全新的專案，做出完全由你構思的第一個 app。 **這份作業預估需花至少 1 天的時間完成，是相當重量級作業，請同學務必規劃好學習時間** #### ❗️尚未完成前三週進度怎麼辦❗️ <div id="alert-warning"> <p>考量到課程的連貫性，請務必先：</p> <ul> <li>跟著 S3 & S4 Todo list 的教案實作</li> <li>利用 3 次 <a href="https://lighthouse.alphacamp.co/courses/38/units/28572" target="_blank">遲交作業批改機會</a>，完成 <a href ="https://lighthouse.alphacamp.co/courses/100/assignments/3019" target="_blanl">A7: 餐廳清單擴充 CRUD 功能</a>、<a href="https://lighthouse.alphacamp.co/courses/100/assignments/3021" target="_blank">A8: 重構餐廳清單</a></li> </ul> 再繼續往下推進哦！ </div> #### 下週活動 -- Week 4 Web App 開發觀念健檢工作坊 這次工作坊助教講師將會協助同學們回顧在「學期 2-3：前後端開發實務」課程之後，個人對於「網頁開法」的掌握程度。 因此**無論你在哪個章節，通通可以、且高度建議務必參與這次的工作坊**，跟著助教的腳步，回顧這段時間以來自己累積的功力！ <div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; width: fit-content;"> 工作坊時間：下週一 19:30<br> 行前準備 ➡️ <a href="https://lighthouse.alphacamp.co/courses/100/units/28545" target="_blank">【報名】Web App 開發觀念健檢工作坊 </a> </div> <div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div> --- ## 【重要】學期 2-3 後端，課程結束後你的下一步 Hi {{user_nickname}}， 學期 2-3 後端的四周課程進度已經結束，過去一個月的學習如何呢？ #### 填寫 學期 2-3，整體學習體驗回饋 不論你的學習進度到哪裡，都邀請{{user_nickname}}在近日內完成填寫[學期 2-3，整體學習體驗回饋](https://lighthouse.alphacamp.co/courses/100/units/28392) 和 AC 分享你的想法吧！ #### 把握課後助教支援七天，完成學期 2-3 技術驗收! 因應[ALPHA Camp 全端開發開課日程調整](https://achq.notion.site/ALPHA-Camp-92e5a65ec709431690b119f83c2f54e5)，所有課程即日起都將延長助教支援至 2023.12.31 止。你可以持續留言提問、繳交作業，都還是能獲得助教回饋！ #### 確認下一步課程安排 很開心過去四周 {{user_nickname}} 加入學期 2-3 跟著進度班級制學習，不過我們也理解學習是相當個人的，若你想要再次**重讀**、或是**轉班**延後下一階段開課的話，可以到 [ALPHA Camp 學習機制](https://lighthouse.alphacamp.co/courses/38/units/28560) 進行確認呦！ 若已經準備好往學期 3 邁進的話，也記得完成 **[學期 3 銜接引導](https://lighthouse.alphacamp.co/courses/100/units/26745)** 的章節學習，並選擇學期 3 的主修路徑！ 最後，如果你在學習進度安排上有相關問題，也歡迎來信 ac-genie@alphacamp.co 與教練團隊聯絡。 <div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div> --- # style <style> div#alert-warning{ color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; font-size: 0.9rem; } </style> ---- # archive #### 本週活動 -- Week 4 非同步觀念開箱工作坊 非同步 (Asynchronous) 溝通是使用 JavaScript 的開發者相當重要的主題，然而非同步與過往所認知到的程式執行程序相當不同、相當反直覺，許多人第一次接觸總是有滿腹的疑惑。 而這次的工作坊，助教講師將帶著我們搶先開箱 —— 「非同步溝通」的概念。 <div style="background: #ececec; padding: 15px; margin-bottom: 10px; border-radius: 10px ; min-width:450px; width:fit-content;"> <p> • 活動時間：8/25 (三) <span style="color: #ff6600; font-weight: bold;">20:00 - 21:30</span><br> • 活動頁面：<a href="https://lighthouse.alphacamp.co/courses/100/units/26188" target="_blank"> 報名 Week 4 非同步觀念開箱工作坊</a> </p> </div>