1、培訓(xùn)過(guò)程中，如有部分內(nèi)容理解不透或消化不好，可免費(fèi)在以后培訓(xùn)班中重聽(tīng)；
       2、免費(fèi)提供課后技術(shù)支持，保障培訓(xùn)效果。
       3、培訓(xùn)合格學(xué)員可享受免費(fèi)推薦就業(yè)機(jī)會(huì)。☆合格學(xué)員免費(fèi)頒發(fā)相關(guān)工程師等資格證書(shū)，提升職業(yè)資質(zhì)。專(zhuān)注高端技術(shù)培訓(xùn)15年，端海學(xué)員的能力得到大家的認(rèn)同，受到用人單位的廣泛贊譽(yù)，端海的證書(shū)受到廣泛認(rèn)可。

• 第1章 課程導(dǎo)學(xué)與準(zhǔn)備工作
  本章主要介紹為何學(xué)習(xí)支付寶小程序，以及開(kāi)發(fā)支付寶小程序能為我們帶來(lái)哪些收獲。之后會(huì)為大家介紹本課程內(nèi)容具體安排，最后給出如何學(xué)好這門(mén)課程的一些學(xué)習(xí)建議。希望大家都能通過(guò)這門(mén)課程，學(xué)有所成，學(xué)有所歸。...
• 1-1 課前必讀（不看會(huì)錯(cuò)過(guò)一個(gè)億）
  1-2 課程導(dǎo)學(xué)
  第2章 初識(shí)支付寶小程序
  本章首先會(huì)為大家介紹如何配置開(kāi)發(fā)環(huán)境，如何使用螞蟻開(kāi)發(fā)者工具，隨后我們會(huì)一起開(kāi)發(fā)第一個(gè)hello world小例子，通過(guò)對(duì)開(kāi)發(fā)工具以及基本文件類(lèi)型的介紹，讓大家快速熟悉支付寶小程序。為后面技術(shù)的學(xué)習(xí)，項(xiàng)目的開(kāi)發(fā)做好基本準(zhǔn)備。大家加油。...
• 2-1 創(chuàng)建小程序，申請(qǐng)appId，設(shè)置團(tuán)隊(duì)開(kāi)發(fā)者
  2-2 開(kāi)發(fā)環(huán)境搭建&開(kāi)發(fā)者工具介紹
  2-3 開(kāi)發(fā)第一個(gè)支付寶小程序hello world
  2-4 四種基本文件類(lèi)型與page樣式
  第3章 支付寶小程序基礎(chǔ)架構(gòu)
  本章首先會(huì)講解app的基本文件類(lèi)型以及頁(yè)面路由配置，包括小程序項(xiàng)目的生命周期以及頁(yè)面的生命周期，隨后會(huì)一起學(xué)習(xí)如何配置全局常量、對(duì)象、函數(shù)以及全局樣式。此外我們會(huì)通過(guò)全局配置來(lái)設(shè)置標(biāo)題欄、tab選項(xiàng)卡以及導(dǎo)航組件和api。讓大家掌握小程序開(kāi)發(fā)的基礎(chǔ)架構(gòu)開(kāi)發(fā)。 ...
• 3-1 app的三種文件類(lèi)型與路徑配置管理
  3-2 結(jié)合生活實(shí)例講解與演示app生命周期
  3-3 頁(yè)面的生命周期 - 上
  3-4 頁(yè)面的生命周期 - 下
  3-5 全局常量、對(duì)象、自定義函數(shù)的使用
  3-6 全局樣式的使用和重寫(xiě)
  3-7 全局與私有標(biāo)題欄的配置
  3-8 tab選項(xiàng)卡介紹與模塊頁(yè)面的創(chuàng)建
  3-9 tab選項(xiàng)卡的配置與顯示
  3-10 導(dǎo)航組件頁(yè)面跳轉(zhuǎn)
  3-11 導(dǎo)航api與章節(jié)回顧
  第4章 支付寶小程序flex布局精講與實(shí)戰(zhàn)
  本章首先會(huì)學(xué)習(xí)什么是flex布局，什么是flex模型。隨后會(huì)對(duì)flex拆分為容器和元素進(jìn)行逐一講解。最后進(jìn)行一個(gè)骰子練習(xí)，通過(guò)flex布局與css的配合實(shí)現(xiàn)骰子的6個(gè)點(diǎn)數(shù)，以此來(lái)加固flex的學(xué)習(xí)。（對(duì)于界面的開(kāi)發(fā)，這部分知識(shí)非常重要）...
