基于移動電商項目實戰(zhàn)的移動互聯(lián)web前端開發(fā)
定 價:39.3 元
- 作者:郭炳宇等編著
- 出版時間:2017/11/1
- ISBN:9787040488128
- 出 版 社:高等教育出版社
- 中圖法分類:TP393.092.2
- 頁碼:316
- 紙張:膠版紙
- 版次:1
- 開本:16K
本書按照功能與模塊劃分,采用項目化的方式進行結(jié)構(gòu)組織,由走進移動電商Web前端開發(fā)、構(gòu)建移動電商前端頁面結(jié)構(gòu)、美化移動電商前端頁面、靈動移動電商頁面、優(yōu)化移動電商頁面動效代碼、構(gòu)建管理員管理模塊、構(gòu)建后臺商品管理模塊及雙創(chuàng)項目組成。本書融入了行業(yè)、企業(yè)現(xiàn)行的主流技術(shù),體現(xiàn)生產(chǎn)、服務(wù)真實技術(shù)和流程,適合任務(wù)驅(qū)動式教學(xué)、案例式教學(xué)及項目化教學(xué)。
帶著理想和情懷來做一套教材
作為一家產(chǎn)教融合背景下應(yīng)用技術(shù)型人才培養(yǎng)的校企合作單位,我們希望開發(fā)出一套能夠滿足應(yīng)用技術(shù)型人才培養(yǎng)要求的優(yōu)秀教材,希望開發(fā)出來的教材能達到或接近一個理想的標(biāo)準(zhǔn),這個理想的標(biāo)準(zhǔn)就是“準(zhǔn)、新、特、實、認”。我們一直帶著這個“理想”的標(biāo)準(zhǔn)踐行著教材編寫與開發(fā)工作。
“準(zhǔn)”,是教材最基本要求,理念、依據(jù)、技術(shù)細節(jié)都要準(zhǔn)確;“新”,是教材的形式和內(nèi)容都要有所創(chuàng)新,表現(xiàn)、框架和體例都要新穎、生動、有趣,具有良好的用戶體驗,讓入耳目一新;“特”,要做出應(yīng)用型的特色和企業(yè)的特色,體現(xiàn)出校企合作在面向行業(yè)、企業(yè)需求人才培養(yǎng)的特色;“實”,實用,切實可用,既要注重實踐教學(xué),又要注重理論知識學(xué)習(xí),編寫一套理實結(jié)合、平衡的實用型教材。最后的“認”,也可以說是最高標(biāo)準(zhǔn),即編寫一本教師、學(xué)生、業(yè)界都認可的教材。
我們的教材編寫與開發(fā)團隊來自企業(yè),是一批具有多年工作經(jīng)驗和技術(shù)積累的企業(yè)工程師;同時,我們的企業(yè)工程師進入合作高校承擔(dān)部分專業(yè)核心課、實踐課的授課工作。這種雙重工作背景讓我們的教材開發(fā)團隊既能把握行業(yè)、企業(yè)最新的技術(shù)發(fā)展趨勢,以及最需要的技術(shù)和技能,又能了解到教育教學(xué)、學(xué)習(xí)成長的規(guī)律和經(jīng)驗,可以說,我們具備了“懂技術(shù)、懂教學(xué)”的教材開發(fā)團隊基礎(chǔ)。
從學(xué)校到企業(yè),從企業(yè)到學(xué)校,我們深感做的不僅僅是一份工作,而是一項事業(yè),是一項教書育人的事業(yè)。我們帶著這份“教育情懷”認真對待教材開發(fā)的每個部分,從開發(fā)理念到總體設(shè)計以及每個細節(jié),我們都靠團隊協(xié)作,細心打磨,以專業(yè)的精神盡量克服知識和經(jīng)驗的不足。
以“學(xué)習(xí)者”為中心的理念進行教材設(shè)計
在企業(yè)里做產(chǎn)品的人都知道,產(chǎn)品要以用戶為中心,抓住用戶的痛點,為用戶解決問題。那么課程的最終用戶是誰呢?是學(xué)習(xí)者。教師借助教材來“傳道、授業(yè)、解惑”,而“學(xué)習(xí)者”是要通過教材學(xué)到知識和技術(shù),學(xué)以致用。我們在以“學(xué)習(xí)者”為中心的理念下進行了教材的創(chuàng)新設(shè)計,具體如下:
◆教材內(nèi)容的組織強調(diào)以學(xué)習(xí)行為為主線,構(gòu)建了“學(xué)”與“導(dǎo)學(xué)”的內(nèi)容邏輯!皩W(xué)”是主體內(nèi)容,包括項目描述、任務(wù)解決及項目總結(jié);“導(dǎo)學(xué)”是引導(dǎo)學(xué)生自主學(xué)習(xí)、獨立實踐的部分,包括項目引入、交互窗口、思考練習(xí)、拓展訓(xùn)練及雙創(chuàng)項目。
◆情景化、情景劇式的項目引入。模擬一個完整的項目團隊,采用情景劇作為項目開篇,并融入職業(yè)元素,讓內(nèi)容更加接近于行業(yè)、企業(yè)和生產(chǎn)實際。項目引入更多的是還原工作場景,展示項目進程,嵌入崗位、行業(yè)認知、融入工作的方法和技巧,更多地傳遞一種解決問題的思路和理念。
基礎(chǔ)篇 Web前端開發(fā)基礎(chǔ)
項目1:走進移動電商web前端開發(fā)
1.1 任務(wù)一:移動電商系統(tǒng)構(gòu)建規(guī)劃
1.1.1 認知移動電商系統(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 項目總結(jié)
1.4 拓展訓(xùn)練
項目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 項目總結(jié)
2.7 拓展訓(xùn)練
項目3:美化移動電商前端頁面
3.1 任務(wù)一:走進五彩CSS世界
3.1.1 認知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 項目總結(jié)
3.4 拓展訓(xùn)練
進階篇 頁面動效開發(fā)
項目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制作焦點圖切換動效
4.2.2 Javascritp修改HTML的DOM節(jié)點
4.2.3 Javascript制作頻道模塊選項卡動效
4.2.4 任務(wù)回顧
4.3 任務(wù)三:用戶注冊表單驗證
4.3.1 用戶注冊袁單驗證
4 3.2 任務(wù)回顧
4.4 項目總結(jié)
4.5 拓展訓(xùn)練
項目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實現(xiàn)首頁分類導(dǎo)航交互
5.1.8 任務(wù)回顧
5.2 任務(wù)二:jQuery制作商品詳情頁動效
5.2.1 jQuery動畫特效
5.2.2 jQuery制作商品相冊模塊
5.2.3 jQueFy實現(xiàn)商品購買數(shù)量增減
5.2.4 相關(guān)推薦模塊
5.2.5 jQuery操作DOM制作商品評論模塊
5.2.6 任務(wù)回顧
5.3 項目總結(jié)
5.4 拓展訓(xùn)練
拓展篇 數(shù)據(jù)交互開發(fā)
項目6:構(gòu)建管理員管理模塊
6.1 任務(wù)一:Aiax與JsON
6.1.1 什么是Ajax?
6.1.2 Ajax初體驗
6.1.3 JSON數(shù)據(jù)格式
6.1.4 jQHery Ajax重構(gòu)管理員登錄功能
6.1.5 “管理員管理”與“角色管理”之間頁面切換
6.1.6 任務(wù)回顧
6.2 任務(wù)二:實現(xiàn)“管理員管理”數(shù)據(jù)交互
6.2.1 加載管理員列表
6.2.2 刪除管理員
6.2.3 添加管理員
6.2.4 修改管理員
6.2.5 任務(wù)回顧
6.3 項目總結(jié)
6.4 拓展訓(xùn)練
項目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路由實現(xiàn)“商品管理”模塊導(dǎo)航
7.1.8 任務(wù)回顧
7.2 任務(wù)二:Backbone實現(xiàn)“上架商品”模塊
7.2.1 下架商品
7.2.2 刪除商品
7.2.3 編輯商品
7.2.4 關(guān)鍵字搜索商品
7.2.5 任務(wù)回顧
7.3 項目總結(jié)
7.4 拓展訓(xùn)練
雙創(chuàng)項目——大數(shù)據(jù)應(yīng)用實踐
參考文獻