微信小程序開發(fā)教程，260集微信小程序高級開發(fā)課程

158資源整合網(wǎng)：微信小程序開發(fā)教程，260集微信小程序高級開發(fā)課程 培訓(xùn)課程視頻講座內(nèi)容介紹：

全部都是干貨的小程序開發(fā)課程，來自一線大廠的講師與技術(shù)，讓同學(xué)們能夠?qū)W習(xí)和掌握到最實用的小程序開發(fā)技術(shù)。課程內(nèi)容從第一個程序的開發(fā)細(xì)節(jié)講起，到實用小案例的教學(xué)，深入到自定義組件的開發(fā)，使用npm包、全局?jǐn)?shù)據(jù)共享、自定義tabBar、宿主環(huán)境、數(shù)據(jù)綁定、微信小程序協(xié)同工作和發(fā)布、微信小程序生命周期和wxs，以及小程序開發(fā)案例實戰(zhàn)，可以讓同學(xué)們學(xué)到最新的一線開發(fā)技術(shù)。

微信小程序開發(fā)教程，260集微信小程序高級開發(fā)課程 課程內(nèi)容目錄：

1-1 微信小程序快速入門

00.學(xué)習(xí)目標(biāo).mp4
01.小程序簡介 - 小程序與普通網(wǎng)頁開發(fā)的區(qū)別.mp4
02.小程序簡介 - 體驗微信小程序.mp4
03.第一個小程序 - 了解注冊小程序開發(fā)賬號的流程.mp4
04.第一個小程序 - 獲取小程序的AppID.mp4
05.第一個小程序 - 安裝微信開發(fā)者工具.mp4
06.第一個小程序 - 掃碼登錄到微信開發(fā)者工具.mp4
07.第一個小程序 - 設(shè)置外觀和代理.mp4
08.第一個小程序 - 演示新建小程序項目的步驟.mp4
09.第一個小程序 - 查看項目運行效果的兩種方式.mp4
10.第一個小程序 - 了解微信開發(fā)者工具主界面的5個組成部分.mp4
11.小程序代碼的構(gòu)成 - 了解項目的基本組成結(jié)構(gòu).mp4
12.小程序代碼的構(gòu)成 - 小程序頁面的組成部分.mp4
13.小程序代碼的構(gòu)成 - 認(rèn)識小程序中的4種配置文件.mp4
14.小程序代碼的構(gòu)成 - app.json文件.mp4
15.小程序代碼的構(gòu)成 - project.config.json文件.mp4
16.小程序代碼的構(gòu)成 - sitemap.json文件.mp4
17.小程序代碼的構(gòu)成 - 頁面的.json配置文件.mp4
18.小程序代碼的構(gòu)成 - 新建小程序頁面.mp4
19.小程序代碼的構(gòu)成 - 修改項目首頁.mp4
20.小程序代碼的構(gòu)成 - WXML的概念以及和HTML之間的區(qū)別.mp4
21.小程序代碼的構(gòu)成 - WXSS的概念以及和CSS之間的區(qū)別.mp4
22.小程序代碼的構(gòu)成 - 了解小程序中JS文件的三大分類.mp4

1-2 微信小程序的宿主環(huán)境

23.宿主環(huán)境 - 了解宿主環(huán)境的概念.mp4
24.宿主環(huán)境 - 小程序的宿主環(huán)境.mp4
25.宿主環(huán)境 - 通信的主體.mp4
26.宿主環(huán)境 - 小程序的通信模型.mp4
27.宿主環(huán)境 - 運行機(jī)制.mp4
28.宿主環(huán)境 - 組件 - 了解常用的視圖容器組件.mp4
29.宿主環(huán)境 - 組件 - view組件的基本使用.mp4
30.宿主環(huán)境 - 組件 - scroll-view組件的基本使用.mp4
31.宿主環(huán)境 - 組件 - swiper和swiper-item的基本使用.mp4
32.宿主環(huán)境 - 組件 - swiper組件的常用屬性.mp4
33.宿主環(huán)境 - 組件 - text和rich-text組件.mp4
34.宿主環(huán)境 - 組件 - button按鈕組件.mp4
35.宿主環(huán)境 - 組件 - image圖片組件.mp4
36.宿主環(huán)境 - 小程序API的3大分類.mp4

