使用者工具

網站工具


start

計畫宗旨

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

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

近期活動

時間 地點 活動 網址
2019.10.2(三) 逢甲 第二次成果發表會暨第一次聯合種子師資培訓 活動連結 進入課程首頁
2019.9.3(二) 北科大 跨領域種子教師培訓Workshop

教學資源

網頁基礎概念 教材模組

名稱 時數 難易度 備註 下傳
HTML與CSS 6 Web應用程式先備知識(HTML:3; CSS:3) 教材 Lab
響應式網頁設計 (Bootstrap) 6 HTML與CSS的實務運用,可用於引起學生興趣 教材與Lab
網頁文件結構(DOM) 9 Web應用程式先備知識(操作、改變HTML DOM) 教材與Lab
DOM事件通知概念(Event) 3 ☆☆ DOM事件模型、jQuery初步應用 教材與Lab

JavaScript程式設計 教材模組

JavaScript 基礎

時數 難易度 下傳
12 教材與Lab
  • 何謂變數(20分鐘)
  • 如何宣告變數(10分鐘)
  • 資料形態(2小時)
  • ◎隨堂小練習(30分鐘)
  • 運算元Operators(3.5小時)
  • ◎隨堂小練習(30分鐘)
  • 條件Conditions(2小時)
  • ◎隨堂小練習(30分鐘)
  • 迴圈(2小時)
  • ◎隨堂小練習(30分鐘)

JavaScript 陣列

時數 難易度 下傳
4 ☆☆ 教材 Lab
  • 引起動機的問題 (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)

JavaScript 函式

時數 難易度 下傳
5 ☆☆ 教材 Lab
  • 引起動機的問題 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)

JavaScript 物件

時數 難易度 下傳
6 ☆☆☆ 教材 Lab
  • 引起動機的問題 (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年中釋出。

名稱 時數 難易度 備註 下傳
數位藝術 9 ☆☆☆
遊戲開發 9 ☆☆☆  
資料視覺化 9 ☆☆☆

學習斷點圖解影片

名稱 網址 備註
變數概念 影片
If-Else 影片
Switch 影片
迴圈 影片
陣列 影片
函式 影片
物件 影片

程式設計宣導影片

影片 說明
AI世代的第一堂必修課—教育部推動大學程式設計教育 (含廣達林百里董事長與聯發科蔡明介董事長專訪)
我的愛,從程式開始 (公益天使 沈芯菱)
用程式改造社會 (數位政委 唐鳳)
與程式共舞 (編舞家 黃翊)

JavaScript教學互動平台

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

文件下載

常用連結

計畫團隊

  • 計畫主持人: 廖峻鋒 (政治大學資科系/數位內容學程)
  • 計畫協同主持人: 曾俊雄 (元智大學電機系)
  • 計畫協同主持人: 黃登揚 (雲林科技大前瞻學士學位學程)
  • 計畫專任助理: 李伊倫 (plus.nccu@gmail.com; 電話: (02) 2939-3091 分機63964)
start.txt · 上一次變更: 2019/10/01 01:31 由 plus