• 4-1 flex布局的概念與模型
  4-2 flex-direction 水平軸與交叉軸的排列方向
  4-3 flex-warp 換行屬性以及flex-flow的結(jié)合
  4-4 justify-content在水平軸與交叉軸的對(duì)齊方式
  4-5 align-items元素在交叉軸的對(duì)齊方式
  4-6 align-content基于多軸線(xiàn)的對(duì)其方式
  4-7 flex設(shè)置元素的排序、拉伸與縮放
  4-8 flex設(shè)置元素的固定占比與重寫(xiě)對(duì)齊方式
  4-9 模擬骰子1點(diǎn)數(shù)進(jìn)行flex布局演練
  4-10 模擬骰子2點(diǎn)數(shù)進(jìn)行flex布局演練
  4-11 模擬骰子3點(diǎn)數(shù)進(jìn)行flex布局演練
  4-12 模擬骰子4-6點(diǎn)數(shù)進(jìn)行flex布局演練
  第5章 支付寶小程序視圖層與基礎(chǔ)語(yǔ)法精講
  本章主要學(xué)習(xí)數(shù)據(jù)綁定，涉及到變量渲染，條件渲染以及列表渲染，另外對(duì)于view和block的區(qū)別會(huì)通過(guò)代碼演示來(lái)理解。隨后會(huì)講解用戶(hù)事件類(lèi)型以及dataset綁定數(shù)據(jù)。最后我們會(huì)學(xué)習(xí)rpx自適應(yīng)像素，來(lái)實(shí)現(xiàn)響應(yīng)式布局，以此來(lái)實(shí)現(xiàn)多手機(jī)不同屏幕的自適應(yīng)。...
• 5-1 數(shù)據(jù)綁定與渲染
  5-2 ifelse條件渲染
  5-3 for循環(huán)列表渲染
  5-4 view與block的區(qū)別
  5-5 6種不同的事件類(lèi)型
  5-6 dataset自定義數(shù)據(jù)的使用
  5-7 使用rpx響應(yīng)式像素實(shí)現(xiàn)自適應(yīng)拉伸_音頻.mp4
  第6章 支付寶小程序首頁(yè)模塊開(kāi)發(fā)
  本章主要開(kāi)發(fā)支付寶小程序首頁(yè)模塊，首先我們會(huì)學(xué)習(xí)圖片組件以及13種模式，隨后配合輪播圖組件實(shí)現(xiàn)首頁(yè)輪播圖，同時(shí)我們搭配rpx實(shí)現(xiàn)自適應(yīng)。接下來(lái)會(huì)對(duì)滾動(dòng)視圖組件進(jìn)行學(xué)習(xí)并完成橫向滑動(dòng)的推薦商品列表。最后學(xué)習(xí)網(wǎng)絡(luò)請(qǐng)求api實(shí)現(xiàn)本地調(diào)用在線(xiàn)接口，獲取真實(shí)數(shù)據(jù)并且渲染整個(gè)首頁(yè)。...
• 6-1 圖片組件的使用
  6-2 圖片的4種縮放模式與9種裁剪模式講解
  6-3 輪播圖組件的使用與屬性講解
  6-4 scroll-view組件的使用
  6-5 開(kāi)發(fā)首頁(yè)輪播圖
  6-6 flex二級(jí)嵌套開(kāi)發(fā)商城特色一欄_x264
  6-7 可滾動(dòng)視圖組件開(kāi)發(fā)推薦商品
  6-8 完成縱向新品列表
  6-9 發(fā)送httpRequest獲取輪播圖數(shù)據(jù)
  6-10 首頁(yè)輪播圖動(dòng)態(tài)渲染
  6-11 網(wǎng)絡(luò)請(qǐng)求獲取推薦商品以及新品列表數(shù)據(jù)
  6-12 推薦商品以及新品列表數(shù)據(jù)渲染展示
  6-13 下拉實(shí)現(xiàn)首頁(yè)數(shù)據(jù)刷新
  第7章 商品分類(lèi)、列表、詳情模塊開(kāi)發(fā)
  本章首先通過(guò)flex布局實(shí)現(xiàn)商品分類(lèi)，并且實(shí)現(xiàn)自適應(yīng)。隨后可以通過(guò)搜索查詢(xún)商品并且跳轉(zhuǎn)到商品列表以及詳情頁(yè)。最后通過(guò)模板來(lái)實(shí)現(xiàn)代碼的公用。對(duì)于商品詳情我們通過(guò)json對(duì)象的解析來(lái)渲染。