1-3 微信小程序協(xié)同工作和發(fā)布

37.協(xié)同工作 - 了解權(quán)限管理需求、組織結(jié)構(gòu)、開發(fā)流程.mp4
38.協(xié)同工作 - 了解小程序成員管理的兩個方面.mp4
39.協(xié)同工作 - 開發(fā)者的權(quán)限說明.mp4
40.協(xié)同工作 - 了解如何添加項目成員和體驗成員.mp4
41.發(fā)布 - 了解小程序的版本階段.mp4
42.發(fā)布 - 了解小程序發(fā)布上線的主要步驟.mp4
43.發(fā)布 - 基于小程序碼進(jìn)行推廣.mp4
44.發(fā)布 - 查看小程序的運營數(shù)據(jù).mp4
45.總結(jié).mp4

1-4 微信小程序基礎(chǔ)

00.學(xué)習(xí)目標(biāo).mp4
01.數(shù)據(jù)綁定 - 了解數(shù)據(jù)綁定的原則.mp4
02.數(shù)據(jù)綁定 - 動態(tài)綁定屬性.mp4
03.數(shù)據(jù)綁定 - 三元運算.mp4
04.數(shù)據(jù)綁定 - 算數(shù)運算.mp4
05.事件綁定 - 了解什么是事件以及小程序中常用的事件.mp4
06.事件綁定 - 事件對象的屬性列表.mp4
07.事件綁定 - target和currentTarget的區(qū)別.mp4
08.事件綁定 - bindtap的語法格式.mp4
09.事件綁定 - 在事件處理函數(shù)中為data中的數(shù)據(jù)賦值.mp4
10.事件綁定 - 事件傳參.mp4
11.事件綁定 - bindinput的語法格式.mp4
12.事件綁定 - 實現(xiàn)文本框和data之間的數(shù)據(jù)同步.mp4
13.條件渲染 - if...elif...else.mp4
14.條件渲染 - 基于block標(biāo)簽使用if條件渲染.mp4
15.條件渲染 - hidden.mp4
16.條件渲染 - if和hidden的區(qū)別.mp4
17.列表渲染 - for循環(huán)的基本用法.mp4
18.列表渲染 - 手動指定索引和當(dāng)前項的變量名.mp4
19.列表渲染 - 指定key值提高渲染效率.mp4

1-5 微信小程序進(jìn)階

20.wxss - 了解什么是wxss以及它和css之間的關(guān)系.mp4
21.wxss - 了解什么是rpx以及它的實現(xiàn)原理.mp4
22.wxss - rpx與px之間的單位換算.mp4
23.wxss - @import樣式導(dǎo)入.mp4
24.wxss - 全局樣式.mp4
25.wxss - 局部樣式.mp4
26.全局配置 - 常用的全局配置項以及小程序窗口的組成部分.mp4
27.全局配置 - window - 設(shè)置導(dǎo)航欄的標(biāo)題.mp4
28.全局配置 - window - 設(shè)置導(dǎo)航欄的背景色.mp4
29.全局配置 - window - 設(shè)置導(dǎo)航欄的標(biāo)題顏色.mp4
30.全局配置 - window - 全局開啟下拉刷新的功能.mp4
31.全局配置 - window - 關(guān)于模擬器的問題說明.mp4
32.全局配置 - window - 設(shè)置下拉刷新時的窗口背景色.mp4
33.全局配置 - window - 設(shè)置下拉刷新時loading的樣式.mp4
34.全局配置 - window - 設(shè)置上拉觸底的距離.mp4
35.全局配置 - tabBar - 什么是tabBar.mp4
36.全局配置 - tabBar - tabBar的6個組成部分.mp4
37.全局配置 - tabBar - 了解tabBar中的配置項.mp4
38.全局配置 - tabBar - 實現(xiàn)tabBar案例的效果.mp4
39.頁面配置 - 了解頁面配置和全局配置的關(guān)系.mp4
40.頁面配置 - 頁面配置中常用的配置項.mp4

1-6 微信小程序數(shù)據(jù)請求和案例

