微信小程式開發

微信小程式開發

微信小程式開發是北方工業大學建設的慕課,於2019年秋冬在智慧樹網首次開課,於2019年09月02日在中國大學MOOC首次開課,授課教師為杜春濤、付瑞平、馬禮、宋威、肖彬、王若賓等。據2022年2月智慧樹網顯示,該課程已開課6學期、累計選課5.56萬人,累計學校120所,累計互動42.36萬次。據2022年2月中國大學MOOC官網顯示,該課程已開課5次。

該課程共六章,包括初識微信小程式、小程式編程基礎、小程式框架、小程式組件、小程式API、雲開發等章目。

基本介紹

  • 中文名:微信小程式開發
  • 授課教師:杜春濤、付瑞平、馬禮、宋威、肖彬、王若賓
  • 類別:慕課
  • 授課平台:智慧樹網、中國大學MOOC
  • 首開時間:2019年秋冬(智慧樹網)、2019年09月02日(中國大學MOOC)
  • 建設院校:北方工業大學
課程性質,課程背景,適應對象,課程簡介,課程大綱,開課信息,課程特色,教學目標,學習預備,考核標準,教師簡介,

課程性質

課程背景

隨著微信的普及和微信小程式的廣泛套用,微信小程式開發越來越多受到人們的關注,正在成為新工科和人工智慧背景下當代大學生的必備技能。

適應對象

該課程適合電子信息類專業學生進行學習。

課程簡介

微信小程式開發課程共六章,通過對微信小程式開發的介紹,使學生了解了註冊小程式賬號、查看小程式AppID、設定小程式信息、下載並安裝小程式開發環境以及創建和打開小程式的方法。同時介紹了小程式開發的基礎知識,包括HTML、CSS和JavaScript中的基礎知識和代碼設計方法,為小程式開發奠定基礎。演示了小程式的基本架構、執行順序、數據及事件綁定、模組化、條件渲染、列表渲染、模板以及引用檔案等基本方法和技巧,以及小程式組件的各種功能和使用方法和小程式API函式的各種功能和使用方法。

課程大綱

