---
# System prepended metadata

title: ORID 作業說明
tags: [學期一]

---

###### tags: `學期一`

# ORID 作業說明

[Toc]

## Week 1 ORID 學習回顧

### 看到這邊，先恭喜你已經完成第一週的挑戰了！

這週我們專注在思維與學習習慣的建立，並且開始實際學習 JavaScript 和運算思維。

還記得我們在開學工作坊提到的刻意練習嗎？強調透過行動、獲得回饋、針對回饋改善來不斷有效成長。

其實回饋並不見得都是來自外在，<u>自我回饋也是提升學習能力的重要回饋來源之一</u>。許多深刻自我回饋，如：反省、思考，也往往都是透過「刻意」的回顧和紀錄才誘發出來的。

因此我們希望在 Week 1 的結尾，透過以下問題帶領同學思考，同時也讓你在努力衝刺的過程中，能夠喘口氣，抬起頭來看看自己目前走了多遠的路，以及接下來具體可以改善/努力的方向。

##### 以下是本次提供你思考、進行學習回顧的問題：

1. `OBJECTIVE` - 你這週做了什麼？學了什麼？有達成你的目標嗎？
2. `REFLECTIVE` - 承上題，經歷了一週的學習，你的感覺如何？有哪些是正面的 (成就感 etc)，有哪些是負面的（挫折感 etc），為什麼？
3. `INTERPRETIVE` - 承上題，這樣的感覺，對你來說的學習體會是什麼？你如何去延續這些好的感覺、改善不好的感覺？
4. `DECISIONAL` - 你下週的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）

<!-- 按鈕 -->

<a class="btn btn-secondary" role="button" data-toggle="collapse" href="#ORID-explanation" aria-expanded="false" aria-controls="ORID-explanation">還是不確定怎麼寫？點我看學長姐範例</a>

<div class="collapse" id="ORID-explanation">
    <div style="padding: 5px 15px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; font-size: 14px; ">
	<ul>
			<li><span style="color: black; font-weight: bold; margin-top: 0.25em;">OBJECTIVE</span>
			<ul>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">這周練習操作DOM元素，學習抓取需要的節點，針對特定節點抓取需要的資料，並在JS中直接操作修改HTML內容。<br>
						努力完成了各項作業，但DOM工作坊的課後練習還沒有完成。
						</li>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">重新接觸 JavaScript 的基本語法，完成所有習題，用到不少陣列、物件的處理方法。寫習題時試著套用 JavaScript Standard Style，也從影片中多了解一點資料結構。在寫習題的時候，遇到了陣列處理的微妙 bug，是以前從來沒想過的。
						</li>
					</ul>
			<!--  -->
			<li><span style="color: black; font-weight: bold; margin-top: 0.25em;">REFLECTIVE - 可以是開心、受挫、成就感，或是你的直覺反應。</span>
					<ul>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">課程難度正在大幅度提升，感覺有些吃力，因為自己剛好學習時間也比較壓縮了，只有晚上可以做學習，比較沒有像前兩周能夠每一章節都細細地看過，雖然終於進入可以做一些按鍵互動的模式，卻因沒有辦法把事件指定好而感到學習卡關。
						</li>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">有好幾天一邊想一邊寫習題到半夜，覺得興奮。有要解決的問題，能讓寫程式感覺更有目標，比起只是看著書或教學文件打打語法，更覺得有趣，印象也更深。<br>
						熬夜後隔天上班會覺得疲倦、思維比較不清楚，心情也會比較低落。儘量早點睡覺為佳。
						</li>
					</ul>
			</li>
			<!--  -->
			<li><span style="color: black; font-weight: bold; margin-top: 0.25em;">INTERPRETIVE：可以想想為什麼這些事情讓你有感覺？引發你想到什麼？你領會、學到了什麼？</span>
				<ul>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">我覺得自己最大的問題就是不知道要如何指定需要的資料，邏輯觀念要清楚，在觀念清楚前都需要把每次結構的樹狀圖畫出來，讓自己思路清晰，才不會每次寫到最後不知道自己在寫甚麼。
						</li>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">習題的規模變得愈來愈大，為了解決一個問題，必須使用更多程式碼。如果沒有先花時間靜靜思考要處理的範圍和手法，很容易反覆寫寫改改，弄到自己都忘了要幹嘛。如果先拿紙筆思考怎麼佈局，寫程式的時候會有清楚的方向感，比較不會一直卡住，寫出的程式也通常比較簡潔。
						</li>
					</ul>
			</li>
			<!--  -->
			<li><span style="color: black; font-weight: bold; margin-top: 0.25em;">DECISIONAL：可以想想有沒有什麼要改變？要改變的話，具體的行動計畫是？</span>
						<ul>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">目前的學習方式是利用 hackmd 作筆記，這周嘗試把自己很容易搞混的一些用法寫成文章，寫了一篇flexbox有關的文章，發現寫文章和寫筆記的感覺很不一樣，但也因為用寫文章的方式，讓自己對這一部分的概念又更透徹，發現效果還不錯。所以下周想要把一些比較細節容易搞混的觀念拿出來寫起來，平日還是寫筆記為主，先一周一篇的進度就好，來協助自己釐清觀念。
						</li>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">寫習題時會同時準備紙筆，方便自己規劃程式佈局和思考。<br>
						並且要早點上床睡覺，讓自己腦袋保持清醒。
						</li>
					</ul>	
			</li>
			<!--  -->
		</ul>
    </div>