• 7-1 開(kāi)發(fā)分類(lèi)頁(yè)面 - 固定搜索欄
  7-2 開(kāi)發(fā)分類(lèi)頁(yè)面 - 顯示每一個(gè)分類(lèi)元素
  7-3 鍵盤(pán)回車(chē)觸發(fā)confirm事件獲取搜索框的值
  7-4 頁(yè)面帶參與debugger調(diào)試
  7-5 使用導(dǎo)航組件帶參
  7-6 根據(jù)不同參數(shù)發(fā)起網(wǎng)絡(luò)請(qǐng)求查詢(xún)商品列表
  7-7 使用交互api提高用戶(hù)體驗(yàn)
  7-8 查詢(xún)結(jié)果文字動(dòng)態(tài)數(shù)據(jù)綁定與顯示
  7-9 使用模板實(shí)現(xiàn)商品列表代碼公用
  7-10 httpRequest請(qǐng)求商品詳情
  7-11 開(kāi)發(fā)商品詳情頁(yè) - 封面圖
  7-12 開(kāi)發(fā)商品詳情頁(yè) - 基本信息渲染 上
  7-13 開(kāi)發(fā)商品詳情頁(yè) - 基本信息渲染 下
  7-14 開(kāi)發(fā)商品詳情頁(yè) - json解析渲染商品介紹
  7-15 開(kāi)發(fā)商品詳情頁(yè) - 固定底部操作欄
  7-16 完善首頁(yè)商品導(dǎo)航跳轉(zhuǎn)_x264
  7-17 完善首頁(yè)輪播圖跳轉(zhuǎn)
  第8章 購(gòu)物車(chē)模塊開(kāi)發(fā)
  本章主要講解購(gòu)物車(chē)模塊開(kāi)發(fā)，首先我們會(huì)實(shí)現(xiàn)用戶(hù)點(diǎn)擊購(gòu)物車(chē)動(dòng)畫(huà)效果，隨后學(xué)習(xí)本地緩存api，通過(guò)緩存貫穿整個(gè)購(gòu)物車(chē)業(yè)務(wù)，最后在購(gòu)物車(chē)頁(yè)面，我們實(shí)現(xiàn)自定義checkbox組件來(lái)替換原生，從而達(dá)到整體項(xiàng)目的配色一致，同時(shí)也會(huì)動(dòng)態(tài)計(jì)算合計(jì)金額以及購(gòu)買(mǎi)件數(shù)。 ...
• 8-1 實(shí)現(xiàn)加入購(gòu)物車(chē)動(dòng)畫(huà)
  8-2 實(shí)現(xiàn)動(dòng)畫(huà)復(fù)原
  8-3 購(gòu)物車(chē)方案與緩存api
  8-4 商品加入購(gòu)物車(chē)
  8-5 完善相同商品加入購(gòu)物車(chē)業(yè)務(wù)
  8-6 開(kāi)發(fā)空購(gòu)物車(chē)頁(yè)面與switchTab
  8-7 請(qǐng)求購(gòu)物車(chē)真實(shí)數(shù)據(jù)
  8-8 構(gòu)建不可變商品列表
  8-9 固定底部購(gòu)物車(chē)操作欄
  8-10 渲染非空購(gòu)物車(chē)與debugger調(diào)試js
  8-11 自定義checkbox組件實(shí)現(xiàn)選擇單個(gè)商品..
  8-12 自定義checkbox實(shí)現(xiàn)全選或取消全選
  8-13 重新計(jì)算商品金額和件數(shù)
  8-14 章節(jié)回顧
  第9章 訂單模塊開(kāi)發(fā)
  本章主要講解訂單業(yè)務(wù)處理流程，首先會(huì)根據(jù)流程圖來(lái)理解整個(gè)流程，隨后理解每個(gè)節(jié)點(diǎn)的訂單狀態(tài)。之后開(kāi)發(fā)訂單結(jié)算頁(yè)面并且渲染購(gòu)物車(chē)提交的商品數(shù)據(jù)，作為訂單數(shù)據(jù)，我們會(huì)構(gòu)建預(yù)處理訂單，以此來(lái)實(shí)現(xiàn)需要預(yù)先準(zhǔn)備給提交到后端的數(shù)據(jù)。...
• 9-1 訂單流程、訂單狀態(tài)、支付失敗的業(yè)務(wù)講解
  9-2 構(gòu)建預(yù)處理訂單數(shù)據(jù)
  9-3 渲染訂單結(jié)算頁(yè)面
  9-4 監(jiān)聽(tīng)文本框事件
  9-5 生成待付款訂單
  9-6 清除購(gòu)物車(chē)商品緩存
  9-7 商品頁(yè)直接購(gòu)買(mǎi)
  第10章 地址管理模塊開(kāi)發(fā)
  本章主要講解地址管理相關(guān)業(yè)務(wù)，用戶(hù)可以對(duì)地址進(jìn)行增加、修改以及刪除，在地址列表，用戶(hù)可以設(shè)置默認(rèn)地址也可以選擇地址，并且列表頁(yè)面的選中效果我們會(huì)實(shí)現(xiàn)信封風(fēng)格樣式。操作地址的時(shí)候會(huì)涉及到表單組件以及自定義組件，最后通過(guò)開(kāi)發(fā)自定義的城市選擇組件以此實(shí)現(xiàn)組件通用化。...