智慧樹網課程大綱
第一章初識微信小程式
1.1註冊小程式賬號
1.2案例101-第一個微信小程式
第二章小程式編程基礎
2.1案例201-字型樣式設定
2.1.1案例講解-1
2.1.2案例講解-2
2.1.3案例講解-3
2.2案例202-文本樣式設定
2.2.1案例講解-1
2.2.2案例講解-2
2.3案例203-圖片與聲音
2.3.1案例講解-1
2.3.2案例講解-2
2.4案例204-盒模型
2.5案例205-flex彈性盒模型布局
2.5.1案例講解-1
2.5.2案例講解-2
2.6案例206-導航與布局
2.7案例207-Float頁面布局
2.8案例208-攝氏溫度轉華氏溫度
2.9案例209-條件語句和數學函式
2.10案例210-成績計算器
2.11案例211-循環求和計算器
2.11.1案例講解-1
2.11.2案例講解-2
2.12案例212-隨機數求和
2.13案例213-計時器
2.14案例214-自動隨機變化的三色旗
第三章小程式框架
3.1案例301-小程式的基本架構
3.1.1案例講解-1
3.1.2案例講解-2
3.2案例302-小程式的執行順序
3.3案例303-數據及事件綁定
3.4案例304-變數和函式的作用域及模組化
3.5案例305-條件渲染
3.6案例306-成績等級計算器
3.7案例307-列表渲染
3.8案例308-九九乘法表
3.9案例309-模板的定義及引用
3.10案例310-利用include引用檔案
第四章小程式組件
4.1案例401-貨幣兌換
4.1.1案例講解-1
4.1.2案例講解-2
4.2案例402-三角形面積計算器
4.3案例403-設定字型樣式和大小
4.3.1案例講解-1
4.3.2案例講解-2
4.4案例404-滑動條和顏色
4.5案例405-輪播圖和開關選擇器
4.5.1案例講解-1
4.5.2案例講解-2
4.6案例406-個人信息填寫
4.6.1案例講解-1
4.6.2案例講解-2
4.6.3案例講解-3
4.7案例407-圖片顯示模式
4.8案例408-音頻演示
4.9案例409-視頻演示
4.9.1案例講解-1
4.9.2案例講解-2
4.10案例410-考試場次選擇
4.10.1案例講解-1
4.10.2案例講解-2
4.10.3案例講解-3
4.10.4案例講解-4
第五章小程式API
5.1案例501-變臉遊戲
5.2案例502-階乘計算器
5.3案例503-基本繪圖
5.3.1案例講解-1
5.3.2案例講解-2
5.4案例504-參數繪圖
5.5案例505-改變圖形
5.6案例506-繪製正弦曲線
5.7案例507-自由繪圖
5.7.1案例講解-1
5.7.2案例講解-2
5.8案例508-動畫
5.8.1案例講解-1
5.8.2案例講解-2
5.8.3案例講解-3
5.9案例509-照相和攝像
5.10案例510-位置和地圖
5.11案例511-檔案操作
5.11.1案例講解-1
5.11.2案例講解-2
5.12案例512-數據快取
5.12.1案例講解-1
5.12.2案例講解-2
5.12.3案例講解-3
5.13案例513-網路狀態
5.14案例514-感測器
5.15案例515-掃碼與打電話
5.16案例516-螢幕亮度、剪貼簿和手機振動
5.17案例517-設備系統信息
5.18案例518-導航欄
5.19案例519-標籤欄
5.20案例520-操作選單
第六章雲開發
6.1案例601-獲取OpenID
6.1.1案例講解-1
6.1.2案例講解-2
6.2案例602-檔案上傳下載
6.2.1案例講解-1
6.2.2案例講解-2
6.3案例603-資料庫操作
6.3.1案例講解-1
6.3.2案例講解-2
6.3.3案例講解-3
6.4案例604-雲函式套用
註:課程大綱排版從左到右列
中國大學MOOC課程大綱
第1周 初識微信小程式
1.1 註冊小程式賬號
1.2 案例EX101-第一個微信小程式
1.3 案例EX201-字型樣式的設定
1.4 案例EX202-文本樣式設定
1.5 案例EX203-圖片與聲音
第1周 單元測驗
第1周 單元作業
第2周 盒模型與頁面布局
2.1 案例EX204-盒模型
2.2 案例EX205-flex頁面布局
2.3 案例EX206-導航與布局
2.4 案例EX207-Float頁面布局
2.5 案例EX208-攝氏溫度轉華氏溫度
第2周 單元測驗
第2周 單元作業
第3周 流程控制結構和函式
3.1 案例EX209-條件結構和數學函式
3.2 案例EX210-學生成績計算器
3.3 案例EX211-循環求和計算器
3.4 案例EX212-隨機數求和
3.5 案例EX213-計時器
3.6 案例EX214-自動隨機變化的三色旗
第3周 單元作業
第3周 單元測驗
第4周 小程式基本架構
4.1 案例EX301-小程式的基本架構
4.2 案例EX302-小程式的執行順序
4.3 案例EX303-數據及事件綁定
4.4 案例EX304-變數和函式的作用域及模組化
4.5 案例EX305-條件渲染
第4周 單元作業
第4周 單元測驗
第5周 渲染與引用
5.1 案例EX306-成績等級計算器
5.2 案例EX307-列表渲染
5.3 案例EX308-九九乘法表
5.4 案例EX309-模板的定義及引用
5.5 案例EX310-利用include引用檔案
第5周 單元作業
第5周 單元測驗
第6周 小程式組件-1
6.1 案例EX401-貨幣兌換
6.2 案例EX402-三角形面積計算器
6.3 案例EX403-設定字型樣式和大小
6.4 案例EX404-滑動條和顏色
6.5 案例EX405-輪播圖和開關選擇器
第6周 單元作業
第6周 單元測驗
第7周 小程式組件-2
7.1 案例EX406-個人信息填寫
7.2 案例EX407-圖片顯示模式
7.3 案例EX408-音頻演示
7.4 案例EX409-視頻演示
7.5 案例EX410-考試場次選擇
第7周 單元測驗
第7周 單元作業
第8周 小程式API-1
8.1 案例EX501-變臉遊戲
8.2 案例EX502-階乘計算器
8.3 案例EX503-基本繪圖
8.4 案例EX504-參數繪圖
8.5 案例EX505-改變圖形
第8周 單元作業
第8周 單元測驗
第9周 小程式API-2
9.1 案例EX506-繪製正弦曲線
9.2 案例EX507-自由繪圖
9.3 案例EX508-動畫
9.4 案例EX509-照相和攝像
9.5 案例EX510-位置和地圖
第9周 單元作業
第9周 單元測驗
第10周 小程式API-3
10.1 案例EX511-檔案操作
10.2 案例EX512-數據快取
10.3 案例EX513-網路狀態
10.4 案例EX514-感測器
10.5 案例EX515-掃碼與打電話
第10周 單元作業
第10周 單元測驗
第11周 小程式API-4
11.1 案例EX516-螢幕亮度、剪貼簿和手機振動
11.2 案例EX517-設備系統信息
11.3 案例EX518-導航欄
11.4 案例EX519-標籤欄
11.5 案例EX520-操作選單
第11周 單元測驗
第11周 單元作業
第12周 雲開發
12.1 案例EX601-獲取OpenID
12.2 案例EX602-檔案上傳下載
12.3 案例EX603-資料庫操作
12.4 案例EX604-雲函式套用
第12周 單元測驗
第12周 單元作業
註:課程大綱排版從左到右列

