本團隊執行第一期計畫期間，經過「情境分析」、「策略規畫」、「教材開發」與「試教改善」等階段，針對非資訊科系學生以Web做為學習程式設計的媒介，研制了相關教學與實驗教材，包含JavaScript基礎模組、JavaScript進階模組、網頁技術模組(包含HTML、CSS、jQuery、DOM與Bootstrap)及進階專案應用模組。

針對各校推動大學程式設計需求各有不同，上述教材均以模組化方式編寫，方便不同領域、不同學生程度的教師使用，可依學生程度與課程種類，自由組合特定模組導入學期課程(計畫團隊提供了三個示範課程)。此外，教材亦著重「引起動機」，以實例突顯學習特定模組的理由/必要性。基於教學經驗，我們標示「學習斷點」，標記學生易聽不懂之區段，提供動畫影片教材給教師解說使用。同時也提供大量可上機操作之實驗教材，包含三種難易度，可依學生程度選用，針對學習斷點設計實驗，輔助學生有效理解。針對現場教學需求，我們也基於CodePan平台加以修改，完成可在瀏覽器上直接使用的開發學習平台，JavaScript/Console/HTML可立即對應、所視即所得，教師可透過網址分享，現場將示範程式廣播給所有學生。除研製上述教學資源與工具外，本分項亦主辦與協辦了2場Web領域課程模組教材種子教師workshop、2場種子教師經驗交流會議與1場(線上)成果分享交流會。

Web領域及跨域銜接推動團隊以Web做為學習程式設計媒介，來發展教材並提升教學成效，重點工作項目如下：

1.既有教材擴充、深化與推廣

   橫向擴充: 基於現有教材發展特定領域的落地模

   垂直深化: 針對進階專案教材，融入 PBL修訂、研製提供評量題庫

   向外推廣: 辦理workshop與跨領域教師社群活動

2.提升學生程式碼識讀能力

   學習觀摩良好的編程風格 (Code as literature)，以教材模組方式呈現，可融入一般程式課程

   學習如何重用既有程式碼 (Code as template)，以Hands-on Lab方式程現，分為修改與新增二個層次

3.推動中小型學生自主學習社群

   歸納社群發展主軸、輔助學生確立學習核心

   推動社群活動，從中取得相關經驗

   安排與串聯各社群活動、達成有效率程式設計自主學習

   辦理學習成果展示，促成學生透過線上或線下的互動進行交流與合作

4.發展各領域落地模組

   彙整跨領域落地模組需求與連結點

   建立課程地圖及課綱

   發展教材模組及lab，並進行試教與推廣