# S0 學習活動日程 [toc] ## 學期 1 > **學習成果與目標** >・知道學期 1 的重要學習活動日程 ### 學習活動日程一覽表 <iframe style="width: 100%; height: 500px;" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRdbdpGaYhQxVCltrhRBhuM9YQZnncGOyC9Mp2O7dZDV7BFMtYGYvFy2lcFfaC7fO6f5xekuRaBFG7r/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;headers=false"></iframe> ※ [網頁版 - 學習活動日程表](https://docs.google.com/spreadsheets/d/e/2PACX-1vRdbdpGaYhQxVCltrhRBhuM9YQZnncGOyC9Mp2O7dZDV7BFMtYGYvFy2lcFfaC7fO6f5xekuRaBFG7r/pubhtml?gid=0&single=true) 在 JavaScript 全端開發課程中，學習教練會依據不同的課程主題安排對應的學習活動，以及職涯探索相關講座活動資訊，協助同學們在學習旅程中能有多面向的接觸與互動學習。 上方這份表格為針對學期 1 & 2 所設計之學習活動，你可以**根據推薦學期參加，也可以旁聽有興趣的工作坊**，點擊活動名稱可至報名頁面了解更多內容，評估是否參與。 **工作坊的學習重點在於「即時與助教、同學互動」** 我們相當推薦同學盡量參與學習活動，與助教、同學們一起實作，對於學習的吸收成效更佳。若無法上線或是當班未開設之工作坊，在對應的課程當中我們還是會提供最新的會後錄影，供同學們課後學習！ * 學習活動**不限**特定學期、班級學生參與，如有提前報名後續課程，也歡迎同學旁聽、彈性安排參加線上工作坊的時間。 * 若點擊活動發現沒有瀏覽權限，是因為你尚未報名相關課程喔！ ### 「學期一」務必參加的工作坊 #### Week 1 程式入門工作坊 「程式入門工作坊」通常安排在學期一開課第一週 (Week 1) 的週三晚上，每個班級可能會因為不同情況有所調整，請以活動日曆上的日期為準。 在工作坊中，你將會： * 跟著助教講師透過日常生活案例，帶領你理解程式語言的基本運用 * 建立對於程式語言的基本認知，紮穩基礎，讓後續學習 JavaScript 不再心驚驚 <div class="collapse" id="Intro_wk1_webinar" style="background-color: rgba(215, 215, 215, 0.2) ; padding: 5px 15px; border-radius:4px; font-size: 0.9rem;"> 為了確保你的學習成效，我們建議你在工作坊前，完成以下行前準備： <ul> <li>第 1 級準備</li> <ul> <li>依據 <a href="https://lighthouse.alphacamp.co/courses/39/units/5488" target="_blank">U9:使用 Repl.it 環境寫程式</a> 的指引，完成 <a href="https://repl.it/" target="_blank">repl.it</a> 平台服務的註冊 </li> <li>完成 <a href="https://lighthouse.alphacamp.co/courses/39/units/7366" target="_blank">U10: 程式碼註解</a> - <a href="https://lighthouse.alphacamp.co/courses/39/units/7368" target="_blank">U15:條件式常見誤區</a> 章節閱讀 (作業可以還不用做，但要看過單元內容！）</li> </ul> <li>第 2 級準備：完成作業 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/910" target="_blank">A1: 基礎語法上手！</a> - <a href="https://lighthouse.alphacamp.co/courses/39/assignments/912" target="_blank">A3: 擲骰子，比大小</a> </li> <li>第 3 級準備：完成章節閱讀 <a href="https://lighthouse.alphacamp.co/courses/39/units/5498" target="_blank">U16: 重覆執行程式碼：迴圈</a></li> </ul> 為確保你的最大學習效果，請你以第 2 級準備為目標，並且最少要完第 1 級準備。 </div> #### Week 3 前端基礎工作坊 「前端基礎工作坊」通常安排在學期一開課第三週 (Week 3) 的週三晚上，每個班級可能會因為不同情況有所調整，請以活動日曆上的日期為準。 在工作坊中，你將會： - 跟著助教的腳步，學習使用 Dev tool 拆解網頁，操作 HTML/CSS 改變靜態網頁內容 - 助教也將會分享實務經驗以及學習技巧，讓你在茫茫技術大海的前端開發中，不再害怕 <div style="background: #e9e9e9; padding: 10px 20px; border-radius: 3px;"> <h5>無法參與怎麼辦？</h5> <p>我們理解許多同學們一邊工作一邊學習，時間上不見得皆能參與每次活動。因此也會同步提供最新的活動錄影與所使用的相關資料 (投影片、Sample Code) 整理發佈於課程單元中。</p> <p>同學們也可以於下一個班級的工作坊再次線上參與喔！</p> </div> ### 活動行事曆 <div style="position: relative; width:100%; height:0; padding-bottom: 520px;"> <iframe style="position:absolute; top:0; left:0; width:100%; height: 500px; border: none;" src="https://calendar.google.com/calendar/embed?src=s7ibi78u1gcna4q9hmo78plh28%40group.calendar.google.com&ctz=Asia%2FTaipei" scrolling="no"> </iframe> </div> ### 如何將學習活動加入你的個人行事曆？ 透過 `複製到我的日曆` 這個按鈕，將活動直接加入你的個人行事曆。 <div style="width:90%;"> <a target="_blank" href="https://assets-lighthouse.alphacamp.co/uploads/image/file/11113/____.gif"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/11113/____.gif"> </a> </div> #### 或著，你也可以「訂閱整份日曆」 如果你不想一份一份將活動加入個人的日曆，你也可以點擊日曆右下角的 `+Google Calendar`，Google 日曆將會協助你將畫面導到「訂閱整份日曆」，你只要在頁面成功轉跳至「新增日曆」的畫面後，點選「新增」，這份學習活動日曆就會加到你的 Google 日曆中囉！ <div style="width:90%;"> <a target="_blank" href="https://assets-lighthouse.alphacamp.co/uploads/image/file/11112/___google___.gif"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/11112/___google___.gif"> </a> </div> <QUIZ>3870</QUIZ> --- ## 學期 2-1 ### 學習活動日程一覽表 <iframe style="width: 100%; height: 500px;" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRdbdpGaYhQxVCltrhRBhuM9YQZnncGOyC9Mp2O7dZDV7BFMtYGYvFy2lcFfaC7fO6f5xekuRaBFG7r/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;headers=false"></iframe> ※ [網頁版 - 學習活動日程表](https://docs.google.com/spreadsheets/d/e/2PACX-1vRdbdpGaYhQxVCltrhRBhuM9YQZnncGOyC9Mp2O7dZDV7BFMtYGYvFy2lcFfaC7fO6f5xekuRaBFG7r/pubhtml?gid=0&single=true) 在 JavaScript 全端開發課程中，學習教練會依據不同的課程主題安排對應的學習活動，以及職涯探索相關講座活動資訊，協助同學們在學習旅程中能有多面向的接觸與互動學習。 上方這份表格為針對學期 1 & 2 所設計之學習活動，你可以**根據推薦學期參加，也可以旁聽有興趣的工作坊**，點擊活動名稱可至報名頁面了解更多內容，評估是否參與。 **工作坊的學習重點在於「即時與助教、同學互動」** 我們相當推薦同學盡量參與學習活動，與助教、同學們一起實作，對於學習的吸收成效更佳。若無法上線或是當班未開設之工作坊，在對應的課程當中我們還是會提供最新的會後錄影，供同學們課後學習！ * 學習活動**不限**特定學期、班級學生參與，如有提前報名後續課程，也歡迎同學旁聽、彈性安排參加線上工作坊的時間。 * 若點擊活動發現沒有瀏覽權限，是因為你尚未報名相關課程喔！ ### 「學期 2-1」務必參加的工作坊 #### Week 1 JavaScript 工作坊 在工作坊中，你將會： * 跟著助教講師透過日常生活案例，帶領你 JavaScript 核心觀念的運用 * 建立操作 JavaScript 語法工具(API)、函式的基本認知，紮穩基礎，讓後續學習 JavaScript 不再心驚驚 #### Week 3 DOM 基本元素上手工作坊 在工作坊中，你將會： * 跟著助教練習在不改動 HTML 的情況下，如何運用 DOM 元素操作、修改畫面 * 與同學一起挑戰用 DOM 操作，來玩井字遊戲，上手 DOM 元素 ### 活動行事曆 <div style="position: relative; width:100%; height:0; padding-bottom: 520px;"> <iframe style="position:absolute; top:0; left:0; width:100%; height: 500px; border: none;" src="https://calendar.google.com/calendar/embed?src=s7ibi78u1gcna4q9hmo78plh28%40group.calendar.google.com&ctz=Asia%2FTaipei" scrolling="no"> </iframe> </div> ### 如何將學習活動加入你的個人行事曆？ 透過 `複製到我的日曆` 這個按鈕，將活動直接加入你的個人行事曆。 <div style="width:90%;"> <a target="_blank" href="https://assets-lighthouse.alphacamp.co/uploads/image/file/11113/____.gif"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/11113/____.gif"> </a> </div> #### 或著，你也可以「訂閱整份日曆」 如果你不想一份一份將活動加入個人的日曆，你也可以點擊日曆右下角的 `+Google Calendar`，Google 日曆將會協助你將畫面導到「訂閱整份日曆」，你只要在頁面成功轉跳至「新增日曆」的畫面後，點選「新增」，這份學習活動日曆就會加到你的 Google 日曆中囉！ <div style="width:90%;"> <a target="_blank" href="https://assets-lighthouse.alphacamp.co/uploads/image/file/11112/___google___.gif"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/11112/___google___.gif"> </a> </div> --- ## 學期 2-2 ### 學習活動日程一覽表 <iframe style="width: 100%; height: 500px;" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRdbdpGaYhQxVCltrhRBhuM9YQZnncGOyC9Mp2O7dZDV7BFMtYGYvFy2lcFfaC7fO6f5xekuRaBFG7r/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;headers=false"></iframe> ※ [網頁版 - 學習活動日程表](https://docs.google.com/spreadsheets/d/e/2PACX-1vRdbdpGaYhQxVCltrhRBhuM9YQZnncGOyC9Mp2O7dZDV7BFMtYGYvFy2lcFfaC7fO6f5xekuRaBFG7r/pubhtml?gid=0&single=true) 在 JavaScript 全端開發課程中，學習教練會依據不同的課程主題安排對應的學習活動，以及職涯探索相關講座活動資訊，協助同學們在學習旅程中能有多面向的接觸與互動學習。 上方這份表格為針對學期 1 & 2 所設計之學習活動，你可以**根據推薦學期參加，也可以旁聽有興趣的工作坊**，點擊活動名稱可至報名頁面了解更多內容，評估是否參與。 **工作坊的學習重點在於「即時與助教、同學互動」** 我們相當推薦同學盡量參與學習活動，與助教、同學們一起實作，對於學習的吸收成效更佳。若無法上線或是當班未開設之工作坊，在對應的課程當中我們還是會提供最新的會後錄影，供同學們課後學習！ * 學習活動**不限**特定學期、班級學生參與，如有提前報名後續課程，也歡迎同學旁聽、彈性安排參加線上工作坊的時間。 * 若點擊活動發現沒有瀏覽權限，是因為你尚未報名相關課程喔！ ### 「學期 2-2」表定的學習活動 每個班級可能會因為不同情況有所調整，請以活動日曆上的日期為準。 #### 打造 POS 機工作坊 在工作坊中，你將會： * 跟著助教將 手刻簡易 POS 機，實際串接 API 資料與介面，打造能將商品加入購物車的 POS 機！ * 與同學一起挑戰優化 POS 機使用體驗，挑戰「送出訂單」與「重置原始設定」的功能！ #### 微型專案設計與思考工作坊 在工作坊中，你將會： * 將跟著助教的腳步，分析「翻牌遊戲」專案的資料與邏輯，討論遊戲狀態，並且簡介整理函式的 MVC 架構 #### 事件與流程設計工作坊 在工作坊中，你將會： * 將跟著助教一起製作 POS 機 2.0 版本，透多更多實務場景，拆解常見小功能背後的的事件與流程 ### 活動行事曆 <div style="position: relative; width:100%; height:0; padding-bottom: 520px;"> <iframe style="position:absolute; top:0; left:0; width:100%; height: 500px; border: none;" src="https://calendar.google.com/calendar/embed?src=s7ibi78u1gcna4q9hmo78plh28%40group.calendar.google.com&ctz=Asia%2FTaipei" scrolling="no"> </iframe> </div> ### 如何將學習活動加入你的個人行事曆？ 透過 `複製到我的日曆` 這個按鈕，將活動直接加入你的個人行事曆。 <div style="width:90%;"> <a target="_blank" href="https://assets-lighthouse.alphacamp.co/uploads/image/file/11113/____.gif"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/11113/____.gif"> </a> </div> #### 或著，你也可以「訂閱整份日曆」 如果你不想一份一份將活動加入個人的日曆，你也可以點擊日曆右下角的 `+Google Calendar`，Google 日曆將會協助你將畫面導到「訂閱整份日曆」，你只要在頁面成功轉跳至「新增日曆」的畫面後，點選「新增」，這份學習活動日曆就會加到你的 Google 日曆中囉！ <div style="width:90%;"> <a target="_blank" href="https://assets-lighthouse.alphacamp.co/uploads/image/file/11112/___google___.gif"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/11112/___google___.gif"> </a> </div> --- ## 學期 2-3 後 ### 學習活動日程一覽表 <iframe style="width: 100%; height: 500px;" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRdbdpGaYhQxVCltrhRBhuM9YQZnncGOyC9Mp2O7dZDV7BFMtYGYvFy2lcFfaC7fO6f5xekuRaBFG7r/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;headers=false"></iframe> ※ [網頁版 - 學習活動日程表](https://docs.google.com/spreadsheets/d/e/2PACX-1vRdbdpGaYhQxVCltrhRBhuM9YQZnncGOyC9Mp2O7dZDV7BFMtYGYvFy2lcFfaC7fO6f5xekuRaBFG7r/pubhtml?gid=0&single=true) 在 JavaScript 全端開發課程中，學習教練會依據不同的課程主題安排對應的學習活動，以及職涯探索相關講座活動資訊，協助同學們在學習旅程中能有多面向的接觸與互動學習。 上方這份表格為針對學期 1 & 2 所設計之學習活動，你可以**根據推薦學期參加，也可以旁聽有興趣的工作坊**，點擊活動名稱可至報名頁面了解更多內容，評估是否參與。 **工作坊的學習重點在於「即時與助教、同學互動」** 我們相當推薦同學盡量參與學習活動，與助教、同學們一起實作，對於學習的吸收成效更佳。若無法上線或是當班未開設之工作坊，在對應的課程當中我們還是會提供最新的會後錄影，供同學們課後學習！ * 學習活動**不限**特定學期、班級學生參與，如有提前報名後續課程，也歡迎同學旁聽、彈性安排參加線上工作坊的時間。 * 若點擊活動發現沒有瀏覽權限，是因為你尚未報名相關課程喔！ ### 「學期 2-3 後端」表定的學習活動 每個班級可能會因為不同情況有所調整，請以活動日曆上的日期為準。 #### 工具地圖 & 生存指南工作坊 在工作坊中，你將會： * 跟著助教模擬專案開發的流程，思考使用的工具框架與背後的意義 * 了解每個工具、框架在網路應用程式中扮演什麼位置 #### CRUD Q&A 在工作坊中，你將會： * 事前提問對於 CRUD 的問題 * 助教將帶著同學拆解電腦後端的運算流程與解答同學提問 #### Web App 開發觀念健檢工作坊 在工作坊中，你將會： * 將跟著助教一起思考網頁開發的流程，透過問答，釐清網路概論與重要觀念 ### 活動行事曆 <div style="position: relative; width:100%; height:0; padding-bottom: 520px;"> <iframe style="position:absolute; top:0; left:0; width:100%; height: 500px; border: none;" src="https://calendar.google.com/calendar/embed?src=s7ibi78u1gcna4q9hmo78plh28%40group.calendar.google.com&ctz=Asia%2FTaipei" scrolling="no"> </iframe> </div> ### 如何將學習活動加入你的個人行事曆？ 透過 `複製到我的日曆` 這個按鈕，將活動直接加入你的個人行事曆。 <div style="width:90%;"> <a target="_blank" href="https://assets-lighthouse.alphacamp.co/uploads/image/file/11113/____.gif"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/11113/____.gif"> </a> </div> #### 或著，你也可以「訂閱整份日曆」 如果你不想一份一份將活動加入個人的日曆，你也可以點擊日曆右下角的 `+Google Calendar`，Google 日曆將會協助你將畫面導到「訂閱整份日曆」，你只要在頁面成功轉跳至「新增日曆」的畫面後，點選「新增」，這份學習活動日曆就會加到你的 Google 日曆中囉！ <div style="width:90%;"> <a target="_blank" href="https://assets-lighthouse.alphacamp.co/uploads/image/file/11112/___google___.gif"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/11112/___google___.gif"> </a> </div> --- ## 學期 2-3 前端 ### 學習活動日程一覽表 <iframe style="width: 100%; height: 500px;" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRdbdpGaYhQxVCltrhRBhuM9YQZnncGOyC9Mp2O7dZDV7BFMtYGYvFy2lcFfaC7fO6f5xekuRaBFG7r/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;headers=false"></iframe> ※ [網頁版 - 學習活動日程表](https://docs.google.com/spreadsheets/d/e/2PACX-1vRdbdpGaYhQxVCltrhRBhuM9YQZnncGOyC9Mp2O7dZDV7BFMtYGYvFy2lcFfaC7fO6f5xekuRaBFG7r/pubhtml?gid=0&single=true) 在 JavaScript 全端開發課程中，學習教練會依據不同的課程主題安排對應的學習活動，以及職涯探索相關講座活動資訊，協助同學們在學習旅程中能有多面向的接觸與互動學習。 上方這份表格為針對學期 1 & 2 所設計之學習活動，你可以**根據推薦學期參加，也可以旁聽有興趣的工作坊**，點擊活動名稱可至報名頁面了解更多內容，評估是否參與。 **工作坊的學習重點在於「即時與助教、同學互動」** 我們相當推薦同學盡量參與學習活動，與助教、同學們一起實作，對於學習的吸收成效更佳。若無法上線或是當班未開設之工作坊，在對應的課程當中我們還是會提供最新的會後錄影，供同學們課後學習！ * 學習活動**不限**特定學期、班級學生參與，如有提前報名後續課程，也歡迎同學旁聽、彈性安排參加線上工作坊的時間。 * 若點擊活動發現沒有瀏覽權限，是因為你尚未報名相關課程喔！ ### 「學期 2-3 前端」表定的學習活動 每個班級可能會因為不同情況有所調整，請以活動日曆上的日期為準。 #### 工具地圖 & 生存指南工作坊 在工作坊中，你將會： * 跟著助教模擬專案開發的流程，思考使用的工具框架與背後的意義 * 了解每個工具、框架在網路應用程式中扮演什麼位置 #### CSS 切版挑戰賽 在工作坊中，你將會： * 在短時間內，完成包含 RWD 設計的四道挑戰題 * 與助教切磋切版的作法與心法 #### Web App 開發觀念健檢工作坊 在工作坊中，你將會： * 將跟著助教一起思考網頁開發的流程，透過問答，釐清網路概論與重要觀念 ### 活動行事曆 <div style="position: relative; width:100%; height:0; padding-bottom: 520px;"> <iframe style="position:absolute; top:0; left:0; width:100%; height: 500px; border: none;" src="https://calendar.google.com/calendar/embed?src=s7ibi78u1gcna4q9hmo78plh28%40group.calendar.google.com&ctz=Asia%2FTaipei" scrolling="no"> </iframe> </div> ### 如何將學習活動加入你的個人行事曆？ 透過 `複製到我的日曆` 這個按鈕，將活動直接加入你的個人行事曆。 <div style="width:90%;"> <a target="_blank" href="https://assets-lighthouse.alphacamp.co/uploads/image/file/11113/____.gif"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/11113/____.gif"> </a> </div> #### 或著，你也可以「訂閱整份日曆」 如果你不想一份一份將活動加入個人的日曆，你也可以點擊日曆右下角的 `+Google Calendar`，Google 日曆將會協助你將畫面導到「訂閱整份日曆」，你只要在頁面成功轉跳至「新增日曆」的畫面後，點選「新增」，這份學習活動日曆就會加到你的 Google 日曆中囉！ <div style="width:90%;"> <a target="_blank" href="https://assets-lighthouse.alphacamp.co/uploads/image/file/11112/___google___.gif"> <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/11112/___google___.gif"> </a> </div>