41.數(shù)據(jù)請求 - 小程序中網(wǎng)絡(luò)數(shù)據(jù)請求的限制.mp4
42.數(shù)據(jù)請求 - 配置request合法域名.mp4
43.數(shù)據(jù)請求 - 發(fā)起GET請求.mp4
44.數(shù)據(jù)請求 - 發(fā)起POST請求.mp4
45.數(shù)據(jù)請求 - 了解如何在頁面剛加載的時候請求數(shù)據(jù).mp4
46.數(shù)據(jù)請求 - 跳過request合法域名校驗.mp4
47.數(shù)據(jù)請求 - 關(guān)于跨域和Ajax的說明.mp4
48.案例 - 創(chuàng)建項目并梳理項目結(jié)構(gòu).mp4
49.案例 - 配置導(dǎo)航欄效果.mp4
50.案例 - 配置tabBar效果.mp4
51.案例 - 獲取輪播圖的數(shù)據(jù).mp4
52.案例 - 渲染輪播圖效果.mp4
53.案例 - 獲取九宮格的數(shù)據(jù).mp4
54.案例 - 渲染九宮格的布局效果.mp4
55.案例 - 實現(xiàn)首頁底部圖片的布局效果.mp4
56.總結(jié).mp4

1-7 微信小程序頁面導(dǎo)航

00.學(xué)習(xí)目標(biāo) .mp4
01.頁面導(dǎo)航 - 了解小程序中實現(xiàn)頁面導(dǎo)航的兩種方式.mp4
02.頁面導(dǎo)航 - 聲明式導(dǎo)航 - 導(dǎo)航到tabBar頁面.mp4
03.頁面導(dǎo)航 -聲明式導(dǎo)航 - 導(dǎo)航到非tabBar頁面.mp4
04.頁面導(dǎo)航 - 聲明式導(dǎo)航 - 實現(xiàn)后退導(dǎo)航效果.mp4
05.頁面導(dǎo)航 - 編程式導(dǎo)航 - 導(dǎo)航到tabBar頁面.mp4
06.頁面導(dǎo)航 - 編程式導(dǎo)航 - 導(dǎo)航到非tabBar頁面.mp4
07.頁面導(dǎo)航 - 編程式導(dǎo)航 - 實現(xiàn)后退導(dǎo)航效果.mp4
08.頁面導(dǎo)航 - 導(dǎo)航傳參 - 聲明式導(dǎo)航傳參.mp4
09.頁面導(dǎo)航 - 導(dǎo)航傳參 - 編程式導(dǎo)航傳參.mp4
10導(dǎo)航傳參.mp4

1-8 微信小程序頁面事件和上拉觸底案例

11.頁面事件 - 下拉刷新 - 了解什么是下拉刷新.mp4
12.頁面事件 - 下拉刷新 - 啟用下拉刷新.mp4
13.頁面事件 - 下拉刷新 - 配置下拉刷新窗口的樣式.mp4
14.頁面事件 - 下拉刷新 - 監(jiān)聽頁面的下拉刷新事件.mp4
15.頁面事件 - 下拉刷新 - 停止下拉刷新的效果.mp4
16.頁面事件 - 上拉觸底 - 了解什么是上拉觸底.mp4
17.頁面事件 - 上拉觸底 - 監(jiān)聽頁面的上拉觸底事件.mp4
18.頁面事件 - 上拉觸底 - 配置上拉觸底距離.mp4
19.上拉觸底案例 - 案例效果展示.mp4
20.上拉觸底案例 - 定義獲取隨機(jī)顏色的方法.mp4
21.上拉觸底案例 - 渲染UI結(jié)構(gòu)并美化頁面效果.mp4
22.上拉觸底案例 - 上拉觸底時獲取隨機(jī)顏色.mp4
23.上拉觸底案例 - 添加loading提示效果.mp4
24.上拉觸底案例 - 介紹為什么需要對上拉觸底進(jìn)行節(jié)流處理.mp4
25.上拉觸底案例 - 對上拉觸底進(jìn)行節(jié)流處理.mp4
26.擴(kuò)展 - 自定義編譯模式.mp4

1-9 微信小程序生命周期和wxs