</div>

## Week 2 ORID

### 看到這邊，恭喜你已經攻克第二週的所有內容囉！

課程第二週，延續著上週建立的運算思維觀念，你透過一連串的作業演練，更清楚了解該如何透過「運算思維」解決問題；同時，你也開始慢慢上手打造介面的工具。

記得我們在開學工作坊提到的刻意練習嗎？強調透過行動、獲得回饋、針對回饋改善來不斷有效成長。

其實回饋並不見得都是來自外在，<u>自我回饋也是提升學習能力的重要回饋來源之一</u>。許多深刻自我回饋，如：反省、思考，也往往都是透過「刻意」的回顧和紀錄才誘發出來的。

在一週內吸收運算思維 + 介面打造兩種主題，需要花一些心思轉換自己的思考模式。因此在進入下週密集演練「介面打造」之前，希望你透過反思以下的問題，重整一下自己的學習模式，讓最後一週能有更好的學習效果。

##### 以下是本次提供你思考、進行學習回顧的問題：

1. `OBJECTIVE` - 你這週做了什麼？學了什麼？有達成你的目標嗎？
2. `REFLECTIVE` - 承上題，經歷了一週的學習，你的感覺如何？有哪些是正面的 (成就感 etc)，有哪些是負面的（挫折感 etc），為什麼？
3. `INTERPRETIVE` - 承上題，這樣的感覺，對你來說的學習體會是什麼？你如何去延續這些好的感覺、改善不好的感覺？
4. `DECISIONAL` - 你下週的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）

<!-- 按鈕 -->

<a class="btn btn-secondary" role="button" data-toggle="collapse" href="#ORID-explanation" aria-expanded="false" aria-controls="ORID-explanation">還是不確定怎麼寫？點我看學長姐範例</a>

