班級(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)(中和大道)【沈陽(yáng)分部】:沈陽(yáng)理工大學(xué)/六宅臻品【鄭州分部】:鄭州大學(xué)/錦華大廈【石家莊分部】:河北科技大學(xué)/瑞景大廈 最近開間(周末班/連續(xù)班/晚班):2019年1月26日 |
實(shí)驗(yàn)設(shè)備 |
◆小班教學(xué),教學(xué)效果好 ☆注重質(zhì)量☆邊講邊練 ☆合格學(xué)員免費(fèi)推薦工作 ★實(shí)驗(yàn)設(shè)備請(qǐng)點(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章 課程介紹
介紹閱讀器項(xiàng)目背景、功能結(jié)構(gòu)、技術(shù)棧和功能演示,快速了解整個(gè)課程安排和內(nèi)容。
- 1-1 導(dǎo)學(xué) 試看
1-2 課程學(xué)習(xí)指南
第2章 項(xiàng)目需求及閱讀器引擎介紹
介紹項(xiàng)目需求和閱讀器的開發(fā)原理,并搭建Node.js和vue-cli 3.0開發(fā)環(huán)境。
- 2-1 項(xiàng)目需求分析
2-2 閱讀器原理介紹
2-3 ePub標(biāo)準(zhǔn)介紹
2-4 epubjs閱讀器引擎介紹
2-5 安裝Node.js環(huán)境
2-6 vue-cli 3.0搭建方法(原型開發(fā))
2-7 vue-cli 3.0搭建方法(腳手架創(chuàng)建項(xiàng)目)
2-8 項(xiàng)目技術(shù)難點(diǎn)分析
第3章 項(xiàng)目準(zhǔn)備
完成項(xiàng)目開發(fā)前的準(zhǔn)備工作,講解如何引入字體圖標(biāo)、Web字體、rem、樣式重置表,詳細(xì)介紹vuex的基本原理及mapGetters的實(shí)現(xiàn)原理,搭建基于Nginx的靜態(tài)資源服務(wù)器。
- 3-1 準(zhǔn)備工作說(shuō)明
3-2 字體圖標(biāo)準(zhǔn)備
3-3 項(xiàng)目依賴包下載
3-4 準(zhǔn)備Web字體
3-5 viewport配置和rem設(shè)置
3-6 global.scss和reset.scss設(shè)置
3-7 引入vuex+vue-devtools 試看
3-8 搭建靜態(tài)資源服務(wù)器
第4章 閱讀器--標(biāo)題菜單、字號(hào)字體及主題設(shè)置功能開發(fā)
講解如何實(shí)現(xiàn)閱讀器的解析和渲染、手勢(shì)翻頁(yè)操作、標(biāo)題欄和菜單欄組件的解耦,并實(shí)現(xiàn)字號(hào)字體設(shè)置和閱讀器全局主題設(shè)置功能。
- 4-1 閱讀器需求分析
4-2 閱讀器解析和渲染
4-3 閱讀器翻頁(yè)功能實(shí)現(xiàn)
4-4 標(biāo)題欄和菜單欄實(shí)現(xiàn)
4-5 字號(hào)設(shè)置 UI 實(shí)現(xiàn)
4-6 字號(hào)設(shè)置功能實(shí)現(xiàn)
4-7 字體設(shè)置功能實(shí)現(xiàn)
4-8 字體設(shè)置彈窗UI實(shí)現(xiàn)
4-9 字體設(shè)置彈窗功能實(shí)現(xiàn)
4-10 字號(hào)和字體設(shè)置離線存儲(chǔ)
4-11 字體設(shè)置標(biāo)題國(guó)際化
4-12 閱讀器主題設(shè)置功能實(shí)現(xiàn)
4-13 全局主題設(shè)置功能實(shí)現(xiàn)
第5章 閱讀器--閱讀進(jìn)度、目錄、全文搜索功能開發(fā)
講解如何實(shí)現(xiàn)閱讀器的閱讀進(jìn)度、閱讀時(shí)間統(tǒng)計(jì)、章節(jié)切換、多級(jí)目錄展示、全文搜索和目錄加載動(dòng)畫。
- 5-1 閱讀進(jìn)度功能實(shí)現(xiàn)(進(jìn)度面板+分頁(yè)邏輯)
5-2 閱讀進(jìn)度功能實(shí)現(xiàn)(進(jìn)度拖動(dòng)功能)
5-3 閱讀進(jìn)度功能實(shí)現(xiàn)(上下章節(jié)切換功能)
5-4 閱讀進(jìn)度功能實(shí)現(xiàn)(章節(jié)切換和進(jìn)度同步)
5-5 閱讀進(jìn)度功能實(shí)現(xiàn)(保存閱讀進(jìn)度功能)
5-6 目錄功能實(shí)現(xiàn)(目錄浮出效果)
5-7 目錄功能實(shí)現(xiàn)(Tab選項(xiàng)切換和搜索效果)
5-8 目錄功能實(shí)現(xiàn)(圖書內(nèi)容布局)
5-9 目錄功能實(shí)現(xiàn)(圖書內(nèi)容樣式)
5-10 目錄功能實(shí)現(xiàn)(目錄數(shù)據(jù)結(jié)構(gòu)開發(fā))
5-11 目錄功能實(shí)現(xiàn)(多級(jí)目錄功能)
5-12 全文搜索功能實(shí)現(xiàn)(搜索算法+數(shù)組降維)
5-13 全文搜索功能實(shí)現(xiàn) (搜索關(guān)鍵字高亮+搜索結(jié)果高亮顯示)
5-14 目錄加載動(dòng)畫實(shí)現(xiàn)(原理分析+布局實(shí)現(xiàn))
5-15 目錄加載動(dòng)畫實(shí)現(xiàn)(動(dòng)畫效果實(shí)現(xiàn))
第6章 閱讀器--書簽功能、頁(yè)眉頁(yè)腳及兼容性優(yōu)化
講解如何實(shí)現(xiàn)閱讀器的手勢(shì)操作,詳細(xì)介紹了復(fù)雜手勢(shì)交互的實(shí)現(xiàn)思路及原理,為閱讀器加入頁(yè)眉和頁(yè)腳,并優(yōu)化了移動(dòng)端和PC端兼容性問題,使閱讀器可以更好的支持PC端和移動(dòng)端使用。
- 6-1 書簽手勢(shì)實(shí)現(xiàn)(頁(yè)面下拉)
6-2 書簽手勢(shì)實(shí)現(xiàn)(書簽組件)
6-3 書簽手勢(shì)實(shí)現(xiàn)(下拉狀態(tài)管理)
6-4 書簽手勢(shì)實(shí)現(xiàn)(書簽添加刪除交互)
6-5 EpubCFI原理介紹
6-6 書簽功能實(shí)現(xiàn)
6-7 頁(yè)眉和頁(yè)腳功能實(shí)現(xiàn)
6-8 閱讀模式介紹
6-9 微信兼容性調(diào)整
6-10 自適應(yīng)布局優(yōu)化(PC端布局優(yōu)化)
6-11 自適應(yīng)布局優(yōu)化(書簽支持鼠標(biāo)事件)
6-12 閱讀器分頁(yè)算法實(shí)現(xiàn)
6-13 閱讀器相關(guān)知識(shí)點(diǎn)總結(jié)
第7章 書城首頁(yè)、搜索頁(yè)、列表頁(yè)和詳情頁(yè)開發(fā)
講解書城首頁(yè)、搜索頁(yè)、列表頁(yè)和詳情頁(yè)的開發(fā)過程,詳細(xì)介紹首頁(yè)的推薦動(dòng)畫、標(biāo)題欄和搜索框的交互動(dòng)畫實(shí)現(xiàn)原理,并引入Mock.js實(shí)現(xiàn)API數(shù)據(jù)模擬。
- 7-1 書城開發(fā)需求分析
7-2 書城首頁(yè)開發(fā)(框架頁(yè)面+路由配置)
7-3 書城首頁(yè)(標(biāo)題+搜索框布局)
7-4 書城首頁(yè)(標(biāo)題+搜索框交互設(shè)計(jì)分析)
7-5 書城首頁(yè)(標(biāo)題交互動(dòng)畫實(shí)現(xiàn)) 試看
7-6 書城首頁(yè)(搜索框交互動(dòng)畫實(shí)現(xiàn))
7-7 書城首頁(yè)(熱門搜索布局)
7-8 書城首頁(yè)(熱門搜索交互)
7-9 書城首頁(yè)(推薦頁(yè)面布局)
7-10 書城首頁(yè)(卡片翻轉(zhuǎn)動(dòng)畫實(shí)現(xiàn))
7-11 書城首頁(yè)(卡片翻轉(zhuǎn)動(dòng)畫重置)
7-12 書城首頁(yè)(卡片登場(chǎng)keyframes動(dòng)畫講解)
7-13 書城首頁(yè)(煙花動(dòng)畫實(shí)現(xiàn))
7-14 書城首頁(yè)(mockjs使用方法講解)
7-15 書城首頁(yè)(推薦圖書布局+動(dòng)畫)
7-16 書城首頁(yè)(首頁(yè)圖書布局實(shí)現(xiàn))
7-17 書城詳情頁(yè)開發(fā)
7-18 書城列表頁(yè)開發(fā)
7-19 第七章總結(jié)
第8章 書架頁(yè)面開發(fā)
講解書架頁(yè)面的開發(fā)過程,包括:書架數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)、九宮格布局的實(shí)現(xiàn)、私密閱讀功能實(shí)現(xiàn)、離線存儲(chǔ)功能實(shí)現(xiàn)、分組功能實(shí)現(xiàn)、移出書架功能和動(dòng)畫實(shí)現(xiàn)。
- 8-1 書架標(biāo)題組件布局實(shí)現(xiàn)
8-2 書架標(biāo)題組件交互實(shí)現(xiàn)
8-3 書架搜索框布局實(shí)現(xiàn)
8-4 書架搜索框交互實(shí)現(xiàn)(上)
8-5 書架搜索框交互實(shí)現(xiàn)(下)
8-6 書架數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)+數(shù)據(jù)獲取
8-7 書架標(biāo)題+搜索框樣式優(yōu)化(固定標(biāo)題+滾動(dòng)陰影)
8-8 書架圖書列表實(shí)現(xiàn)(組件設(shè)計(jì)+動(dòng)態(tài)組件應(yīng)用)
8-9 書架圖書列表布局
8-10 書架圖書組件開發(fā)(單書封面+分類書籍封面實(shí)現(xiàn))
8-11 書架圖書組件開發(fā)(添加+編輯實(shí)現(xiàn))
8-12 書架編輯模式開發(fā)
8-13 書架彈出框組件開發(fā)
8-14 書架彈出框功能開發(fā)(1)
8-15 書架彈出框功能開發(fā)(2)
8-16 電子書離線緩存功能開發(fā)(1)
8-17 電子書離線緩存功能開發(fā)(2)
8-18 電子書緩存刪除功能開發(fā)
8-19 書架緩存+離線閱讀功能開發(fā)
8-20 書架分組功能開發(fā)
8-21 書架列表過渡動(dòng)畫開發(fā)
8-22 書架分類列表開發(fā)
8-23 書架分組功能優(yōu)化
8-24 書架修改分組功能開發(fā)(1)
8-25 書架修改分組功能開發(fā)(2)
第9章 聽書頁(yè)面開發(fā)
講解聽書頁(yè)面的開發(fā)過程,詳細(xì)講解科大訊飛在線語(yǔ)音合成API的對(duì)接方法、播放器面板的布局實(shí)現(xiàn)、播放器的實(shí)現(xiàn)原理和方法。
- 9-1 聽書功能介紹
9-2 聽書組件集成
9-3 聽書組件源碼分析
9-4 聽書播放器源碼分析
9-5 播放器面板源碼分析
9-6 聽書功能開發(fā)要點(diǎn)總結(jié)
第10章 項(xiàng)目發(fā)布
利用Node.js開發(fā)簡(jiǎn)單的api,并通過阿里云的ESC進(jìn)行項(xiàng)目發(fā)布,在CentOS操作系統(tǒng)上搭建Nginx服務(wù),將代碼上傳至Git,通過編寫自動(dòng)化更新腳本實(shí)現(xiàn)代碼的自動(dòng)更新與發(fā)布。
- 10-1 Vue項(xiàng)目構(gòu)建
10-2 功能優(yōu)化+構(gòu)建問題處理
10-3 數(shù)據(jù)庫(kù)環(huán)境準(zhǔn)備
10-4 Node.js+express編寫API
10-5 書城首頁(yè)API開發(fā)(1)
10-6 書城首頁(yè)API開發(fā)(2)
10-7 書城首頁(yè)前后端API聯(lián)調(diào)(解決CORS跨域)
10-8 電子書詳情API開發(fā)
10-9 電子書列表API開發(fā)
10-10 科大訊飛在線語(yǔ)音合成API對(duì)接(上)
10-11 科大訊飛在線語(yǔ)音合成API對(duì)接(下)
10-12 后端API源碼上傳git演示
10-13 阿里云ECS服務(wù)器開通
10-14 CentOS Node.js環(huán)境搭建
10-15 CentOS Ngnix環(huán)境搭建
10-16 CentOS git部署+免密更新
10-17 CentOS 前端項(xiàng)目構(gòu)建和發(fā)布
10-18 CentOS MySQL環(huán)境安裝
10-19 CentOS 一鍵部署腳本開發(fā)
10-20 阿里云域名注冊(cè)、解析與備案流程
|