基于移動(dòng)電商項(xiàng)目實(shí)戰(zhàn)的移動(dòng)互聯(lián)web前端開發(fā)
定 價(jià):39.3 元
- 作者:郭炳宇等編著
- 出版時(shí)間:2017/11/1
- ISBN:9787040488128
- 出 版 社:高等教育出版社
- 中圖法分類:TP393.092.2
- 頁碼:316
- 紙張:膠版紙
- 版次:1
- 開本:16K
本書按照功能與模塊劃分,采用項(xiàng)目化的方式進(jìn)行結(jié)構(gòu)組織,由走進(jìn)移動(dòng)電商Web前端開發(fā)、構(gòu)建移動(dòng)電商前端頁面結(jié)構(gòu)、美化移動(dòng)電商前端頁面、靈動(dòng)移動(dòng)電商頁面、優(yōu)化移動(dòng)電商頁面動(dòng)效代碼、構(gòu)建管理員管理模塊、構(gòu)建后臺(tái)商品管理模塊及雙創(chuàng)項(xiàng)目組成。本書融入了行業(yè)、企業(yè)現(xiàn)行的主流技術(shù),體現(xiàn)生產(chǎn)、服務(wù)真實(shí)技術(shù)和流程,適合任務(wù)驅(qū)動(dòng)式教學(xué)、案例式教學(xué)及項(xiàng)目化教學(xué)。
帶著理想和情懷來做一套教材
作為一家產(chǎn)教融合背景下應(yīng)用技術(shù)型人才培養(yǎng)的校企合作單位,我們希望開發(fā)出一套能夠滿足應(yīng)用技術(shù)型人才培養(yǎng)要求的優(yōu)秀教材,希望開發(fā)出來的教材能達(dá)到或接近一個(gè)理想的標(biāo)準(zhǔn),這個(gè)理想的標(biāo)準(zhǔn)就是“準(zhǔn)、新、特、實(shí)、認(rèn)”。我們一直帶著這個(gè)“理想”的標(biāo)準(zhǔn)踐行著教材編寫與開發(fā)工作。
“準(zhǔn)”,是教材最基本要求,理念、依據(jù)、技術(shù)細(xì)節(jié)都要準(zhǔn)確;“新”,是教材的形式和內(nèi)容都要有所創(chuàng)新,表現(xiàn)、框架和體例都要新穎、生動(dòng)、有趣,具有良好的用戶體驗(yàn),讓入耳目一新;“特”,要做出應(yīng)用型的特色和企業(yè)的特色,體現(xiàn)出校企合作在面向行業(yè)、企業(yè)需求人才培養(yǎng)的特色;“實(shí)”,實(shí)用,切實(shí)可用,既要注重實(shí)踐教學(xué),又要注重理論知識(shí)學(xué)習(xí),編寫一套理實(shí)結(jié)合、平衡的實(shí)用型教材。最后的“認(rèn)”,也可以說是最高標(biāo)準(zhǔn),即編寫一本教師、學(xué)生、業(yè)界都認(rèn)可的教材。
我們的教材編寫與開發(fā)團(tuán)隊(duì)來自企業(yè),是一批具有多年工作經(jīng)驗(yàn)和技術(shù)積累的企業(yè)工程師;同時(shí),我們的企業(yè)工程師進(jìn)入合作高校承擔(dān)部分專業(yè)核心課、實(shí)踐課的授課工作。這種雙重工作背景讓我們的教材開發(fā)團(tuán)隊(duì)既能把握行業(yè)、企業(yè)最新的技術(shù)發(fā)展趨勢(shì),以及最需要的技術(shù)和技能,又能了解到教育教學(xué)、學(xué)習(xí)成長的規(guī)律和經(jīng)驗(yàn),可以說,我們具備了“懂技術(shù)、懂教學(xué)”的教材開發(fā)團(tuán)隊(duì)基礎(chǔ)。
從學(xué)校到企業(yè),從企業(yè)到學(xué)校,我們深感做的不僅僅是一份工作,而是一項(xiàng)事業(yè),是一項(xiàng)教書育人的事業(yè)。我們帶著這份“教育情懷”認(rèn)真對(duì)待教材開發(fā)的每個(gè)部分,從開發(fā)理念到總體設(shè)計(jì)以及每個(gè)細(xì)節(jié),我們都靠團(tuán)隊(duì)協(xié)作,細(xì)心打磨,以專業(yè)的精神盡量克服知識(shí)和經(jīng)驗(yàn)的不足。
以“學(xué)習(xí)者”為中心的理念進(jìn)行教材設(shè)計(jì)
在企業(yè)里做產(chǎn)品的人都知道,產(chǎn)品要以用戶為中心,抓住用戶的痛點(diǎn),為用戶解決問題。那么課程的最終用戶是誰呢?是學(xué)習(xí)者。教師借助教材來“傳道、授業(yè)、解惑”,而“學(xué)習(xí)者”是要通過教材學(xué)到知識(shí)和技術(shù),學(xué)以致用。我們?cè)谝浴皩W(xué)習(xí)者”為中心的理念下進(jìn)行了教材的創(chuàng)新設(shè)計(jì),具體如下:
◆教材內(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)目引入。模擬一個(gè)完整的項(xiàng)目團(tuán)隊(duì),采用情景劇作為項(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)移動(dòng)電商web前端開發(fā)
1.1 任務(wù)一:移動(dòng)電商系統(tǒng)構(gòu)建規(guī)劃
1.1.1 認(rèn)知移動(dòng)電商系統(tǒng)
1.1.2 使用人群及主要功能分析
1.1.3 移動(dòng)電商業(yè)務(wù)流程分析
1.1.4 移動(dòng)電商系統(tǒng)頁面設(shè)計(jì)
1.1.5 前端開發(fā)模式及技術(shù)方案
1.1.6 任務(wù)回顧
1.2 任務(wù)二:創(chuàng)建第一個(gè)頁面
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)建移動(dòng)電商前端頁面結(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 相對(duì)路徑
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ù)五:超級(jí)鏈接
2.5.1 創(chuàng)建超級(jí)鏈接
2.5.2 任務(wù)回顧
2.6 項(xiàng)目總結(jié)
2.7 拓展訓(xùn)練
項(xiàng)目3:美化移動(dòng)電商前端頁面
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)階篇 頁面動(dòng)效開發(fā)
項(xiàng)目4:靈動(dòng)移動(dòng)電商頁面
4.1 任務(wù)一:初識(shí)JldvaScnpt編程
4.1.1 瀏覽器如何處理Web頁面
4.1.2 如何創(chuàng)建JavaSript腳本
4.1.3 制作一個(gè)下拉菜單
4.1.4 任務(wù)回顧
4.2 任務(wù)二:Javascnpt制作移動(dòng)電商首頁的交互
4.2.1 JavaScript制作焦點(diǎn)圖切換動(dòng)效
4.2.2 Javascritp修改HTML的DOM節(jié)點(diǎn)
4.2.3 Javascript制作頻道模塊選項(xiàng)卡動(dòng)效
4.2.4 任務(wù)回顧
4.3 任務(wù)三:用戶注冊(cè)表單驗(yàn)證
4.3.1 用戶注冊(cè)袁單驗(yàn)證
4 3.2 任務(wù)回顧
4.4 項(xiàng)目總結(jié)
4.5 拓展訓(xùn)練
項(xiàng)目5:優(yōu)化移動(dòng)電商頁面動(dòng)效代碼
5.1 任務(wù)一:jQLiery翻開web前端開發(fā)新篇章
5.1.1 jQuery脫穎而出
5.1.2 選擇元素
5.1.3 創(chuàng)建第一個(gè)jQuery頁面
5.1.4 事件方法、事件對(duì)象及事件傳播
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制作商品詳情頁動(dòng)效
5.2.1 jQuery動(dòng)畫特效
5.2.2 jQuery制作商品相冊(cè)模塊
5.2.3 jQueFy實(shí)現(xiàn)商品購買數(shù)量增減
5.2.4 相關(guān)推薦模塊
5.2.5 jQuery操作DOM制作商品評(píng)論模塊
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)建后臺(tái)商品管理模塊
7.1 任務(wù)一:初識(shí)Backbone框架
7.1.1 Backbone框架
7.1.2 創(chuàng)建第一個(gè)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)