班級規(guī)模及環(huán)境--熱線:4008699035 手機:15921673576( 微信同號) |
每個班級的人數(shù)限3到5人,互動授課, 保障效果,小班授課。 |
上間和地點 |
上部份地點:【上?!客瑵髮W(滬西)/新城金郡商務樓(11號線白銀路站)【深圳分部】:電影大廈(地鐵一號線大劇院站)/深圳大學成教院【北京分部】:北京中山學院/福鑫大樓【南京分部】:金港大廈(和燕路)【武漢分部】:佳源大廈(高新二路)【成都分部】:領館區(qū)1號(中和大道)【沈陽分部】:沈陽理工大學/六宅臻品【鄭州分部】:鄭州大學/錦華大廈【石家莊分部】:河北科技大學/瑞景大廈 最近開間(周末班/連續(xù)班/晚班):2019年1月26日 |
實驗設備 |
◆小班教學,教學效果好 ☆注重質(zhì)量☆邊講邊練 ☆合格學員免費推薦工作 ★實驗設備請點擊這兒查看★ |
質(zhì)量保障 |
1、培訓過程中,如有部分內(nèi)容理解不透或消化不好,可免費在以后培訓班中重聽; 2、培訓結(jié)束后,授課老師留給學員聯(lián)系方式,保障培訓效果,免費提供課后技術支持。 3、培訓合格學員可享受免費推薦就業(yè)機會?!詈细駥W員免費頒發(fā)相關工程師等資格證書,提升職業(yè)資質(zhì)。專注高端技術培訓15年,端海學員的能力得到大家的認同,受到用人單位的廣泛贊譽,端海的證書受到廣泛認可。 |
部份程大綱 |
|
- 第1章 課程導學與準備工作
本章主要介紹為何學習支付寶小程序,以及開發(fā)支付寶小程序能為我們帶來哪些收獲。之后會為大家介紹本課程內(nèi)容具體安排,最后給出如何學好這門課程的一些學習建議。希望大家都能通過這門課程,學有所成,學有所歸。...
- 1-1 課前必讀(不看會錯過一個億)
1-2 課程導學
第2章 初識支付寶小程序
本章首先會為大家介紹如何配置開發(fā)環(huán)境,如何使用螞蟻開發(fā)者工具,隨后我們會一起開發(fā)第一個hello world小例子,通過對開發(fā)工具以及基本文件類型的介紹,讓大家快速熟悉支付寶小程序。為后面技術的學習,項目的開發(fā)做好基本準備。大家加油。...
- 2-1 創(chuàng)建小程序,申請appId,設置團隊開發(fā)者
2-2 開發(fā)環(huán)境搭建&開發(fā)者工具介紹
2-3 開發(fā)第一個支付寶小程序hello world
2-4 四種基本文件類型與page樣式
第3章 支付寶小程序基礎架構(gòu)
本章首先會講解app的基本文件類型以及頁面路由配置,包括小程序項目的生命周期以及頁面的生命周期,隨后會一起學習如何配置全局常量、對象、函數(shù)以及全局樣式。此外我們會通過全局配置來設置標題欄、tab選項卡以及導航組件和api。讓大家掌握小程序開發(fā)的基礎架構(gòu)開發(fā)。 ...
- 3-1 app的三種文件類型與路徑配置管理
3-2 結(jié)合生活實例講解與演示app生命周期
3-3 頁面的生命周期 - 上
3-4 頁面的生命周期 - 下
3-5 全局常量、對象、自定義函數(shù)的使用
3-6 全局樣式的使用和重寫
3-7 全局與私有標題欄的配置
3-8 tab選項卡介紹與模塊頁面的創(chuàng)建
3-9 tab選項卡的配置與顯示
3-10 導航組件頁面跳轉(zhuǎn)
3-11 導航api與章節(jié)回顧
第4章 支付寶小程序flex布局精講與實戰(zhàn)
本章首先會學習什么是flex布局,什么是flex模型。隨后會對flex拆分為容器和元素進行逐一講解。最后進行一個骰子練習,通過flex布局與css的配合實現(xiàn)骰子的6個點數(shù),以此來加固flex的學習。(對于界面的開發(fā),這部分知識非常重要)...
- 4-1 flex布局的概念與模型
4-2 flex-direction 水平軸與交叉軸的排列方向
4-3 flex-warp 換行屬性以及flex-flow的結(jié)合
4-4 justify-content在水平軸與交叉軸的對齊方式
4-5 align-items元素在交叉軸的對齊方式
4-6 align-content基于多軸線的對其方式
4-7 flex設置元素的排序、拉伸與縮放
4-8 flex設置元素的固定占比與重寫對齊方式
4-9 模擬骰子1點數(shù)進行flex布局演練
4-10 模擬骰子2點數(shù)進行flex布局演練
4-11 模擬骰子3點數(shù)進行flex布局演練
4-12 模擬骰子4-6點數(shù)進行flex布局演練
第5章 支付寶小程序視圖層與基礎語法精講
本章主要學習數(shù)據(jù)綁定,涉及到變量渲染,條件渲染以及列表渲染,另外對于view和block的區(qū)別會通過代碼演示來理解。隨后會講解用戶事件類型以及dataset綁定數(shù)據(jù)。最后我們會學習rpx自適應像素,來實現(xiàn)響應式布局,以此來實現(xiàn)多手機不同屏幕的自適應。...
- 5-1 數(shù)據(jù)綁定與渲染
5-2 ifelse條件渲染
5-3 for循環(huán)列表渲染
5-4 view與block的區(qū)別
5-5 6種不同的事件類型
5-6 dataset自定義數(shù)據(jù)的使用
5-7 使用rpx響應式像素實現(xiàn)自適應拉伸_音頻.mp4
第6章 支付寶小程序首頁模塊開發(fā)
本章主要開發(fā)支付寶小程序首頁模塊,首先我們會學習圖片組件以及13種模式,隨后配合輪播圖組件實現(xiàn)首頁輪播圖,同時我們搭配rpx實現(xiàn)自適應。接下來會對滾動視圖組件進行學習并完成橫向滑動的推薦商品列表。最后學習網(wǎng)絡請求api實現(xiàn)本地調(diào)用在線接口,獲取真實數(shù)據(jù)并且渲染整個首頁。...
- 6-1 圖片組件的使用
6-2 圖片的4種縮放模式與9種裁剪模式講解
6-3 輪播圖組件的使用與屬性講解
6-4 scroll-view組件的使用
6-5 開發(fā)首頁輪播圖
6-6 flex二級嵌套開發(fā)商城特色一欄_x264
6-7 可滾動視圖組件開發(fā)推薦商品
6-8 完成縱向新品列表
6-9 發(fā)送httpRequest獲取輪播圖數(shù)據(jù)
6-10 首頁輪播圖動態(tài)渲染
6-11 網(wǎng)絡請求獲取推薦商品以及新品列表數(shù)據(jù)
6-12 推薦商品以及新品列表數(shù)據(jù)渲染展示
6-13 下拉實現(xiàn)首頁數(shù)據(jù)刷新
第7章 商品分類、列表、詳情模塊開發(fā)
本章首先通過flex布局實現(xiàn)商品分類,并且實現(xiàn)自適應。隨后可以通過搜索查詢商品并且跳轉(zhuǎn)到商品列表以及詳情頁。最后通過模板來實現(xiàn)代碼的公用。對于商品詳情我們通過json對象的解析來渲染。
- 7-1 開發(fā)分類頁面 - 固定搜索欄
7-2 開發(fā)分類頁面 - 顯示每一個分類元素
7-3 鍵盤回車觸發(fā)confirm事件獲取搜索框的值
7-4 頁面帶參與debugger調(diào)試
7-5 使用導航組件帶參
7-6 根據(jù)不同參數(shù)發(fā)起網(wǎng)絡請求查詢商品列表
7-7 使用交互api提高用戶體驗
7-8 查詢結(jié)果文字動態(tài)數(shù)據(jù)綁定與顯示
7-9 使用模板實現(xiàn)商品列表代碼公用
7-10 httpRequest請求商品詳情
7-11 開發(fā)商品詳情頁 - 封面圖
7-12 開發(fā)商品詳情頁 - 基本信息渲染 上
7-13 開發(fā)商品詳情頁 - 基本信息渲染 下
7-14 開發(fā)商品詳情頁 - json解析渲染商品介紹
7-15 開發(fā)商品詳情頁 - 固定底部操作欄
7-16 完善首頁商品導航跳轉(zhuǎn)_x264
7-17 完善首頁輪播圖跳轉(zhuǎn)
第8章 購物車模塊開發(fā)
本章主要講解購物車模塊開發(fā),首先我們會實現(xiàn)用戶點擊購物車動畫效果,隨后學習本地緩存api,通過緩存貫穿整個購物車業(yè)務,最后在購物車頁面,我們實現(xiàn)自定義checkbox組件來替換原生,從而達到整體項目的配色一致,同時也會動態(tài)計算合計金額以及購買件數(shù)。 ...
- 8-1 實現(xiàn)加入購物車動畫
8-2 實現(xiàn)動畫復原
8-3 購物車方案與緩存api
8-4 商品加入購物車
8-5 完善相同商品加入購物車業(yè)務
8-6 開發(fā)空購物車頁面與switchTab
8-7 請求購物車真實數(shù)據(jù)
8-8 構(gòu)建不可變商品列表
8-9 固定底部購物車操作欄
8-10 渲染非空購物車與debugger調(diào)試js
8-11 自定義checkbox組件實現(xiàn)選擇單個商品..
8-12 自定義checkbox實現(xiàn)全選或取消全選
8-13 重新計算商品金額和件數(shù)
8-14 章節(jié)回顧
第9章 訂單模塊開發(fā)
本章主要講解訂單業(yè)務處理流程,首先會根據(jù)流程圖來理解整個流程,隨后理解每個節(jié)點的訂單狀態(tài)。之后開發(fā)訂單結(jié)算頁面并且渲染購物車提交的商品數(shù)據(jù),作為訂單數(shù)據(jù),我們會構(gòu)建預處理訂單,以此來實現(xiàn)需要預先準備給提交到后端的數(shù)據(jù)。...
- 9-1 訂單流程、訂單狀態(tài)、支付失敗的業(yè)務講解
9-2 構(gòu)建預處理訂單數(shù)據(jù)
9-3 渲染訂單結(jié)算頁面
9-4 監(jiān)聽文本框事件
9-5 生成待付款訂單
9-6 清除購物車商品緩存
9-7 商品頁直接購買
第10章 地址管理模塊開發(fā)
本章主要講解地址管理相關業(yè)務,用戶可以對地址進行增加、修改以及刪除,在地址列表,用戶可以設置默認地址也可以選擇地址,并且列表頁面的選中效果我們會實現(xiàn)信封風格樣式。操作地址的時候會涉及到表單組件以及自定義組件,最后通過開發(fā)自定義的城市選擇組件以此實現(xiàn)組件通用化。...
- 10-1 渲染頁面地址信息
10-2 渲染靜態(tài)地址選擇頁面
10-3 渲染地址信息頁面
10-4 城市選擇api
10-5 開發(fā)自定義城市組件.mp4
10-6 提交新地址
10-7 訂單頁初始化地址信息
10-8 地址列表同步展示
10-9 編輯地址業(yè)務處理,更新訂單結(jié)算頁地址
10-10 刪除地址業(yè)務處理
10-11 信封效果動態(tài)選中實現(xiàn)
10-12 確認選擇地址
10-13 設為默認地址
第11章 個人信息頁面開發(fā)與登錄授權(quán)api講解
本章主要講解個人頁面的開發(fā),首先我們會講解支付寶授權(quán)登錄,熟悉他的整個處理流程,本頁面的歷史訂單數(shù)據(jù)用于提供給用戶查看不同狀態(tài)的訂單,當然用戶可以處理不同的訂單,比如重新支付、取消訂單、確認收貨等。最后通過交互api實現(xiàn)用戶的退出。授權(quán)登錄的審核注意點我們也會提前在這里講解噢!...
- 11-1 團隊協(xié)作細則
11-2 是否登錄頁面展示
11-3 授權(quán)登錄業(yè)務梳理
11-4 授權(quán)api獲取用戶授權(quán)碼
11-5 請求個人信息設置全局對象
11-6 完善提交訂單的全局用戶信息
11-7 使用showActionSheet退出
11-8 真機調(diào)試
11-9 商品詳情頁的默認收藏狀態(tài)
11-10 商品收藏與取消
11-11 攔截未登錄用戶
第12章 支付寶收銀臺支付模塊開發(fā)
本章主要講解支付寶授權(quán)支付,實現(xiàn)喚起收銀臺進行支付,同時對于整個支付的業(yè)務處理會詳細講解。當用戶支付完畢后可以在個人頁面看到歷史訂單,針對不同訂單會涉及到不同的訂單狀態(tài),通過本章的學習,可以打通支付的整套環(huán)節(jié)。...
- 12-1 支付寶支付業(yè)務梳理
12-2 跳轉(zhuǎn)到支付頁面
12-3 獲得支付寶交易流水號tradeNo
12-4 喚起收銀臺
12-5 支付狀態(tài)碼與支付結(jié)果
12-6 開發(fā)歷史訂單tab組件
12-7 控制tab選中效果
12-8 初始化訂單列表
12-9 構(gòu)建歷史訂單列表
12-10 切換不同訂單狀態(tài)列表
12-11 取消訂單
12-12 提取支付公用方法,重新喚起收銀臺
12-13 確認收貨
第13章 屬于你的支付寶小程序發(fā)布與上線
大家如果是從頭到現(xiàn)在一直跟下來的,相信大家已經(jīng)開發(fā)出了一款屬于自己的支付寶小程序了, 接下來本章為大家講解小程序如何發(fā)布與上線,如何避免審核的坑,以及審核方面的各個流程和注意點,如何設置體驗版,最終發(fā)布上線。讓大家真正擁有一款高質(zhì)量的線上作品。...
- 13-1 打包上傳,生成體驗版
13-2 提交審核的注意事項與駁回案例
13-3 灰度測試與上架
|