---
# System prepended metadata

title: S0 學習活動日程

---

# 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>