班級(jí)規(guī)模及環(huán)境--熱線:4008699035 手機(jī):15921673576( 微信同號(hào)) |
每個(gè)班級(jí)的人數(shù)限3到5人,互動(dòng)授課, 保障效果,小班授課。 |
上間和地點(diǎn) |
上部份地點(diǎn):【上海】同濟(jì)大學(xué)(滬西)/新城金郡商務(wù)樓(11號(hào)線白銀路站)【深圳分部】:電影大廈(地鐵一號(hào)線大劇院站)/深圳大學(xué)成教院【北京分部】:北京中山學(xué)院/福鑫大樓【南京分部】:金港大廈(和燕路)【武漢分部】:佳源大廈(高新二路)【成都分部】:領(lǐng)館區(qū)1號(hào)(中和大道)【沈陽分部】:沈陽理工大學(xué)/六宅臻品【鄭州分部】:鄭州大學(xué)/錦華大廈【石家莊分部】:河北科技大學(xué)/瑞景大廈 最近開間(周末班/連續(xù)班/晚班):2019年1月26日 |
實(shí)驗(yàn)設(shè)備 |
◆小班教學(xué),教學(xué)效果好 ☆注重質(zhì)量☆邊講邊練 ☆合格學(xué)員免費(fèi)推薦工作 ★實(shí)驗(yàn)設(shè)備請點(diǎn)擊這兒查看★ |
質(zhì)量保障 |
1、培訓(xùn)過程中,如有部分內(nèi)容理解不透或消化不好,可免費(fèi)在以后培訓(xùn)班中重聽; 2、培訓(xùn)結(jié)束后,授課老師留給學(xué)員聯(lián)系方式,保障培訓(xùn)效果,免費(fèi)提供課后技術(shù)支持。 3、培訓(xùn)合格學(xué)員可享受免費(fèi)推薦就業(yè)機(jī)會(huì)。☆合格學(xué)員免費(fèi)頒發(fā)相關(guān)工程師等資格證書,提升職業(yè)資質(zhì)。專注高端技術(shù)培訓(xùn)15年,端海學(xué)員的能力得到大家的認(rèn)同,受到用人單位的廣泛贊譽(yù),端海的證書受到廣泛認(rèn)可。 |
部份程大綱 |
|
- 第1章 導(dǎo)學(xué)與申請appkey
如何更好的學(xué)習(xí)本課程?如何申請開發(fā)者key?如何調(diào)用和測試接口?
- 1-1 微信小程序商業(yè)級(jí)實(shí)戰(zhàn)-課程導(dǎo)學(xué)。
1-2 優(yōu)先自己開發(fā)
1-3 appkey的申請
1-4 課程維護(hù)說明
第2章 準(zhǔn)備工作
開發(fā)前的準(zhǔn)備工作以及第三方開發(fā)工具的選擇
- 2-1 流程與開發(fā)前準(zhǔn)備
2-2 新建小程序項(xiàng)目
2-3 小程序開發(fā)工具介紹
2-4 第三方開發(fā)工具介紹
第3章 小程序的基礎(chǔ)知識(shí)與新特性
講解小程序的一些必須要掌握的基礎(chǔ)知識(shí),如文件類型、項(xiàng)目結(jié)構(gòu)、配置文件等。部分之前老課程中沒有涉及的重要新特性也會(huì)在本章節(jié)提及
- 3-1 小程序的4種文件類型
3-2 小程序的組織結(jié)構(gòu)
3-3 新建第一個(gè)小程序頁面
3-4 -1 消除錯(cuò)誤提示
3-5 app.json配置之導(dǎo)航欄
3-6 app.json之background窗口
3-7 wxml與組件
第4章 flex布局
我們將在本章中詳細(xì)學(xué)習(xí)flex布局的基礎(chǔ)知識(shí),為在項(xiàng)目中靈活應(yīng)用flex布局打下堅(jiān)實(shí)的基礎(chǔ)
- 4-1 小程序代碼編寫規(guī)范
4-2 所謂布局
4-3 block、inline與inline-block
4-4 flex容器將消除item的塊狀特性
4-5 flex-direction的應(yīng)用
4-6 reverse倒序排布
4-7 reverse效果揭秘
4-8 justify-content屬性解析 一
4-9 justify-content屬性解析 二
4-10 主軸與交叉軸(重要) 一
4-11 主軸與交叉軸(二)
4-12 baseline與stretch
4-13 flex-wrap與消除間距
第5章 小程序基礎(chǔ)知識(shí)與初識(shí)小程序組件
本章我們將學(xué)習(xí)全局樣式、相對(duì)/絕對(duì)路徑、尺寸單位等小程序基礎(chǔ)知識(shí)。同時(shí),我們將初步介紹小程序自定義組件。
- 5-1 細(xì)節(jié)決定成敗
5-2 組件概述
5-3 定義、引用與使用組件
5-4 相對(duì)路徑與絕對(duì)路徑
5-5 like組件實(shí)現(xiàn)
5-6 小程序尺寸單位與設(shè)計(jì)原則(重要)
5-7 小程序支持的css選擇器遠(yuǎn)比文檔中要多
5-8 蘋方字體設(shè)置
5-9 page樣式的巧妙應(yīng)用
5-10 組件只能繼承極少數(shù)全局樣式
5-11 組件最好不要留有空白間距
5-12 固定寬度還是自適應(yīng)?
5-13 組件事件與事件處理
第6章 組件數(shù)據(jù)、事件與屬性
本章我們將深入學(xué)習(xí)組件的開放性與封閉性以及組件封裝的原則
- 6-1 數(shù)據(jù)來源的三種途徑
6-2 數(shù)據(jù)綁定
6-3 三元表達(dá)式與圖片切換
6-4 組件的封閉性、開放性及粒度
6-5 組件的properties屬性詳解
6-6 let、var與組件事件應(yīng)用
第7章 訪問API數(shù)據(jù)與ES6在小程序中的應(yīng)用
本章,我們將從一個(gè)簡單wx.request開始,講解同步與異步的區(qū)別,promise的意義,ES6中箭頭函數(shù)、class、const、module、export與import在小程序中的巧妙應(yīng)用。同時(shí),我們也將初步探討封裝代碼的必要性
- 7-1 看待組件的兩種觀點(diǎn)(重要)
7-2 Blink API介紹與測試API
7-3 生命周期函數(shù)
7-4 wx.request-4xx狀態(tài)碼并不會(huì)執(zhí)行fail
7-5 訪問API獲取數(shù)據(jù)
7-6 同步、異步與回調(diào)函數(shù)
7-7 ES6箭頭函數(shù)與this指代
7-8 正確理解Promise(選看)
7-9 ES6 const常量
7-10 ES6 Module export與import
7-11 HTTP類的封裝與ES6 startsWith
7-12 分析問題的思維培養(yǎng)與練習(xí)
7-13 分析問題的思維培養(yǎng)與練習(xí)二
7-14 回調(diào)函數(shù)傳遞
7-15 通用錯(cuò)誤異常處理(重要)
第8章 流行頁面編碼與組件的細(xì)節(jié)知識(shí)
本章,我們將逐步編寫流行頁面中剩余的電影組件、期刊組件、導(dǎo)航組件,并進(jìn)一步的完善喜歡組件。同時(shí),我們將在本章節(jié)進(jìn)一步的講解setData的真正意義、組件封裝粒度、系統(tǒng)事件與自定義事件、properties和data的區(qū)別等重要的知識(shí)。本章內(nèi)容非常豐富,加油吧。 ...
- 8-1 什么是“剝奪函數(shù)return的能力”
8-2 組件屬性賦值與頁面渲染流程解析
8-3 setData的誤區(qū)(重要)
8-4 movie組件的實(shí)現(xiàn)
8-5 再談組件的粒度
8-6 自定義事件的激活與監(jiān)聽
8-7 喜歡還是不喜歡
8-8 組件的生命周期函數(shù)
8-9 組件的data與properties的“奇怪”現(xiàn)象
8-10 業(yè)務(wù)邏輯到底寫組件里還是頁面里
8-11 observer函數(shù)的應(yīng)用
8-12 注意防范內(nèi)存泄漏
8-13 千萬不要在observer中修改自身屬性值
8-14 epsoide組件與流行頁面樣式
第9章 Behavior行為與加入緩存系統(tǒng)優(yōu)化流行頁面
即使服務(wù)器返回?cái)?shù)據(jù)的速度再快,我們依然需要在頁面中加入緩存系統(tǒng)來優(yōu)化用戶體驗(yàn)。組件是一種復(fù)用的邏輯,但多個(gè)組件間的共同JS代碼又改如何復(fù)用?使用Behaviors行為將解決這個(gè)問題。同時(shí),我們也將談?wù)凚ehavior和多繼承的思想。...
- 9-1 navi組件與移動(dòng)端觸碰區(qū)域探討
9-2 navi組件與flex寬度陷阱
9-3 禁用事件的技巧
9-4 music組件初步實(shí)現(xiàn)
9-5 初識(shí)組件的Behavior行為
9-6 behavior 繼承與多繼承的覆蓋規(guī)則(重要)
9-7 初步實(shí)現(xiàn)期刊切換
9-8 是否是最新期刊的判斷邏輯
9-9 使用Storage保存最新期刊號(hào)
9-10 onNext與函數(shù)重構(gòu)技巧
第10章 新版Music組件、組件通信與wxss樣式復(fù)用
本章,我們將進(jìn)一步優(yōu)化緩存帶來的附加問題。緩存的使用絕對(duì)不僅僅是setStorage和getStorage這么簡單,緩存的加入將帶來一些新的問題,這些問題的處理細(xì)節(jié)體現(xiàn)了一個(gè)前端程序員的成熟度。同時(shí),我們還將學(xué)習(xí)ES6擴(kuò)展運(yùn)算符和模板字符串在小程序中的應(yīng)用、wxss樣式的復(fù)用、讓自定義組件支持hidden屬性與組件通信。本章是業(yè)務(wù)...
- 10-1 談?wù)劸彺鎸?duì)于改善用戶體驗(yàn)的作用
10-2 解決緩存帶來的問題
10-3 ES6模板字符串和擴(kuò)展運(yùn)算符的應(yīng)用
10-4 獨(dú)立更新like組件狀態(tài)
10-5 如何讓自定義組件支持hidden?
10-6 @import在組件間復(fù)用樣式
10-7 music組件樣式
10-8 新版音樂播放對(duì)象
10-9 組件間通信
10-10 hidden不會(huì)觸發(fā)組件的detached,但wxif會(huì)
10-11 完成音樂播放
10-12 用簡潔的代碼優(yōu)化音樂播放
10-13 真實(shí)感受Component與Model的好處
第11章 Promise正確用法與函數(shù)簽名設(shè)計(jì)技巧
目前來說,由于小程序占時(shí)不支持async與await,所以Promise是小程序處理異步的最佳解決方案。即使支持async,它也只是Promise的語法糖,所以Promise是必須要學(xué)習(xí)的基礎(chǔ)。很多同學(xué)對(duì)于Promise的理解不夠深刻,導(dǎo)致Promise使用不正確。本章我們將講解Promise的正確使用方式,重構(gòu)http.js,同時(shí)還將使用ES6對(duì)象解構(gòu)、默認(rèn)值等...
- 11-1 tabBar配置
11-2 airbnb編碼規(guī)范
11-3 純粹回調(diào)、Promise與async、await
11-4 Promise的本質(zhì)與用法
11-5 Promise重構(gòu) 一 參數(shù)列表設(shè)計(jì)原則與默認(rèn)值
11-6 Promise重構(gòu) 二 重構(gòu)request
11-7 Promise重構(gòu) 三 對(duì)象解構(gòu)
11-8 Promise的正確用法
第12章 組件高級(jí)應(yīng)用
本章我們將探討組件的slot插槽和外部樣式類。組件最難平衡的是內(nèi)置默認(rèn)樣式和用戶自定義樣式的需求,我們將一起來探討一個(gè)不錯(cuò)的解決方案。我們將看到,小程序其實(shí)不僅僅提供了屬性、還提供了wxml的標(biāo)簽的傳遞與樣式的傳遞。wxml的傳遞是通過插槽,樣式的傳遞是通過externalClass...
- 12-1 圖書組件
12-2 列表渲染
12-3 書籍首頁布局
12-4 巧用flex布局簡化CSS
12-5 wx:key的用法與意義
12-6 項(xiàng)目型組件與通用性組件
12-7 書籍詳情頁面三組數(shù)據(jù)加載
12-8 三種小程序編譯模式
12-9 標(biāo)簽組件難點(diǎn)提示
12-10 標(biāo)簽布局
12-11 組件設(shè)計(jì)思想:slot插槽的使用
12-12 自定義組件樣式探討 一:hack方式
12-13 自定義樣式探討2:外部樣式的概念
12-14 自定義組件樣式3:外部樣式的問題
12-15 自定義樣式4:外部樣式如何強(qiáng)制覆蓋普通樣式
12-16 外部樣式類的使用技巧
第13章 小程序wxs的應(yīng)用
wxs是微信為小程序定制的一套腳本語言,同JS類似,但又有很多不同。很多同學(xué)認(rèn)為wxs沒有什么用,但其實(shí)是很有用的。比如開源組件中就可以提供一套wxs編寫的filter過濾器。本章,我們將來深入探討一下wxs的應(yīng)用場景。
- 13-1 分析換行符 不解析換行的原因
13-2 wxs的概念與應(yīng)用1
13-3 wx的概念與應(yīng)用2
13-4 wx的概念與應(yīng)用3
13-5 在小程序中編寫limit過濾器
13-6 短評(píng)功能分析
13-7 短評(píng)實(shí)現(xiàn)一
13-8 短評(píng)實(shí)現(xiàn)二
13-9 短評(píng)實(shí)現(xiàn)三:在wxml中編寫wxs代碼
13-10 短評(píng)實(shí)現(xiàn)四:mask組件
13-11 短評(píng)實(shí)現(xiàn)五:提交短評(píng)數(shù)據(jù)
13-12 短評(píng)實(shí)現(xiàn)六:支持input輸入短評(píng)
13-13 短評(píng)實(shí)現(xiàn)七:細(xì)節(jié)處理
第14章 搜索與高階組件
搜索基本上是任何一個(gè)產(chǎn)品都不會(huì)缺少的功能。但是一個(gè)好的搜索組件,細(xì)節(jié)是非常多的。本章,我們將完成歷史搜索、熱門搜索等諸多商業(yè)級(jí)嚴(yán)謹(jǐn)搜索功能。同時(shí),我們也將提出“高階組件的”概念,區(qū)別于普通組件,高階組件更為復(fù)雜 ...
- 14-1 并行請求與串行請求
14-2 Promise.all與Promise.race
14-3 高階組件示例1:搜索組件
14-4 自定義組件的models目錄探討
14-5 數(shù)據(jù)結(jié)構(gòu)隊(duì)列的應(yīng)用
14-6 隊(duì)列測試
14-7 實(shí)現(xiàn)歷史搜索
14-8 實(shí)現(xiàn)熱門搜索
14-9 搜索實(shí)現(xiàn)1
14-10 搜索實(shí)現(xiàn)2
14-11 搜索實(shí)現(xiàn)3
14-12 搜索實(shí)現(xiàn)4:動(dòng)態(tài)綁定input輸入
第15章 代碼重構(gòu)與行為抽象
本章我們將重構(gòu)搜索代碼,將分頁邏輯提取成一個(gè)“行為”。以后,當(dāng)我們遇到任何一個(gè)需要使用分頁邏輯的組件時(shí)都可以服用分頁Behavior。此外,本章有大量的細(xì)節(jié)需要我們完善。比如如何對(duì)搜索加“鎖”,如何判斷是否還有更多數(shù)據(jù)等。 ...
- 15-1 用隨機(jī)字符串觸發(fā)Oberver函數(shù)
15-2 加載更多數(shù)據(jù)的判斷技巧
15-3 使用鎖的概念解決重復(fù)加載數(shù)據(jù)的問題
15-4 組件行為邏輯抽象——分頁行為
15-5 是否還有更多數(shù)據(jù)的判斷邏輯
15-6 搜索代碼重構(gòu)——增強(qiáng)代碼可閱讀性
15-7 注意避免死鎖
15-8 特別注意setData與直接賦值的區(qū)別
15-9 空搜索結(jié)果的處理
第16章 高級(jí)知識(shí)與應(yīng)用
本章,我們將試著學(xué)習(xí)和應(yīng)用一些比較抽象的知識(shí)。這些知識(shí)并不是必備的,但好的程序員必須學(xué)會(huì)這種思維和編碼習(xí)慣。我們將在本章進(jìn)一步優(yōu)化和重構(gòu)代碼,學(xué)習(xí)新版微信授權(quán)機(jī)制、自定義小程序button組件、將內(nèi)置的小程序API轉(zhuǎn)換成Promise、復(fù)用整個(gè)Page等知識(shí)。...
- 16-1 將鎖提取到分頁行為中
16-2 open-data顯示用戶信息
16-3 新版微信授權(quán)機(jī)制
16-4 wx.getUserInfo需要用戶先授權(quán)
16-5 通過opensetting判斷用戶是否授權(quán)
16-6 自定義button實(shí)現(xiàn)獲取用戶信息
16-7 為什么有open-data還需要getUserInfo?
16-8 自定義分享button
16-9 小程序之間的跳轉(zhuǎn)
16-10 preview組件
16-11 簡單聊一下小程序云開發(fā)的場景和意義
|