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