最前沿前端技術(shù)HTML5、Vue.js、Koa、zepto框架綜合運(yùn)用,擁有十年開發(fā)經(jīng)驗(yàn)平臺(tái)前端總負(fù)責(zé)人,帶你以最接近互聯(lián)網(wǎng)公司真實(shí)工作流程的方式,開發(fā)一個(gè)面向移動(dòng)端的書城整站
第1章 閱讀器開發(fā)-課程熱身
介紹課程案例的背景、應(yīng)用場景和WEB APP的現(xiàn)狀與發(fā)展趨勢。
第2章 閱讀器開發(fā)-案例中技術(shù)點(diǎn)的分解
對使用BASE64圖片制作ICON、CSS3、HTML5 API、手機(jī)觸摸事件、手機(jī)端多屏幕適配和布局方法、前端性能等知識進(jìn)行介紹及擴(kuò)展,為課程學(xué)習(xí)做好準(zhǔn)備。
第3章 閱讀器開發(fā)-開發(fā)流程介紹、需求分解和技術(shù)選型
逐步介紹實(shí)現(xiàn)一個(gè)完整的適用于手機(jī)端閱讀器的過程,進(jìn)行需求分解,完成技術(shù)選型和基礎(chǔ)項(xiàng)目的搭建過程。
第4章 閱讀器開發(fā)-頁面基本結(jié)構(gòu)的開發(fā)過程
完成整個(gè)案例的靜態(tài)頁面搭建和兼容性測試。
第5章 閱讀器開發(fā)-頁面前端交互代碼的開發(fā)過程
使用HTML5和JS API開發(fā)案例中字體設(shè)置,閱讀器的排版分頁和導(dǎo)航欄的呼出等用戶交互部分的功能。
第6章 閱讀器開發(fā)-頁面和服務(wù)器通信代碼的開發(fā)過程
針對項(xiàng)目中的前后端交互部分開發(fā)做詳細(xì)的說明。主要介紹異步請求的處理技巧,如何能不使用傳統(tǒng)的回調(diào)函數(shù)方式,更好的完成代碼組織(promise ,pub-sub,ES6 genertor集中異步編程模式)。
第7章 閱讀器開發(fā)-課程擴(kuò)展
本章節(jié)是對html5一些概念性知識進(jìn)行講解。
第8章 書城整站開發(fā)-介紹和WebApp的搭建
本章節(jié)開始課程的第二部分課程內(nèi)容,在閱讀器的基礎(chǔ)上擴(kuò)展開發(fā)一個(gè)書城的開發(fā)。
第9章 書城整站開發(fā)-技術(shù)選型和技術(shù)點(diǎn)介紹
本章節(jié)把對整站開發(fā)所需要的技術(shù)點(diǎn):node.js、npm、koa、Vue以及EJS做了簡單的介紹,以便于后面章節(jié)的使用。
第10章 書城整站開發(fā)-服務(wù)端環(huán)境搭建和開發(fā)過程
本章節(jié)講解書城整站的服務(wù)端環(huán)境搭建和開發(fā)過程,包括:工程目錄結(jié)構(gòu)的搭建、使用koa中間件構(gòu)建網(wǎng)站雛形、為網(wǎng)站添加接口及頁面路由的完整開發(fā)。
第11章 書城整站開發(fā)-前端開發(fā)過程
書城整站的前端開發(fā)過程,包括頁面的基礎(chǔ)架構(gòu)搭建,首頁的開發(fā)、書籍詳情頁面靜態(tài)頁面實(shí)現(xiàn),數(shù)據(jù)動(dòng)態(tài)綁定、頁面自適應(yīng)屏幕寬度代碼改造。