基于移動電商項(xiàng)目實(shí)戰(zhàn)的移動互聯(lián)web前端開發(fā)
定 價:39.3 元
當(dāng)前圖書已被 6 所學(xué)校薦購過!
查看明細(xì)
- 作者:郭炳宇等編著
- 出版時間:2017/11/1
- ISBN:9787040488128
- 出 版 社:高等教育出版社
- 中圖法分類:TP393.092.2
- 頁碼:316
- 紙張:膠版紙
- 版次:1
- 開本:16K
本書按照功能與模塊劃分,采用項(xiàng)目化的方式進(jìn)行結(jié)構(gòu)組織,由走進(jìn)移動電商Web前端開發(fā)、構(gòu)建移動電商前端頁面結(jié)構(gòu)、美化移動電商前端頁面、靈動移動電商頁面、優(yōu)化移動電商頁面動效代碼、構(gòu)建管理員管理模塊、構(gòu)建后臺商品管理模塊及雙創(chuàng)項(xiàng)目組成。本書融入了行業(yè)、企業(yè)現(xiàn)行的主流技術(shù),體現(xiàn)生產(chǎn)、服務(wù)真實(shí)技術(shù)和流程,適合任務(wù)驅(qū)動式教學(xué)、案例式教學(xué)及項(xiàng)目化教學(xué)。
帶著理想和情懷來做一套教材
作為一家產(chǎn)教融合背景下應(yīng)用技術(shù)型人才培養(yǎng)的校企合作單位,我們希望開發(fā)出一套能夠滿足應(yīng)用技術(shù)型人才培養(yǎng)要求的優(yōu)秀教材,希望開發(fā)出來的教材能達(dá)到或接近一個理想的標(biāo)準(zhǔn),這個理想的標(biāo)準(zhǔn)就是“準(zhǔn)、新、特、實(shí)、認(rèn)”。我們一直帶著這個“理想”的標(biāo)準(zhǔn)踐行著教材編寫與開發(fā)工作。
“準(zhǔn)”,是教材最基本要求,理念、依據(jù)、技術(shù)細(xì)節(jié)都要準(zhǔn)確;“新”,是教材的形式和內(nèi)容都要有所創(chuàng)新,表現(xiàn)、框架和體例都要新穎、生動、有趣,具有良好的用戶體驗(yàn),讓入耳目一新;“特”,要做出應(yīng)用型的特色和企業(yè)的特色,體現(xiàn)出校企合作在面向行業(yè)、企業(yè)需求人才培養(yǎng)的特色;“實(shí)”,實(shí)用,切實(shí)可用,既要注重實(shí)踐教學(xué),又要注重理論知識學(xué)習(xí),編寫一套理實(shí)結(jié)合、平衡的實(shí)用型教材。最后的“認(rèn)”,也可以說是最高標(biāo)準(zhǔn),即編寫一本教師、學(xué)生、業(yè)界都認(rèn)可的教材。
我們的教材編寫與開發(fā)團(tuán)隊來自企業(yè),是一批具有多年工作經(jīng)驗(yàn)和技術(shù)積累的企業(yè)工程師;同時,我們的企業(yè)工程師進(jìn)入合作高校承擔(dān)部分專業(yè)核心課、實(shí)踐課的授課工作。這種雙重工作背景讓我們的教材開發(fā)團(tuán)隊既能把握行業(yè)、企業(yè)最新的技術(shù)發(fā)展趨勢,以及最需要的技術(shù)和技能,又能了解到教育教學(xué)、學(xué)習(xí)成長的規(guī)律和經(jīng)驗(yàn),可以說,我們具備了“懂技術(shù)、懂教學(xué)”的教材開發(fā)團(tuán)隊基礎(chǔ)。
從學(xué)校到企業(yè),從企業(yè)到學(xué)校,我們深感做的不僅僅是一份工作,而是一項(xiàng)事業(yè),是一項(xiàng)教書育人的事業(yè)。我們帶著這份“教育情懷”認(rèn)真對待教材開發(fā)的每個部分,從開發(fā)理念到總體設(shè)計以及每個細(xì)節(jié),我們都靠團(tuán)隊協(xié)作,細(xì)心打磨,以專業(yè)的精神盡量克服知識和經(jīng)驗(yàn)的不足。
以“學(xué)習(xí)者”為中心的理念進(jìn)行教材設(shè)計
在企業(yè)里做產(chǎn)品的人都知道,產(chǎn)品要以用戶為中心,抓住用戶的痛點(diǎn),為用戶解決問題。那么課程的最終用戶是誰呢?是學(xué)習(xí)者。教師借助教材來“傳道、授業(yè)、解惑”,而“學(xué)習(xí)者”是要通過教材學(xué)到知識和技術(shù),學(xué)以致用。我們在以“學(xué)習(xí)者”為中心的理念下進(jìn)行了教材的創(chuàng)新設(shè)計,具體如下:
◆教材內(nèi)容的組織強(qiáng)調(diào)以學(xué)習(xí)行為為主線,構(gòu)建了“學(xué)”與“導(dǎo)學(xué)”的內(nèi)容邏輯!皩W(xué)”是主體內(nèi)容,包括項(xiàng)目描述、任務(wù)解決及項(xiàng)目總結(jié);“導(dǎo)學(xué)”是引導(dǎo)學(xué)生自主學(xué)習(xí)、獨(dú)立實(shí)踐的部分,包括項(xiàng)目引入、交互窗口、思考練習(xí)、拓展訓(xùn)練及雙創(chuàng)項(xiàng)目。
◆情景化、情景劇式的項(xiàng)目引入。模擬一個完整的項(xiàng)目團(tuán)隊,采用情景劇作為項(xiàng)目開篇,并融入職業(yè)元素,讓內(nèi)容更加接近于行業(yè)、企業(yè)和生產(chǎn)實(shí)際。項(xiàng)目引入更多的是還原工作場景,展示項(xiàng)目進(jìn)程,嵌入崗位、行業(yè)認(rèn)知、融入工作的方法和技巧,更多地傳遞一種解決問題的思路和理念。
基礎(chǔ)篇 Web前端開發(fā)基礎(chǔ)
項(xiàng)目1:走進(jìn)移動電商web前端開發(fā)
1.1 任務(wù)一:移動電商系統(tǒng)構(gòu)建規(guī)劃
1.1.1 認(rèn)知移動電商系統(tǒng)
1.1.2 使用人群及主要功能分析
1.1.3 移動電商業(yè)務(wù)流程分析
1.1.4 移動電商系統(tǒng)頁面設(shè)計
1.1.5 前端開發(fā)模式及技術(shù)方案
1.1.6 任務(wù)回顧
1.2 任務(wù)二:創(chuàng)建第一個頁面
1.2.1 開發(fā)環(huán)境搭建
1.2.2 HTML文檔結(jié)構(gòu)
1.2.3 瀏覽器預(yù)覽與調(diào)試
1.2.4 任務(wù)回顧
1.3 項(xiàng)目總結(jié)
1.4 拓展訓(xùn)練
項(xiàng)目2:構(gòu)建移動電商前端頁面結(jié)構(gòu)
2.1 任務(wù)一:HTML構(gòu)建文本類模塊
2.1.1 目錄結(jié)構(gòu)及頁面整體結(jié)構(gòu)
2.1.2 標(biāo)題、華麗分隔線、段落
2 1.3 列表
2.1.4 任務(wù)回顧
2.2 任務(wù)二:HTML構(gòu)建圖文并茂類頁面
2.2.1 插入圖片
2 2.2 相對路徑
2.2.3 為圖片添加標(biāo)題
2.2.4 任務(wù)回顧
2.3 任務(wù)三:用表格呈現(xiàn)數(shù)據(jù)
2.3.1 插入表格
2.3.2 、、表格分區(qū)
2.3.3 跨行、跨列
2.3.4 任務(wù)回顧
2.4 任務(wù)四:制作表單類頁面
2.4.1 用戶登錄表單
2.4.2 用戶反饋表單
2.4.3 任務(wù)回顧
2.5 任務(wù)五:超級鏈接
2.5.1 創(chuàng)建超級鏈接
2.5.2 任務(wù)回顧
2.6 項(xiàng)目總結(jié)
2.7 拓展訓(xùn)練
項(xiàng)目3:美化移動電商前端頁面
3.1 任務(wù)一:走進(jìn)五彩CSS世界
3.1.1 認(rèn)知CSS樣式
3.1.2 CSS樣式表的分類
3.1.3 CSS選擇器
3.1.4 美化頁面“footer”部分
3.1.5 任務(wù)回顧
3.2 任務(wù)二:制作商品列表頁
3.2.1 商品展示列表
3.2.2 排序模塊
3.2.3 關(guān)鍵字搜索模塊
3.2.4 任務(wù)回顧
3.3 項(xiàng)目總結(jié)
3.4 拓展訓(xùn)練
進(jìn)階篇 頁面動效開發(fā)
項(xiàng)目4:靈動移動電商頁面
4.1 任務(wù)一:初識JldvaScnpt編程
4.1.1 瀏覽器如何處理Web頁面
4.1.2 如何創(chuàng)建JavaSript腳本
4.1.3 制作一個下拉菜單
4.1.4 任務(wù)回顧
4.2 任務(wù)二:Javascnpt制作移動電商首頁的交互
4.2.1 JavaScript制作焦點(diǎn)圖切換動效
4.2.2 Javascritp修改HTML的DOM節(jié)點(diǎn)
4.2.3 Javascript制作頻道模塊選項(xiàng)卡動效
4.2.4 任務(wù)回顧
4.3 任務(wù)三:用戶注冊表單驗(yàn)證
4.3.1 用戶注冊袁單驗(yàn)證
4 3.2 任務(wù)回顧
4.4 項(xiàng)目總結(jié)
4.5 拓展訓(xùn)練
項(xiàng)目5:優(yōu)化移動電商頁面動效代碼
5.1 任務(wù)一:jQLiery翻開web前端開發(fā)新篇章
5.1.1 jQuery脫穎而出
5.1.2 選擇元素
5.1.3 創(chuàng)建第一個jQuery頁面
5.1.4 事件方法、事件對象及事件傳播
5.1.5 jQHery控制元素css樣式
5.1.6 jQuery DOM遍歷
5 1.7 jQuevy實(shí)現(xiàn)首頁分類導(dǎo)航交互
5.1.8 任務(wù)回顧
5.2 任務(wù)二:jQuery制作商品詳情頁動效
5.2.1 jQuery動畫特效
5.2.2 jQuery制作商品相冊模塊
5.2.3 jQueFy實(shí)現(xiàn)商品購買數(shù)量增減
5.2.4 相關(guān)推薦模塊
5.2.5 jQuery操作DOM制作商品評論模塊
5.2.6 任務(wù)回顧
5.3 項(xiàng)目總結(jié)
5.4 拓展訓(xùn)練
拓展篇 數(shù)據(jù)交互開發(fā)
項(xiàng)目6:構(gòu)建管理員管理模塊
6.1 任務(wù)一:Aiax與JsON
6.1.1 什么是Ajax?
6.1.2 Ajax初體驗(yàn)
6.1.3 JSON數(shù)據(jù)格式
6.1.4 jQHery Ajax重構(gòu)管理員登錄功能
6.1.5 “管理員管理”與“角色管理”之間頁面切換
6.1.6 任務(wù)回顧
6.2 任務(wù)二:實(shí)現(xiàn)“管理員管理”數(shù)據(jù)交互
6.2.1 加載管理員列表
6.2.2 刪除管理員
6.2.3 添加管理員
6.2.4 修改管理員
6.2.5 任務(wù)回顧
6.3 項(xiàng)目總結(jié)
6.4 拓展訓(xùn)練
項(xiàng)目7:構(gòu)建后臺商品管理模塊
7.1 任務(wù)一:初識Backbone框架
7.1.1 Backbone框架
7.1.2 創(chuàng)建第一個Backbone頁面
7.1.3 Backl3one事件管理
7.1.4 Backbone模型
7.1.5 Backbone模型集合
7.1.6 Backbone視圖及模板使用
7.1.7 Backbone路由實(shí)現(xiàn)“商品管理”模塊導(dǎo)航
7.1.8 任務(wù)回顧
7.2 任務(wù)二:Backbone實(shí)現(xiàn)“上架商品”模塊
7.2.1 下架商品
7.2.2 刪除商品
7.2.3 編輯商品
7.2.4 關(guān)鍵字搜索商品
7.2.5 任務(wù)回顧
7.3 項(xiàng)目總結(jié)
7.4 拓展訓(xùn)練
雙創(chuàng)項(xiàng)目——大數(shù)據(jù)應(yīng)用實(shí)踐
參考文獻(xiàn)