開課信息

智慧樹網開課信息
開課次數
開課時間
參與人數
第1次開課
2019秋冬
1.32萬人
第2次開課
2020春夏
1.02萬人
第3次開課
2020秋冬
1.57萬人
第4次開課
2021春夏
1.06萬人
第5次開課
2021秋冬
5995人
招生中
-
待定
該課程第1-6次開課授課教師均為杜春濤、付瑞平、馬禮、宋威、肖彬、王若賓,學時安排均為32學時。
中國大學MOOC開課信息
開課次數
開課時間
參與人數
學時安排
第1次開課
2019年09月02日~2019年12月31日
6174人
3-5小時每周
第2次開課
2020年02月03日~2020年08月09日
10670人
2-4小時每周
第3次開課
2020年08月28日~2021年02月19日
4796人
4小時每周
第4次開課
2021年03月01日~2021年06月15日
3319人
3-5小時每周
第5次開課
2021年07月12日~2021年12月31日
6025人
該課程第1-5次開課授課教師均為杜春濤、付瑞平、馬禮、宋威、肖彬、王若賓。

課程特色

課程設計原則
該課程以簡單易學的教學理念,打破官方文檔對知識點講解的原有順序,採用案例式教學方式,將知識要點融入到教學每個案例之中。根據人們的認知規律,每個案例都採用“案例描述→實現效果→案例實現→知識要點→案例總結”的講解步驟,使學習者掌握小程式開發的方法和技巧。

教學目標

通過該課程的學習,使學習者達到以下目標:
1.初識微信小程式。掌握註冊小程式賬號、查看小程式AppID、設定小程式信息、下載並安裝小程式開發環境以及創建和打開小程式的方法,以及小程式開發的過程和方法。
2.小程式編程基礎。掌握HTML、CSS和JavaScript中的基礎知識,為開發小程式奠定基礎。
3.小程式框架。掌握小程式的基本架構、執行順序、數據及事件綁定、模組化、條件渲染、列表渲染、模板以及引用檔案等知識。
4.小程式組件。掌握視圖容器、基礎內容、表單組件、導航組件、媒體組件、地圖、畫布等小程式組件的功能和使用方法。
5.小程式API。掌握基礎中的系統信息和定時器、路由、界面、數據快取、媒體、位置、畫布、檔案等常用API函式的功能和使用方法。
6.雲開發。掌握獲取OpenID、檔案上傳下載、資料庫操作、雲函式套用等小程式雲開發的方法和技巧。

學習預備

  • 學習資料
書名
出版社
作者
出版時間
《微信小程式開發案例教程》
杜春濤、付瑞平
2019年9月
《微信小程式開發零基礎入門》
周文潔
2019年1月
資料來源:

考核標準

平時成績50分
平時成績=學習進度分(15.0分)+學習行為分(35.0分)。
章測試成績10分
單項類目名稱
卷面分
單項滿分
第一章單元測試
100
1.7
第二章單元測試
100
1.7
第三章單元測試
100
1.7
第四章單元測試
100
1.7
第五章單元測試
100
1.7
第六章單元測試
100
1.5
期末考試成績40分
期末考試得分=期末考試實際得分/期末考試總分*權值。
採用線上期末考試形式作為期末考試成績。
試卷:教程考試。

教師簡介

杜春濤,北方工業大學信息學院教授,研究方向:現代教育技術對學習行為影響、熱質交換數值仿真。
付瑞平,北方工業大學計算機基礎教研室教師。
馬禮,北方工業大學信息學院院長,研究方向:分散式信息處理、物聯網、多agent機器人系統等。
宋威,北方工業大學信息學院教授,從事數據挖掘與推薦系統方向的研究工作。
肖彬,北方工業大學信息學院副教授,主講課程:計算機基礎。
王若賓,北方工業大學信息學院副教授,從事學習行為和規律研究工作,承擔計算機基礎課程教學工作。

相關詞條

熱門詞條

聯絡我們