• 10-1 渲染頁(yè)面地址信息
  10-2 渲染靜態(tài)地址選擇頁(yè)面
  10-3 渲染地址信息頁(yè)面
  10-4 城市選擇api
  10-5 開(kāi)發(fā)自定義城市組件.mp4
  10-6 提交新地址
  10-7 訂單頁(yè)初始化地址信息
  10-8 地址列表同步展示
  10-9 編輯地址業(yè)務(wù)處理，更新訂單結(jié)算頁(yè)地址
  10-10 刪除地址業(yè)務(wù)處理
  10-11 信封效果動(dòng)態(tài)選中實(shí)現(xiàn)
  10-12 確認(rèn)選擇地址
  10-13 設(shè)為默認(rèn)地址
  第11章 個(gè)人信息頁(yè)面開(kāi)發(fā)與登錄授權(quán)api講解
  本章主要講解個(gè)人頁(yè)面的開(kāi)發(fā)，首先我們會(huì)講解支付寶授權(quán)登錄，熟悉他的整個(gè)處理流程，本頁(yè)面的歷史訂單數(shù)據(jù)用于提供給用戶(hù)查看不同狀態(tài)的訂單，當(dāng)然用戶(hù)可以處理不同的訂單，比如重新支付、取消訂單、確認(rèn)收貨等。最后通過(guò)交互api實(shí)現(xiàn)用戶(hù)的退出。授權(quán)登錄的審核注意點(diǎn)我們也會(huì)提前在這里講解噢！...
• 11-1 團(tuán)隊(duì)協(xié)作細(xì)則
  11-2 是否登錄頁(yè)面展示
  11-3 授權(quán)登錄業(yè)務(wù)梳理
  11-4 授權(quán)api獲取用戶(hù)授權(quán)碼
  11-5 請(qǐng)求個(gè)人信息設(shè)置全局對(duì)象
  11-6 完善提交訂單的全局用戶(hù)信息
  11-7 使用showActionSheet退出
  11-8 真機(jī)調(diào)試
  11-9 商品詳情頁(yè)的默認(rèn)收藏狀態(tài)
  11-10 商品收藏與取消
  11-11 攔截未登錄用戶(hù)
  第12章 支付寶收銀臺(tái)支付模塊開(kāi)發(fā)
  本章主要講解支付寶授權(quán)支付，實(shí)現(xiàn)喚起收銀臺(tái)進(jìn)行支付，同時(shí)對(duì)于整個(gè)支付的業(yè)務(wù)處理會(huì)詳細(xì)講解。當(dāng)用戶(hù)支付完畢后可以在個(gè)人頁(yè)面看到歷史訂單，針對(duì)不同訂單會(huì)涉及到不同的訂單狀態(tài)，通過(guò)本章的學(xué)習(xí)，可以打通支付的整套環(huán)節(jié)。...
• 12-1 支付寶支付業(yè)務(wù)梳理
  12-2 跳轉(zhuǎn)到支付頁(yè)面
  12-3 獲得支付寶交易流水號(hào)tradeNo
  12-4 喚起收銀臺(tái)
  12-5 支付狀態(tài)碼與支付結(jié)果
  12-6 開(kāi)發(fā)歷史訂單tab組件
  12-7 控制tab選中效果
  12-8 初始化訂單列表
  12-9 構(gòu)建歷史訂單列表
  12-10 切換不同訂單狀態(tài)列表
  12-11 取消訂單
  12-12 提取支付公用方法，重新喚起收銀臺(tái)
  12-13 確認(rèn)收貨
  第13章 屬于你的支付寶小程序發(fā)布與上線(xiàn)
  大家如果是從頭到現(xiàn)在一直跟下來(lái)的，相信大家已經(jīng)開(kāi)發(fā)出了一款屬于自己的支付寶小程序了， 接下來(lái)本章為大家講解小程序如何發(fā)布與上線(xiàn)，如何避免審核的坑，以及審核方面的各個(gè)流程和注意點(diǎn)，如何設(shè)置體驗(yàn)版，最終發(fā)布上線(xiàn)。讓大家真正擁有一款高質(zhì)量的線(xiàn)上作品。...
• 13-1 打包上傳，生成體驗(yàn)版
  13-2 提交審核的注意事項(xiàng)與駁回案例
  13-3 灰度測(cè)試與上架