27.生命周期 - 什么是生命周期.mp4
28.生命周期 - 小程序中生命周期的兩個分類.mp4
29.生命周期 - 什么是生命周期函數(shù).mp4
30.生命周期 - 小程序中生命周期函數(shù)的兩個分類.mp4
31.生命周期 - 應(yīng)用的生命周期函數(shù).mp4
32.生命周期 - 頁面的生命周期函數(shù).mp4
33.wxs - 了解什么是wxs以及應(yīng)用場景.mp4
34.wxs - 了解wxs和JavaScript的關(guān)系.mp4
35.wxs - 內(nèi)嵌wxs腳本.mp4
36.wxs - 定義外聯(lián)的wxs腳本.mp4
37.wxs - 使用外聯(lián)的wxs腳本.mp4
38.wxs - 了解wxs的4個特點.mp4

1-10 本地生活綜合案例

39.案例 - 商鋪列表頁面的效果演示.mp4
40.案例 - 把項目代碼加載到微信開發(fā)者工具中.mp4
41.案例 - 實現(xiàn)導(dǎo)航跳轉(zhuǎn)并傳參.mp4
42.案例 - 動態(tài)設(shè)置商鋪列表頁面的標(biāo)題內(nèi)容.mp4
43.案例 - 創(chuàng)建商鋪列表頁面的編譯模式.mp4
44.案例 - 了解API接口并定義需要的數(shù)據(jù)節(jié)點.mp4
45.案例 - 定義getShopList方法獲取商品列表數(shù)據(jù).mp4
46.案例 - 渲染商鋪列表的UI結(jié)構(gòu)并美化樣式.mp4
47.案例 - 展示loading提示效果.mp4
48.案例 - 上拉觸底時請求下一頁數(shù)據(jù).mp4
49.案例 - 對上拉觸底事件進(jìn)行節(jié)流控制.mp4
50.案例 - 演示并分析數(shù)據(jù)加載的問題.mp4
51.案例 - 介紹判斷是否還有下一頁數(shù)據(jù)的公式.mp4
52.案例 - 根據(jù)公式判斷是否還有下一頁的數(shù)據(jù).mp4
53.案例 - 為商鋪列表頁面開啟下拉刷新效果.mp4
54.案例 - 實現(xiàn)下拉刷新的功能.mp4
55.案例 - 解決下拉刷新窗口效果不會自動關(guān)閉的問題.mp4
56.案例 - 使用wxs處理手機(jī)號.mp4
57.總結(jié).mp4

1-11 微信小程序組件和樣式

00.學(xué)習(xí)目標(biāo) .mp4
01.準(zhǔn)備今天要用到的項目.mp4
02.自定義組件 - 組件的創(chuàng)建與引用 - 創(chuàng)建自定義組件.mp4
03.自定義組件 - 組件的創(chuàng)建與引用 - 局部引用組件.mp4
04.自定義組件 - 組件的創(chuàng)建與引用 - 全局引用組件.mp4
05.自定義組件 - 組件的創(chuàng)建與引用 - 全局引用VS局部引用.mp4
06.自定義組件 - 組件的創(chuàng)建與引用 - 組件和頁面的區(qū)別.mp4
07.自定義組件 - 樣式 - 組件的樣式隔離特性.mp4
08.自定義組件 - 樣式 - 組件樣式隔離的注意點.mp4
09.自定義組件 - 樣式 - 修改組件的樣式隔離選項.mp4

1-12 微信小程序數(shù)據(jù)、方法、屬性和數(shù)據(jù)監(jiān)聽

10.自定義組件 - 數(shù)據(jù)、方法、屬性 - 定義data私有數(shù)據(jù).mp4
11.自定義組件 - 數(shù)據(jù)、方法、屬性 - methods方法.mp4
12.自定義組件 - 數(shù)據(jù)、方法、屬性 - 定義properties屬性.mp4
13.自定義組件 - 數(shù)據(jù)、方法、屬性 - 使用max屬性控制自增的最大值.mp4
14.自定義組件 - 數(shù)據(jù)、方法、屬性 - data和properties的區(qū)別.mp4
15.自定義組件 - 數(shù)據(jù)、方法、屬性 - 使用setData修改properties的值.mp4
16.自定義組件 - 數(shù)據(jù)監(jiān)聽器 - 什么是數(shù)據(jù)監(jiān)聽器及其語法格式.mp4
17.自定義組件 - 數(shù)據(jù)監(jiān)聽器 - 數(shù)據(jù)監(jiān)聽器的基本用法.mp4
18.自定義組件 - 數(shù)據(jù)監(jiān)聽器 - 監(jiān)聽對象屬性的變化.mp4