<div class="collapse" id="ORID-explanation">
    <div style="padding: 5px 15px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; font-size: 14px; ">
	<ul>
			<li><span style="color: black; font-weight: bold; margin-top: 0.25em;">OBJECTIVE</span>
			<ul>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">這周練習操作DOM元素，學習抓取需要的節點，針對特定節點抓取需要的資料，並在JS中直接操作修改HTML內容。<br>
						努力完成了各項作業，但DOM工作坊的課後練習還沒有完成。
						</li>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">重新接觸 JavaScript 的基本語法，完成所有習題，用到不少陣列、物件的處理方法。寫習題時試著套用 JavaScript Standard Style，也從影片中多了解一點資料結構。在寫習題的時候，遇到了陣列處理的微妙 bug，是以前從來沒想過的。
						</li>
					</ul>
			<!--  -->
			<li><span style="color: black; font-weight: bold; margin-top: 0.25em;">REFLECTIVE - 可以是開心、受挫、成就感，或是你的直覺反應。</span>
					<ul>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">課程難度正在大幅度提升，感覺有些吃力，因為自己剛好學習時間也比較壓縮了，只有晚上可以做學習，比較沒有像前兩周能夠每一章節都細細地看過，雖然終於進入可以做一些按鍵互動的模式，卻因沒有辦法把事件指定好而感到學習卡關。
						</li>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">有好幾天一邊想一邊寫習題到半夜，覺得興奮。有要解決的問題，能讓寫程式感覺更有目標，比起只是看著書或教學文件打打語法，更覺得有趣，印象也更深。<br>
						熬夜後隔天上班會覺得疲倦、思維比較不清楚，心情也會比較低落。儘量早點睡覺為佳。
						</li>
					</ul>
			</li>
			<!--  -->
			<li><span style="color: black; font-weight: bold; margin-top: 0.25em;">INTERPRETIVE：可以想想為什麼這些事情讓你有感覺？引發你想到什麼？你領會、學到了什麼？</span>
				<ul>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">我覺得自己最大的問題就是不知道要如何指定需要的資料，邏輯觀念要清楚，在觀念清楚前都需要把每次結構的樹狀圖畫出來，讓自己思路清晰，才不會每次寫到最後不知道自己在寫甚麼。
						</li>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">習題的規模變得愈來愈大，為了解決一個問題，必須使用更多程式碼。如果沒有先花時間靜靜思考要處理的範圍和手法，很容易反覆寫寫改改，弄到自己都忘了要幹嘛。如果先拿紙筆思考怎麼佈局，寫程式的時候會有清楚的方向感，比較不會一直卡住，寫出的程式也通常比較簡潔。
						</li>
					</ul>
			</li>
			<!--  -->
			<li><span style="color: black; font-weight: bold; margin-top: 0.25em;">DECISIONAL：可以想想有沒有什麼要改變？要改變的話，具體的行動計畫是？</span>
						<ul>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">目前的學習方式是利用 hackmd 作筆記，這周嘗試把自己很容易搞混的一些用法寫成文章，寫了一篇flexbox有關的文章，發現寫文章和寫筆記的感覺很不一樣，但也因為用寫文章的方式，讓自己對這一部分的概念又更透徹，發現效果還不錯。所以下周想要把一些比較細節容易搞混的觀念拿出來寫起來，平日還是寫筆記為主，先一周一篇的進度就好，來協助自己釐清觀念。
						</li>
						<li style="font-size: 14px; padding: 0 1em; border-left: 0.25em solid #ddd; margin-bottom: 0.25em;">寫習題時會同時準備紙筆，方便自己規劃程式佈局和思考。<br>
						並且要早點上床睡覺，讓自己腦袋保持清醒。
						</li>
					</ul>	
			</li>
			<!--  -->
		</ul>
    </div>
</div>

## Week 3 ORID

### 恭喜你完成學期 1 了！

在學期 1 的最後一週，延續先前建立的 HTML 和 CSS 基礎，你跟著助教完成了網頁切版專案，除此之外，你也對 CSS 的觀念有更深入的認識，且完成了三份作業，大幅提升打造介面的經驗值。

本週的進度告一段落，經歷了大量的介面學習及實作，你可能會在體驗或學習方法上有不同的感受與領悟。此時透過自我回饋，為自己統整本週所學，能夠有效幫助你反芻本週的學習歷程。

在第三週的結尾，我們希望透過以下問題帶領同學思考，同時也讓你在努力衝刺過後，能夠喘口氣，抬起頭來看看自己已經累積了多少成果、走了多遠的路。

##### 以下是本次提供你思考、進行學習回顧的問題：

1. `OBJECTIVE` - 你這週做了什麼？學了什麼？有達成你的目標嗎？
2. `REFLECTIVE` - 承上題，經歷了一週的學習，你的感覺如何？有哪些是正面的 (成就感 etc)，有哪些是負面的（挫折感 etc），為什麼？
3. `INTERPRETIVE` - 承上題，這樣的感覺，對你來說的學習體會是什麼？你如何去延續這些好的感覺、改善不好的感覺？
4. `DECISIONAL` - 你下一階段的學習打算做什麼？（解決什麼未完成的問題？改變學習方式？完成哪些挑戰等等）

如果你不是很清楚為什麼要使用 ORID 進行反思，可以參考[這篇文章](https://tw.alphacamp.co/blog/orid-objective-reflective-interpretive-decisional)，相信你會對這個思考架構有更深刻的認識，也更清楚如何用 ORID 調整自己的學習策略喔！