微信小程序入門與實(shí)戰(zhàn) 常用組件API開發(fā)技巧項(xiàng)目實(shí)戰(zhàn)

 微信小程序入門與實(shí)戰(zhàn) 常用組件API開發(fā)技巧項(xiàng)目實(shí)戰(zhàn)

課程目錄：

第1章：什么是微信小程序？

1 開篇及課程特色介紹

2 直觀感受一下微信小程序

3 小程序適合做什么樣的應(yīng)用

4 對(duì)開發(fā)者的影響

5 學(xué)習(xí)基礎(chǔ)

6 小作業(yè)

第2章：小程序環(huán)境大件與開發(fā)工具介紹

1 開篇介紹及下載工具

2 小程序目前情況及限制

3 小程序開發(fā)工具介紹

第3章：從一個(gè)簡單的“歡迎”頁面開始小程序之旅

1 本章內(nèi)容簡介

2 官方種子項(xiàng)目介紹與小程序的文件結(jié)構(gòu)

3 新建我們自己的項(xiàng)目：ReaderMovie

4 開始制作項(xiàng)目啟動(dòng)頁

5 制作項(xiàng)目啟動(dòng)頁（上）之自適應(yīng)單位：RPX

6 制作項(xiàng)目啟動(dòng)頁（中）之樣式與彈性盒子模型

7 制作項(xiàng)目啟動(dòng)頁（下）之小程序app.json基礎(chǔ)配置

8 9 10 擴(kuò)展。有時(shí)間整理上傳

第4章：第二個(gè)頁面：新聞閱讀列表

1 第四章課程簡介

2 真機(jī)運(yùn)行小程序及小程序開發(fā)者后臺(tái)簡介

3 使用Swiper組件構(gòu)建輪播圖

4 構(gòu)建新聞列表 上

5 構(gòu)建新聞列表 下

6 js文件結(jié)構(gòu)與Page頁面的生命周期

7 ｛數(shù)據(jù)綁定｝基礎(chǔ)

8 ｛數(shù)據(jù)綁定｝擴(kuò)展

9 使用列表渲染wx-for改寫新聞列表

10 小程序的事件機(jī)制（冒泡與非冒泡） 上

11 小程序的事件機(jī)制（冒泡與非冒泡） 下

第五章：小程序的模版化與模塊兒化

1 將業(yè)務(wù)中的數(shù)據(jù)分離到單獨(dú)的數(shù)據(jù)文件中

2 使用require方法加載js模塊兒文件

3 template模塊的使用

第六章：構(gòu)建新聞詳情頁面

1 從文章列表跳轉(zhuǎn)到新聞詳情頁面、

2 先靜后動(dòng)，構(gòu)建新聞詳情頁面樣式

3 配置全局導(dǎo)航欄顏色

4 使用數(shù)據(jù)填充新聞詳情頁面

5 緩存Storage的基本用法

6 使用緩存實(shí)現(xiàn)文章收藏功能

7 交互反饋

8 操作反饋

9 交互反饋

10 同步異步方法對(duì)比

11 palyBackgroundAudio音樂播放基本實(shí)現(xiàn)

12 加入不同的音樂，個(gè)性化音樂播放

13 監(jiān)聽播放事件完善音樂播放

14 應(yīng)用程序生命周期

15 繼續(xù)完善音樂播放

16 音樂播放最終章

17 真機(jī)如何清楚緩存與template內(nèi)路問題

第七章：開始制作電影資訊頁面

1 Banner輪播圖跳轉(zhuǎn)文章詳情

2 補(bǔ)充內(nèi)容：tap選項(xiàng)卡課前準(zhǔn)備

3 給項(xiàng)目加入tap選項(xiàng)卡

4 完善tap選項(xiàng)卡

5 補(bǔ)充：為什么redirectTo不出現(xiàn)選項(xiàng)卡

6 電影頁面嵌套template分析

7 3個(gè)嵌套template標(biāo)簽實(shí)現(xiàn)

8 stars template的樣式實(shí)現(xiàn)

9 movie template 的樣式實(shí)現(xiàn)

10 movie-list template的樣式實(shí)現(xiàn)

11 RESTful API簡介及調(diào)用豆瓣API

12 獲取正在熱映、即將上映和top250的數(shù)據(jù)

13 電影頁面數(shù)據(jù)綁定 上

14 電影頁面數(shù)據(jù)綁定 下

15 星星評(píng)分組件的實(shí)現(xiàn)

16 更換電影分類標(biāo)題

第八章：更多電影及電影搜索頁面的實(shí)現(xiàn)

1 更多電影頁面的編寫思路

2 動(dòng)態(tài)設(shè)置導(dǎo)航欄標(biāo)題

3 更多電影頁面加載數(shù)據(jù)

4 實(shí)現(xiàn)movie-grid template

5 實(shí)現(xiàn)上滑加載更多數(shù)據(jù)

6 設(shè)置loading狀態(tài)

7 實(shí)現(xiàn)下拉刷新數(shù)據(jù)

8 backgroundColor

第九章 構(gòu)建電影詳情頁面

1 電影搜索頁面構(gòu)建 上

2 電影搜索頁面構(gòu)建 下

3 tabbar的圖片路徑不要使用絕對(duì)路徑

4 修復(fù)音樂播放完成后圖標(biāo)狀態(tài)

5 編寫電影詳情頁面 上

6 編寫電影詳情頁面 下

7 圖片的縮放與裁剪

8 新版本更新后的補(bǔ)充章節(jié)

9 編寫電影詳情頁面骨架

10 完成電影詳情頁面 上

11 完成電影詳情頁面 下

12 小程序Q&A

第十章： Form表單類組件與Map地圖組件

1 form之switch組件

2 form之slider組件

3 form之radio組件

4 form之checkbox組件

5 form表單提交

6 map組件