今大學生是典型的「網路世代」，以18歲來計算，皆在2000年以後出生，在其成長過程中，台灣已具備完善的網際網路基礎架構，使用電腦或手機的Web瀏覽器透過網際網路獲取資訊，已是未來入學大學生日常生活的一部份。因此，以Web做為學習程式設計的媒介，相較於直接單獨學習某項特定程式語言，對學習者來說，具較高的親和力與實用性，就這點來說，可提高其學習動機。然而，學習過程中亦必須同時學習程式語言本身之外的額外知識。尤其是後端的Web程式設計，涉及HTTP通訊協定與資料庫，做為程式設計入門課程具有相當挑戰。計畫第一年的重點在於教材模組之發展、試教與評估改善，這此階段，我們將邀請在學界與業界具有豐富Web相關教學經驗之專家，舉辦專家諮詢座談會，搜集需求與建議。所開發教材，將經過二輪的試教與修改。此外，我們也將進行透過數次的教材研發會議進一步討論這些課程模組的運用，產生範例課綱與與延伸應用的課程地圖。的完成主體教材後，在計畫第二年，我們將重點放在經營Web做為學習程式設計媒介的線上與實體社群，藉以提升教師在講授Web做為學習程式設計媒介的教學能力。完成主體教材後，在計畫第二年，我們將重點放在經營Web做為學習程式設計媒介的線上與實體社群，藉以提升教師在講授Web做為學習程式設計媒介的教學能力。首先將由社群中徵求有意願採用課程模組的教師，並辦理種子教師培育Workshop，以進行教材運用方式解說與推廣，透過計畫資源協助種子教師任教學校以教材模組進行教學。我們亦將舉辦教學經驗分享座談會，讓種子教師就教學困難與解決方案進行分享。

• 教學資源下載若有密碼，請師長來信(plus.nccu@gmail.com)索取。聯絡人:計畫助理 李伊倫

• 何謂變數(20分鐘)
• 如何宣告變數(10分鐘)
• 資料形態(2小時)
• ◎隨堂小練習(30分鐘)
• 運算元Operators(3.5小時)
• ◎隨堂小練習(30分鐘)
• 條件Conditions(2小時)
• ◎隨堂小練習(30分鐘)
• 迴圈(2小時)
• ◎隨堂小練習(30分鐘)

• 引起動機的問題 (20 min)
• 陣列基本定義 (20 min)
• 建立陣列 (20 min)
• 基本陣列操作取得與設定陣列元素值 (20 min)
• ◎小型練習1: 陣列操作基本練習 (20min)
• 列舉陣列元素 for/for of (20 min)
• 進階陣列操作: 切片取值、Split、Join /map/reverse/splice (60 min)
• ◎小型練習2: Split應用: 資料處理 (30min)
• ◎陣列操作整合應用 (30min)

• 引起動機的問題 20 min
• 函式簡介、函式的定義 15 min
• 函式的結構: 函式名稱、參數、body、回傳值 30 min
• ◎小型練習1: 函式定義 20 min
• 函式的呼叫、參數傳送過程 (30 min)
• ◎小型練習2: 函式呼叫 (25 min)
• ◎小型練習3: JS中函式參數個數不同時的匹配 (20 min)
• Lambda表式法 (25 min)
• ◎小型練習4: Lambda (20 min)
• 以函式做為變數的運用 (35 min)
• ◎整合運用 (60min)

• 引起動機的問題 (20min)
• 物件定義 (10 min)
• 帶有行為的物件 (15 min)
• 建構式 (20 min)
• ◎小型練習1: 物件基礎 (20 min)
• New: 物件的建立過程 (30min)
• ◎小型練習2: 物件建立過程 (20 min)
• 物件機制:This/Apply (30 min)
• ◎小型練習3: this (20 min)
• ◎小型練習4: apply (20min)
• Prototype (60 min)
• ◎小型練習5: prototype (20min)
• 以類別定義物件 (15 min)
• ◎整合運用 (60 min)

教材開發中，預計2020年中釋出。

• JavaScript/Console/HTML可立即對應、所視即所得
• 透過網址立即分享、現場廣播教師示範程式碼
• 由Codepan修改而來: 原始碼Github網址

• 試教意見表
• 試教簽到單

• 計畫相關影片 youtube網址
• 大學程式設計先修檢測

• 計畫主持人: 廖峻鋒 (政治大學資科系/數位內容學程)
• 計畫協同主持人: 黃登揚 (雲林科技大前瞻學士學位學程)
• 計畫協同主持人: 江玥慧 (政治大學資科系)
• 分項計畫顧問: 曾俊雄 (元智大學電機系)
• 計畫專任助理: 李伊倫 (plus.nccu@gmail.com; 電話: (02) 2939-3091 分機62282)