jQuery+jQuery Mobile應用實戰:輕鬆打造跨裝置Web App與動態網頁 | 運動資訊第一站 - 2024年11月
jQuery+jQuery Mobile應用實戰:輕鬆打造跨裝置Web App與動態網頁
HTML/CSS/JavaScript是時下網頁程式設計師不可或缺的技能,即使沒有JavaScript語言基礎,不曾接觸過程式設計,也能使用jQuery輕鬆操作複雜的JavaScript語言,做出酷炫的動態及響應式網頁效果。
本書從常用的HTML/CSS/Javascript以及jQuery語法解說起,搭配各種時下最流行的動態網頁技術,帶您逐步學會製作跨平台的響應式網站及Web App,讓你在職場上如魚得水、無往不利!
本書特色
◎紮實打好網頁製作及程式基本功
‧基礎知識篇-為您打好HTML/CSS/JavaScript/jQuery基礎
‧jQuery實用技術篇-透過實作遊戲及jQuery Plugin強化JavaScript/jQuery程式撰寫技巧
◎實作時下最流行的網頁技術
‧以Bootstrap打造響應式網頁
‧實作瀑布流式照片展示網頁
‧搭配jQuery Plugin完成精美選單、圖片特效以及完美圖表
‧以GoogleMaps API實作各式地圖應用
◎快速打造Web App
‧學習jQuery Mobile快速打造Web APP
‧搭配HTML5的WebStorage及Web Database API學習資料存取
‧實作Web App版記事本程式
PART 1 基礎知識篇
Chapter 01 必學HTML語法
1-1什麼是HTML
1-2學習HTML前的準備工作
1-3 HTML語法架構
1-4 HTML5文件結構與語意標記
1-5 HTML常用段落標記
1-6網頁圖片的應用
1-7表格與表單
1-8加入超連結
Chapter 02 必學CSS基礎
2-1建立CSS樣式表
2-2關於CSS選擇器(Selector)
Chapter 03 必學JavaScript基礎
3-1認識JavaScript
3-2變數與基本資料型態
3-3 JavaScript與 DOM
3-4 JavaScript流程控制
Chapter 04 必學jQuery基礎
4-1認識jQuery
4-2 jQuery的基礎
PART 2 jQuery實用技術篇
Chapter 05 jQuery基本功-網頁益智遊戲
5-1 元件的設計與製作
5-2 善用CSS表現視覺效果
5-3 jQuery程式解析
Chapter 06 自製專屬jQuery plugin
6-1 jQuery plugin初探
6-2實作jQuery plugin-圖片展示器
Chapter 07 jquery打造完美圖表
7-1表格排序套件—tablesorter
7-2行事曆套件—FullCalendar
Chapter 08 RWD響應式網頁設計
8-1何謂響應式網頁設計
8-2認識Bootstrap套件
Chapter 09 Web Storage網頁儲存
9-1認識Web Storage
9-2 localStorage及sessionStorage
9-3 Web Storage實例練習
Chapter 10 綜合實作-瀑布流照片展示網頁
10-1實作成品概觀
10-2建立網頁標題及頁尾
10-3建立照片瀑布流展示效果
10-4點擊照片縮圖放大顯示
PART 3 jQuery Mobile快速打造行動裝置網頁篇
Chapter 11 認識jQuery Mobile
11-1用jQuery Mobile開發行動裝置網頁
11-2套用UI元件
11-3網頁導向與佈景主題
Chapter 12 jQuery Mobile事件
12-1頁面事件
12-2觸摸(touch)事件
Chapter 13 嵌入Google Maps地圖
13-1 Google Maps JavaScript API
13-2依地址顯示地圖
Chapter 14 綜合實作-記事本Web App實作
14-1認識Web SQL
14-2記事本架構
14-3新增記事
14-4刪除記事
14-5記事列表