1-13 微信小程序數(shù)據(jù)監(jiān)聽案例

19.自定義組件 - 數(shù)據(jù)監(jiān)聽器案例 - 創(chuàng)建組件并定義數(shù)據(jù).mp4
20.自定義組件 - 數(shù)據(jù)監(jiān)聽器案例 - 渲染組件的UI結(jié)構(gòu).mp4
21.自定義組件 - 數(shù)據(jù)監(jiān)聽器案例 - 定義button的事件處理函數(shù).mp4
22.自定義組件 - 數(shù)據(jù)監(jiān)聽器案例 - 監(jiān)聽對象中指定屬性的變化.mp4
23.自定義組件 - 數(shù)據(jù)監(jiān)聽器案例 - 監(jiān)聽對象中所有屬性的變化.mp4
24.自定義組件 - 純數(shù)據(jù)字段 - 什么是純數(shù)據(jù)字段.mp4
25.自定義組件 - 純數(shù)據(jù)字段 - 使用規(guī)則.mp4
26.自定義組件 - 純數(shù)據(jù)字段 - 使用純數(shù)據(jù)字段改造數(shù)據(jù)監(jiān)聽器案例.mp4

1-14 組件生命周期和插槽

27.自定義組件 - 組件的生命周期 - 組件全部的生命周期函數(shù).mp4
28.自定義組件 - 組件的生命周期 - 組件主要的生命周期函數(shù).mp4
29.自定義組件 - 組件的生命周期 - lifetimes節(jié)點.mp4
30.自定義組件 - 組件所在頁面的生命周期 - 概念.mp4
31.自定義組件 - 組件所在頁面的生命周期 - pageLifetimes節(jié)點.mp4
32.自定義組件 - 組件所在頁面的生命周期 - 生成隨機(jī)的RGB顏色值.mp4
33.自定義組件 - 插槽 - 什么是插槽.mp4
34.自定義組件 - 插槽 - 單個插槽.mp4
35.自定義組件 - 插槽 - 啟用多個插槽.mp4
36.自定義組件 - 插槽 - 定義和使用多個插槽.mp4

1-15 父子組件通信和behaviors

37.自定義組件 - 父子組件通信 - 了解父子組件之間通信的3種方式.mp4
38.自定義組件 - 父子組件通信 - 屬性綁定.mp4
39.自定義組件 - 父子組件通信 - 實現(xiàn)子組件的count屬性自增+1.mp4
40.自定義組件 - 父子組件通信 - 了解事件綁定的4個核心實現(xiàn)步驟.mp4
41.自定義組件 - 父子組件通信 - 了解事件綁定的核心實現(xiàn)代碼.mp4
42.自定義組件 - 父子組件通信 - 通過事件綁定實現(xiàn)count值的同步.mp4
43.自定義組件 - 父子組件通信 - 使用selectComponent獲取組件實例.mp4
44.自定義組件 - behaviors - 了解什么是behaviors以及它的工作方式.mp4
45.自定義組件 - behaviors - 創(chuàng)建behavior.mp4
46.自定義組件 - behaviors - 導(dǎo)入并使用behavior.mp4
47.自定義組件 - behaviors - 了解behavior中所有可用的節(jié)點.mp4
48.自定義組件 - behaviors - 同名字段的覆蓋和組合規(guī)則.mp4
49.自定義組件 - 總結(jié).mp4

1-16 vant 小程序 UI 組件庫和API的Promise化

01.導(dǎo)入需要用到的小程序項目.mp4
02.使用npm包 - 小程序中對npm的支持與限制.mp4
03.使用npm包 - vant - 了解什么是Vant Weapp.mp4
04.使用npm包 - vant - 安裝Vant組件庫.mp4
05.使用npm包 - vant - 使用Vant組件.mp4
06.使用npm包 - vant - 定義和使用CSS變量.mp4
07.使用npm包 - vant - 使用CSS變量定制Vant的主題樣式.mp4
08.使用npm包 - API的Promise化 - 什么是小程序API的Promise化.mp4
09.使用npm包 - API的Promise化 - 安裝并構(gòu)建miniprogram-api-promise.mp4
10.使用npm包 - API的Promise化 - 三個步驟實現(xiàn)API的Promise化.mp4
11.使用npm包 - API的Promise化 - 調(diào)用Promise化之后的異步API.mp4

