
0人評分過此書
跟著實務學習 Bootstrap 4、JavaScript:第一次設計響應式網頁就上手(MTA試題增強版)
內容簡介:BuildSchool創辦人暨執行長吳典璋/資策會資深講師王淳平、林俊昌、蘇國鈞聯合推薦!
以前端技術框架Bootstrap為主,配合JavaScript、jQuery、jQueryMobile與Cordoav前端技術,並以實例教學方式由淺入深一步步帶領初學者運用Bootstrap快速打造行動優先的響應式網站,讓網站能依據不同裝置尺寸與瀏覽器自動調整成適合的內容與排版(RWD),讓後端開發人員或網頁開發初學者能快速掌握前端技術,此外,可配合Cordova將網站轉換成行動裝置App,以達到讓瀏覽網站與App的使用者都能得到最佳的使用與瀏覽體驗。
*MTA試題增強版:新增流程控制、陣列、函式與物件...等最新試題。
*收錄微軟MTAJavaScript國際認證模擬試題,讓您除了擁有實作的能力,更擁有國際認證證明自己。
*易學:初學者可快速套用Bootstrap框架完成響應式網站前端網頁,按圖索驥,可以完整重現書中範例。並配合大量範例了解Bootstrap與JavaScript、jQuery與Cordova如何整合運用。
*易教:本書經過與初學者或開發人員試教,修改內容與作法,去蕪存菁,教師免備課。
*易懂:以圖文並茂方式逐步解說,易學易懂。
以前端技術框架Bootstrap為主,配合JavaScript、jQuery、jQueryMobile與Cordoav前端技術,並以實例教學方式由淺入深一步步帶領初學者運用Bootstrap快速打造行動優先的響應式網站,讓網站能依據不同裝置尺寸與瀏覽器自動調整成適合的內容與排版(RWD),讓後端開發人員或網頁開發初學者能快速掌握前端技術,此外,可配合Cordova將網站轉換成行動裝置App,以達到讓瀏覽網站與App的使用者都能得到最佳的使用與瀏覽體驗。
*MTA試題增強版:新增流程控制、陣列、函式與物件...等最新試題。
*收錄微軟MTAJavaScript國際認證模擬試題,讓您除了擁有實作的能力,更擁有國際認證證明自己。
*易學:初學者可快速套用Bootstrap框架完成響應式網站前端網頁,按圖索驥,可以完整重現書中範例。並配合大量範例了解Bootstrap與JavaScript、jQuery與Cordova如何整合運用。
*易教:本書經過與初學者或開發人員試教,修改內容與作法,去蕪存菁,教師免備課。
*易懂:以圖文並茂方式逐步解說,易學易懂。
-
Chapter 1 認識Bootstrap與網頁開發工具
-
1.1 網頁開發技術簡介
-
1.2 網頁設計專案流程
-
1.3 網頁設計角色與分工
-
1.4 RWD響應式網頁設計概念與優缺點
-
1.5 HTML5開發工具-VS 2017
-
1.6 Bootstrap簡介
-
1.7 Bootstrap套件下載與使用
-
-
Chapter 2 Bootstrap排版與文字樣式設計
-
2.1 Bootstrap Typography文字排版
-
2.1.1 .h1~.h6標題類別
-
2.1.2 .display-1~.display-4標題類別
-
2.1.3 .lead前導主題類別
-
2.1.4 行內文字標籤
-
2.1.5 〈code〉與〈pre〉
-
2.1.6 引用來源
-
2.1.7 對齊類別
-
2.1.8 轉換類別
-
2.1.9 聯絡
-
-
2.2 網頁清單
-
2.2.1 編號與項目符號清單
-
2.2.2 描述清單
-
-
2.3 Bootstrap Color顏色
-
2.3.1 文字顏色
-
2.3.2 背景顏色
-
-
-
Chapter 3 Bootstrap圖片與按鈕
-
3.1 Bootstrap Image圖片
-
3.1.1 響應式圖片
-
3.1.2 圖片形狀
-
3.1.3 圖片對齊
-
-
3.2 Bootstrap Button按鈕
-
3.2.1 按鈕顏色
-
3.2.2 按鈕尺寸
-
3.2.3 按鈕狀態
-
-
-
Chapter 4 Bootstrap表格應用
-
4.1 Bootstrap表格應用
-
4.2 實例-表格應用
-
-
Chapter 5 Bootstrap表單
-
5.1 Bootstrap表單
-
5.1.1 如何建立表單
-
5.1.2 表單常用欄位
-
-
5.2 Bootstrap表單控制
-
5.2.1 表單佈局與欄位顯示名稱label
-
5.2.2 輸入框input
-
5.2.3 多行文字欄位textarea
-
5.2.4 單選按鈕Radio
-
5.2.5 核取方塊Checkbox
-
5.2.6 下拉選單
-
-
5.3 HTML5表單欄位的常見屬性
-
-
Chapter 6 Bootstrap格線系統與實用程序
-
6.1 Bootstrap Grid System格線系統
-
6.1.1 Bootstrap格線
-
6.1.2 容器Container
-
6.1.3 水平群組Row設計
-
6.1.4 欄Column設計
-
6.1.5 縮圖元件
-
-
6.2 Bootstrap實用程序
-
6.2.1 網頁元素距離設定
-
6.2.2 網頁元素框線設定
-
6.2.3 網頁元素浮動設定
-
6.2.4 網頁元素去除浮動設定
-
6.2.5 網頁元素區塊陰影設定
-
-
-
Chapter 7 Bootstrap媒體物件與Flex網格
-
7.1 Bootstrap媒體物件
-
7.2 Bootstrap 4 Flex網格屬性
-
7.2.1 建立Flexbox容器
-
7.2.2 容器方向
-
7.2.3 水平對齊
-
7.2.4 flex-fill填滿
-
7.2.5 延伸
-
7.2.6 order排列順序
-
7.2.7 推動項目
-
-
7.3 包裝與對齊
-
7.3.1 包裝
-
7.3.2 垂直方向對齊
-
7.3.3 單行垂直對齊
-
7.3.4 單行自我對齊
-
-
-
Chapter 8 Bootstrap基礎元件(一)
-
8.1 Bootstrap Dropdowns下拉式選單
-
8.1.1 選單功能與架構
-
8.1.2 選單實作
-
8.1.3 選單控制
-
-
8.2 Bootstrap Navs導覽
-
8.2.1 導覽功能與架構
-
8.2.2 導覽實作
-
8.2.3 下拉式選單導覽
-
8.2.4 導覽切換區塊
-
-
8.3 Bootstrap Navbar導覽列
-
8.3.1 導覽列功能與架構
-
8.3.2 導覽列實作
-
8.3.3 導覽列樣式
-
8.3.4 導覽列項目隱藏與顯示
-
-
8.4 Bootstrap Pagination分頁導覽
-
8.5 Bootstrap Breadcrumb麵包屑導覽
-
8.6 Bootstrap Badges提示標誌
-
-
Chapter 9 Bootstrap基礎元件(二)
-
9.1 Bootstrap Card卡片
-
9.2 Bootstrap Button Groups按鈕群組
-
9.2.1 按鈕群組
-
9.2.2 按鈕群組樣式
-
9.2.3 按鈕群組應用
-
-
9.3 Bootstrap List Group列表群組
-
9.3.1 列表群組
-
9.3.2 列表群組狀態
-
9.3.3 其他效果應用
-
-
9.4 Bootstrap Jumbotron大螢幕廣告
-
9.5 Bootstrap Progress Bars進度條
-
-
Chapter 10 Bootstrap 4 JS互動組件(一)
-
10.1 Bootstrap JS Alert警告框組件
-
10.2 Bootstrap JS Tooltips提示框
-
10.2.1 提示框
-
10.2.2 提示框應用
-
-
10.3 Bootstrap JS Carousel圖片輪播
-
10.3.1 圖片輪播簡介與架構
-
10.3.2 圖片輪播應用
-
-
10.4 Bootstrap Collapse摺疊
-
10.4.1 摺疊元件簡介與基本架構
-
10.4.2 多個目標的摺疊
-
10.4.3 手風琴摺疊
-
-
-
Chapter 11 Bootstrap JS互動組件(二)
-
11.1 Bootstrap JS Modal互動視窗
-
11.2 Bootstrap JS Scrollspy滑動監控
-
11.3 Bootstrap JS Filter過濾器
-
11.4 Bootstrap JS Popover彈出提示
-
-
Chapter 12 Bootstrap響應式網站實作案例
-
12.1 實例-大才全資訊網
-
12.2 實例-蜜境冒險官方網站
-
12.3 實例-循環經濟遊戲主題網站
-
-
Chapter 13 JavaScript語言、變數與運算子
-
13.1 JavaScript基本功能介紹
-
13.2 JavaScript程式碼位置
-
13.2.1 網頁中嵌入JavaScript程式碼
-
13.2.2 網頁中引用外部的JavaScript檔案
-
13.2.3 撰寫JavaScript的注意事項
-
-
13.3 JavaScript變數的使用
-
13.3.1 常值與變數
-
13.3.2 JavaScript資料型別
-
13.3.3 動態型別
-
13.3.4 資料型別轉換
-
-
13.4 JavaScript運算子
-
13.4.1 算術運算子
-
13.4.2 關係運算子
-
13.4.3 邏輯運算子
-
13.4.4 複合指定運算子
-
13.4.5 遞增及遞減運算子
-
-
13.5 JavaScript常用輸出入方法
-
13.5.1 document.write()方法
-
13.5.2 alert()函式
-
13.5.3 存取HTML元素
-
-
-
Chapter 14 JavaScript流程控制
-
14.1 選擇敘述
-
14.1.1 if+else+選擇敘述
-
14.1.2 巢狀選擇
-
14.1.3 if+else if+else+多向選擇敘述
-
-
14.2 迴圈敘述
-
14.2.1 for計數迴圈
-
14.2.2 while前測式迴圈
-
14.2.3 do...while後測式迴圈
-
14.2.4 巢狀迴圈
-
-
-
Chapter 15 JavaScript陣列與函式
-
15.1 陣列
-
15.1.1 建立一維陣列
-
15.1.2 建立二維陣列
-
-
15.2 函式
-
15.2.1 函式簡介
-
15.2.2 JavaScript函式的使用
-
15.2.3 計數函式
-
-
-
Chapter 16 jQuery函式應用
-
16.1 jQuery函式的特色
-
16.2 如何引用jQuery函式庫
-
16.3 jQuery語法
-
16.3.1 jQuery撰寫位置
-
16.3.2 ready事件
-
16.3.3 使用jQuery()函式選取元素
-
-
16.4 jQuery存取表單欄位的value值
-
16.5 事件處理
-
16.5.1 事件類型
-
16.5.2 事件方法-on()與off()
-
-
16.6 動態存取DOM元素
-
16.6.1 存取元素內容
-
16.6.2 新增、刪除內容
-
-
16.7 jQuery特效應用
-
-
Chapter 17 jQuery Mobile跨平台行動網頁設計
-
17.1 App開發技術與jQuery Mobile簡介
-
17.2 jQuery Mobile開發
-
17.2.1 如何下載jQuery Mobile函式庫
-
17.2.2 如何引用jQuery Mobile函式庫
-
-
17.3 jQuery Mobile網頁架構
-
17.4 jQuery Mobile網頁常用元件
-
17.4.1 網路資源連結
-
17.4.2 頁面切換特效
-
17.4.3 ListView清單元件
-
17.4.4 可摺疊區塊元件
-
17.4.5 可摺疊區塊群組元件
-
17.4.6 巡覽列元件
-
-
-
Chapter 18 Cordova跨平台App設計
-
18.1 認識Cordova
-
18.2 Android App設計初體驗
-
18.3 中部夜市App實作
-
18.4 大才全官網App實作
-
- 附錄 A 微軟MTA JavaScript國際認證模擬試題
- 出版地 : 臺灣
- 語言 : 繁體中文
評分與評論
請登入後再留言與評分