課(ke)程(cheng)描述INTRODUCTION
日程安排SCHEDULE
課程大(da)綱Syllabus
微信小程序開發培訓
【課程收益】
課程以項目驅動為宗旨,循序漸進、案例豐富,詳細介紹了微信小程序的入門基礎知識與使用技巧。
課程分為以下6個部分:
第一部分是入門篇,詳細講解如何注冊開發者賬號和完善信息,以及開發工具的下載與安裝;從零開始講解如何新建項目、真機預覽調試等操作,并基于該項目介紹自動生成和手動創建小程序項目的方式。
第二部分是基礎篇,以列表和九宮格兩種布局為例,講解小程序如何使用flex布局進行頁面規劃;從案例入手,介紹表單中文本輸入框、按鈕等組件的用法。
第三部分是應用篇,應用微信小程序中的網絡API、媒體API、文件API、數據API、位置API、設備API以及界面API,每個API均對應一個完整的項目實例,包括天氣查詢、口述校史、電子書櫥、醫療急救卡、會議邀請函、指南針和手繪時鐘。
第四部分是游戲篇,基于畫布組件和繪圖相關API分別實現簡易版的拼圖游戲、推箱子游戲和貪吃蛇游戲。
第五部分是提高篇,綜合應用之前所學的小程序前端知識開發一款基于模擬數據的小程序;對項目進行改造,接入自行搭建的服務器后端,形成全棧小程序,引入云開發的概念,直接開通云環境即可快速迭代上線;
第(di)六部分是綜(zong)合篇,包對全套云(yun)能力(li)的(de)綜(zong)合應用,實現多用戶的(de)圖片分享社區(qu);結合云(yun)能力(li)和第(di)三方組件庫(ku)Vant Weapp快速(su)搭建美觀、大方的(de)UI界面,實現一款(kuan)小程序。
【課程大綱】
第一部分 入門篇
第1章 開發前的準備
1.1注冊小程序
1.1.1注冊開發者賬號
1.1.2完善小程序信息
1.1.3管理小程序成員
1.2小程序開發工具
1.2.1軟件的下載與安裝
1.2.2開發者工具的登錄
第2章 第一個微信小程序
2.1自動生成小程序
2.1.1項目創建
2.1.2真機預覽
2.1.3完整代碼展示
2.2手動創建小程序
2.2.1項目創建
2.2.2頁面配置
2.2.3視圖設計
2.2.4邏(luo)輯實(shi)現
第二部分 基礎篇
第3章 小程序框架
3.1列表布局小程序
3.1.1項目創建
3.1.2頁面配置
3.1.3視圖設計
3.1.4邏輯實現
3.1.5完整代碼展示
3.2九宮格布局小程序
3.2.1項目創建
3.2.2頁面配置
3.2.3視圖設計
3.2.4邏輯實現
第4章小程序組件·猜數字游戲
4.1項目創建
4.2頁面配置
4.2.1創建頁面文件
4.2.2刪除和修改文件
4.3視圖設計
4.3.1導航欄設計
4.3.2公共樣式設計
4.3.3頁面設計
4.4邏輯實現
4.4.1游戲頁面的邏輯實現
4.4.2首頁的邏輯實現
4.5完整代碼講解
4.5.1主體文件代碼展示
4.5.2首頁代碼展示
4.5.3“游戲規則”頁面代碼展示
4.5.4“關于我們”頁面代碼展示
4.5.5 開始(shi)游(you)戲(game)代碼展示
第三部分 應用篇
第5章 小程序網絡API·天氣查詢
5.1準備工作
5.1.1API密鑰申請
5.1.2API調用方法
5.1.3服務器域名配置
5.2項目創建
5.3頁面配置
5.3.1創建頁面文件
5.3.2刪除和修改文件
5.3.3創建其他文件
5.4視圖設計
5.4.1導航欄設計
5.4.2頁面設計
5.5邏輯實現
5.5.1更新省、市、區信息
5.5.2獲取實況天氣數據
5.5.3更新頁面天氣信息
第6章 小程序媒體API 案例一
6.1項目創建
6.2頁面配置
6.2.1創建頁面文件
6.2.2刪除和修改文件
6.2.3創建其他文件
6.3視圖設計
6.3.1導航欄設計
6.3.2頁面設計
6.4邏輯實現
6.4.1更新播放列表
6.4.2點擊播放視頻
6.4.3發送彈幕
第7章小程序文件API 案例二
7.1準備工作
7.2項目創建
7.3頁面配置
7.3.1創建頁面文件
7.3.2刪除和修改文件
7.4視圖設計
7.4.1導航欄設計
7.4.2頁面設計
7.5邏輯實現
7.5.1更新圖書列表
7.5.2封裝提示消息
7.5.3打開指定圖書
7.5.4保存下載的圖書
7.5.5下載并閱讀圖書
第8章 小程序數據API 案例三
8.1項目介紹
8.2項目創建
8.3頁面配置
8.3.1創建頁面文件
8.3.2刪除和修改文件
8.4視圖設計
8.4.1導航欄設計
8.4.2頁面設計
8.5邏輯實現
8.5.1尚未創建醫療急救卡的首頁的邏輯實現
8.5.2醫療急救卡創建頁的邏輯實現
8.5.3已經創建急救卡的首頁的邏輯實現
8.6完整代碼展示
8.6.1應用文件代碼展示
8.6.2頁面文件代碼展示
第9章 小程序位置API 案例四
9.1項目創建
9.2頁面配置
9.2.1創建頁面文件
9.2.2刪除和修改文件
9.2.3創建其他文件
9.3視圖設計
9.3.1導航欄設計
9.3.2頁面設計
9.4邏輯實現
9.4.1更新嘉賓列表
9.4.2更新地圖位置
9.4.3查看地圖詳情
第10章小程序設備API 案例5
10.1項目創建
10.2頁面配置
10.2.1創建頁面文件
10.2.2刪除和修改文件
10.2.3創建其他文件
10.3視圖設計
10.3.1導航欄設計
10.3.2頁面設計
10.4邏輯實現
10.4.1指南針旋轉動畫
10.4.2更新角度和方向信息
10.4.3更新地理位置信息
第11章小程序界面API 案例6
11.1項目創建
11.2頁面配置
11.2.1創建頁面文件
11.2.2刪除和修改文件
11.3視圖設計
11.3.1導航欄設計
11.3.2頁面設計
11.4邏輯實現
11.4.1創建畫布上下文
11.4.2繪制時鐘刻度
11.4.3繪制時鐘指針
11.4.4顯示數字電子時鐘
11.4.5每(mei)秒(miao)實時更新
第四部分 游戲篇
第12章 小程序游戲 案例1
12.1需求分析
12.1.1首頁功能需求
12.1.2游戲頁功能需求
12.2項目創建
12.3頁面配置
12.3.1創建頁面文件
12.3.2刪除和修改文件
12.3.3創建其他文件
12.4視圖設計
12.4.1導航欄設計
12.4.2頁面設計
12.5邏輯實現
12.5.1首頁邏輯
12.5.2游戲頁邏輯
第13章 小程序游戲 案例2
13.1需求分析
13.1.1首頁功能需求
13.1.2游戲頁功能需求
13.2項目創建
13.3頁面配置
13.3.1創建頁面文件
13.3.2刪除和修改文件
13.3.3創建其他文件
13.4視圖設計
13.4.1導航欄設計
13.4.2頁面設計
13.5邏輯實現
13.5.1公共邏輯
13.5.2首頁邏輯
13.5.3游戲頁邏輯
第14章小程序游戲 案例三
14.1需求分析
14.1.1首頁功能需求
14.1.2游戲頁功能需求
14.2項目創建
14.3頁面配置
14.3.1創建頁面文件
14.3.2刪除和修改文件
14.3.3創建其他文件
14.4視圖設計
14.4.1導航欄設計
14.4.2頁面設計
14.5數據模型設計
14.5.1貪吃蛇模型設計
14.5.2蛇身移動模型
14.5.3蛇吃食物模型
14.6邏輯實現
14.6.1首頁邏輯
14.6.2游戲頁邏輯(ji)
第五部分 提高篇
第15章 小程序前端綜合實例 案例1
15.1需求分析
15.1.1首頁功能需求
15.1.2新聞頁功能需求
15.1.3個人中心頁功能需求
15.2項目創建
15.3頁面配置
15.3.1創建頁面文件
15.3.2刪除和修改文件
15.3.3創建其他文件
15.4視圖設計
15.4.1導航欄設計
15.4.2tabBar設計
15.4.3頁面設計
15.5邏輯實現
15.5.1公共邏輯
15.5.2首頁邏輯
15.5.3新聞頁邏輯
15.5.4個人中心頁邏輯
15.5.5清除臨時數據
15.6完整代碼展示
15.6.1應用文件代碼展示
15.6.2公共函數文件代碼展示
15.6.3頁面文件代碼展示
15.7項目小結
第16章 小程序全棧開發 案例2
16.1初始化項目
16.1.1現有項目導入
16.1.2后端邏輯實現
16.1.3公共邏輯
16.2首頁改造
16.2.1新聞列表展示
16.2.2加載更多新聞
16.2.3點擊跳轉新聞內容
16.3新聞頁改造
16.4個人中心頁改造
16.5完整代碼展示
16.5.1應用文件代碼展示
16.5.2公共函數文件代碼展示
16.5.3頁面文件代碼展示
第17章小程序云開發 案例3
17.1云開發簡介
17.1.1什么是云開發
17.1.2云開發能力介紹
17.1.3云開發的開通步驟
17.2初始化項目
17.2.1創建云模板項目
17.2.2遷移老項目
17.2.3部署云數據庫
17.3首頁改造
17.3.1展示新聞列表
17.3.2展示滾動圖片
17.3.3觸底自動加載新聞列表
17.3.4點擊新聞列表傳遞新聞編號
17.4新聞閱讀頁改造
17.5個人中心頁改造
17.6完整代碼展示
17.6.1應用文件代碼展示
17.6.2公共函數文件代碼展示
17.6.3頁面文件代碼展示
第18章小程序云開發 案例4
18.1初始化項目
18.1.1創建云模板項目
18.1.2遷移老項目
18.1.3部署云文件存儲
18.1.4部署云數據庫
18.2首頁改造
18.2.1展示圖書列表
18.2.2點擊跳轉圖書詳情頁
18.3圖書詳情頁改造
18.3.1頁面設計
18.3.2頁面邏輯
18.3.3閱讀圖(tu)書功能
第六部分 綜合篇
第19章 小程序云開發·基于全套云能力的案例
19.1初始化項目
19.1.1創建云模板項目
19.1.2部署云數據庫
19.1.3創建頁面文件
19.2視圖設計
19.2.1導航欄設計
19.2.2頁面設計
19.3邏輯實現
19.3.1用戶個人信息獲取邏輯
19.3.2上傳圖片頁邏輯
19.3.3首頁邏輯
19.3.4個人主頁邏輯
19.3.5圖片展示頁邏輯
19.4完整代碼詳解
19.4.1應用文件代碼展示
19.4.2云函數文件代碼展示
19.4.3頁面文件代碼展示
第20章 小程序UI組件庫 案例
20.1小程序自定義組件簡介
20.1.1什么是自定義組件
20.1.2自定義組件的引用方式
20.1.3小程序UI組件庫Vant Weapp
20.1.4Vant Weapp的下載和安裝
20.2需求分析
20.2.1首頁功能需求
20.2.2好友信息編輯頁功能需求
20.2.3好友信息展示頁功能需求
20.3初始化項目
20.3.1創建云模板項目
20.3.2部署云數據庫
20.3.3創建頁面文件
20.3.4創建其他文件
20.4視圖設計
20.4.1導航欄設計
20.4.2頁面設計
20.5邏輯實現
20.5.1公共邏輯
20.5.2好友信息編輯頁邏輯
20.5.3首頁邏輯
20.5.4好友信息展示頁邏輯
20.6完整代碼詳解
20.6.1應用文件代碼展示
20.6.2公共函數文件代碼展示
20.6.3頁面文件代碼展示
微信小程序開發培訓
轉載://citymember.cn/gkk_detail/309965.html
已開(kai)課時(shi)間Have start time
- 劉暉
新媒體營銷內訓
- 微信營銷,讓銀行零售營銷更 朱寒(han)波
- 玩賺抖音短視頻·雙五式實戰 寧延杰
- 玩賺直播電商--0基礎快速 寧延杰
- 微信小程序開發實戰詳解 劉暉
- 新媒體運營能力提升訓練營 劉(liu)暉
- 玩賺社群營銷·之實戰寶典 寧延杰
- 新媒體運營組合拳打法--讓 寧延(yan)杰
- 微信、小程序運營 劉暉(hui)
- 玩賺直播電商--創新進階 寧(ning)延(yan)杰
- 政務單位新媒體宣傳策劃、爆 謝樺
- 短視頻拍攝制作·0基礎1天 寧延(yan)杰
- 數字化營銷·新媒體全網營銷 寧(ning)延(yan)杰(jie)