1-17 微信小程序全局?jǐn)?shù)據(jù)共享

12.全局?jǐn)?shù)據(jù)共享 - 什么是全局?jǐn)?shù)據(jù)共享.mp4
13.全局?jǐn)?shù)據(jù)共享 - 小程序中的全局?jǐn)?shù)據(jù)共享方案.mp4
14.全局?jǐn)?shù)據(jù)共享 - 安裝并構(gòu)建MobX相關(guān)的包.mp4
15.全局?jǐn)?shù)據(jù)共享 - 創(chuàng)建Store實例對象.mp4
16.全局?jǐn)?shù)據(jù)共享 - 定義計算屬性.mp4
17.全局?jǐn)?shù)據(jù)共享 - 定義actions方法.mp4
18.全局?jǐn)?shù)據(jù)共享 - 了解將Store中的成員綁定到頁面上的實現(xiàn)思路.mp4
19.全局?jǐn)?shù)據(jù)共享 - 將Store中的成員綁定到頁面上.mp4
20.全局?jǐn)?shù)據(jù)共享 - 在頁面中使用Store中的成員.mp4
21.全局?jǐn)?shù)據(jù)共享 - 了解將Store中的成員綁定到組件上的實現(xiàn)思路.mp4
22.全局?jǐn)?shù)據(jù)共享 - 將Store中的成員綁定到組件上.mp4
23.全局?jǐn)?shù)據(jù)共享 - 在組件中使用Store中的成員.mp4

1-18 分包

24.分包 - 基礎(chǔ)概念 - 了解分包的概念以及好處.mp4
25.分包 - 基礎(chǔ)概念 - 分包前后項目的構(gòu)成.mp4
26.分包 - 基礎(chǔ)概念 - 分包的加載規(guī)則.mp4
27.分包 - 基礎(chǔ)概念 - 分包的體積限制.mp4
28.分包 - 使用分包 - 了解如何配置分包.mp4
29.分包 - 使用分包 - 演示在項目中如何配置分包.mp4
30.分包 - 使用分包 - 設(shè)置分包的別名并查看分包的體積.mp4
31.分包 - 使用分包 - 打包原則.mp4
32.分包 - 使用分包 - 引用原則.mp4
33.分包 - 獨立分包 - 了解什么是獨立分包以及它和普通分包的區(qū)別.mp4
34.分包 - 獨立分包 - 了解獨立分包的應(yīng)用場景.mp4
35.分包 - 獨立分包 - 將普通分包改造為獨立分包.mp4
36.分包 - 獨立分包 - 獨立分包的引用原則.mp4
37.分包 - 分包預(yù)下載 - 介紹分包預(yù)下載的概念以及好處.mp4
38.分包 - 分包預(yù)下載 - 配置分包的預(yù)下載.mp4
39.分包 - 分包預(yù)下載 - 分包預(yù)下載的限制.mp4

1-19 自定義tabBar

40.自定義tabBar - 演示案例效果.mp4
41.自定義tabBar - 了解自定義tabBar的實現(xiàn)步驟.mp4
42.自定義tabBar - 在app.json中聲明自定義tabBar的配置信息.mp4
43.自定義tabBar - 添加tabBar的代碼文件.mp4
44.自定義tabBar - 基于Vant組件渲染出基本的自定義tabBar效果.mp4
45.自定義tabBar - 自定義tabBar的圖標(biāo)和文本.mp4
46.自定義tabBar - 循環(huán)渲染tabBar的Item項.mp4
47.自定義tabBar - 渲染并美化數(shù)字徽標(biāo)的樣式.mp4
48.自定義tabBar - 按需渲染數(shù)字徽標(biāo).mp4
49.自定義tabBar - 把Store中sum的值渲染為數(shù)字徽標(biāo).mp4
50.自定義tabBar - 實現(xiàn)tabBar頁面的切換.mp4
51.自定義tabBar - 使用全局?jǐn)?shù)據(jù)共享解決tabBar選中項不準(zhǔn)確的問題.mp4
52.自定義tabBar - 修改tabBar選中項文本的顏色值.mp4
53.總結(jié).mp4