Bulma必知必會(簡體書)
商品資訊
系列名:圖靈程序設計叢書
ISBN13:9787115540843
出版社:人民郵電出版社
作者:(美)傑里米‧托馬斯; (波蘭)奧列克西‧波切辛; (瑞典)米科‧勞哈卡里; (德)戴夫‧伯寧
出版日:2020/07/01
裝訂/頁數:平裝/190頁
規格:23cm*16cm (高/寬)
商品簡介
作者簡介
名人/編輯推薦
目次
相關商品
商品簡介
Bulma是一個流行的開源CSS框架,輕量而易用。借助它,即使完全不會編寫CSS,也能輕鬆創建出美觀的網頁。本書通過生動實例細緻講解如何使用Bulma框架從頭創建Web應用。主要內容包括:Bulma的基本概念與特性,如何用Bulma創建頁面布局,Bulma組件如何工作,如何設計具體的UI元素,如何將Bulma嵌入JavaScript,如何將Bulma與流行的前端框架React、Angular和Vue集成,等等。
作者簡介
傑裡米·托馬斯(Jeremy Thomas),Bulma之父,從事網頁設計十餘年,曾任職於索尼、微軟、路易威登以及多家科技初創企業。
奧列克西·波切辛(Oleksii Potiekhin),專業Web開發人員,有多年跨平臺交互界面設計和開發經驗,曾與沃爾沃、大眾、雷諾、湯森路透等公司合作過。
米科·勞哈卡裡(Mikko Lauhakari),Web諮詢師、技術顧問,熱衷於創建Web,擁有豐富的編程語言知識。
阿斯拉姆·沙(Aslam Shah),Risk.Ident公司高級JavaScript開發人員,在為中小型企業開發前端界面方面擁有多年經驗。
戴夫·伯甯(Dave Berning),擁有多年Web開發經驗,擅長使用Vue和React創建富漸進式Web應用程序。
奧列克西·波切辛(Oleksii Potiekhin),專業Web開發人員,有多年跨平臺交互界面設計和開發經驗,曾與沃爾沃、大眾、雷諾、湯森路透等公司合作過。
米科·勞哈卡裡(Mikko Lauhakari),Web諮詢師、技術顧問,熱衷於創建Web,擁有豐富的編程語言知識。
阿斯拉姆·沙(Aslam Shah),Risk.Ident公司高級JavaScript開發人員,在為中小型企業開發前端界面方面擁有多年經驗。
戴夫·伯甯(Dave Berning),擁有多年Web開發經驗,擅長使用Vue和React創建富漸進式Web應用程序。
名人/編輯推薦
Bulma是基於Flexbox的現代CSS框架,具有響應式、模塊化、可定制等諸多亮點,而且語法簡單,輕量易用。作為廣受讚譽的開源傑作,Bulma還擁有豐富的組件和文檔,對初學者十分友好,即便不會編寫CSS,也能輕鬆上手。Bulma的目標就是幫助前端開發者用更少的CSS代碼實現更多功能。
1.本書由Bulma之父執筆,通過生動的示例一步步講解如何用Bulma構建Web應用、設計頁面布局、創建自定義UI元素和組件,以及與JavaScript框架集成。
2.示例所創建的系統包含了所有網站或內容管理系統基本都具備的CRUD功能,極具指導性。對於想開發優美界面和華麗網站的前端開發者和設計師來說,本書不容錯過!
1.本書由Bulma之父執筆,通過生動的示例一步步講解如何用Bulma構建Web應用、設計頁面布局、創建自定義UI元素和組件,以及與JavaScript框架集成。
2.示例所創建的系統包含了所有網站或內容管理系統基本都具備的CRUD功能,極具指導性。對於想開發優美界面和華麗網站的前端開發者和設計師來說,本書不容錯過!
目次
第 1章 理解Bulma及其術語和概念 1
1.1 Bulma有何獨特之處 1
1.2 簡易的柵格系統 2
1.3 可讀性 3
1.4 可定制 3
1.5 模塊化 5
1.6 列 5
1.7 修飾符 6
1.8 組件 7
1.9 輔助類 8
1.10 小結 8
第 2章 Bulma表單開發 9
2.1 模板要求 9
2.2 居中佈局 11
2.3 實現表單內容 13
2.3.1 logo 14
2.3.2 郵箱輸入框 15
2.3.3 密碼輸入框 17
2.3.4 複選框 17
2.3.5 登錄按鈕 18
2.4 小結 18
第3章 站點導航和側邊欄菜單 20
3.1 創建導航欄 21
3.1.1 導航品牌標誌 21
3.1.2 導航菜單 23
3.1.3 下拉菜單 24
3.2 頁面主區域 26
3.3 側邊欄菜單 27
3.4 小結 30
第4章 實現響應式柵格 31
4.1 工具欄 32
4.1.1 level組件和navbar組件的相似性 32
4.1.2 創建工具欄 32
4.2 圖書柵格 34
4.3 圖書項 36
4.4 分頁 39
4.5 小結 40
第5章 創建麵包屑導航和文件上傳功能 41
5.1 圖書詳情頁模板 41
5.1.1 麵包屑 42
5.1.2 圖書錄入表單 42
5.2 編輯頁面模板 46
5.3 小結 48
第6章 創建表格和下拉菜單 49
6.1 客戶列表 49
6.1.1 更新工具欄 50
6.1.2 實現客戶表格 51
6.2 新建客戶頁面 53
6.3 小結 58
第7章 創建更多表格及下拉菜單 59
7.1 訂單列表 60
7.2 訂單編輯頁面 62
7.2.1 訂單信息 64
7.2.2 圖書列表 65
7.2.3 行內表單 67
7.3 小結 69
第8章 創建通知和卡片功能 70
8.1 標題、時間範圍 71
8.2 核心指標 72
8.3 最新訂單列表 74
8.4 使用card組件展示熱門圖書 76
8.5 忠實客戶 78
8.6 小結 81
第9章 在原生JavaScript中應用Bulma 82
9.1 問題報告模態框 82
9.2 移動端toggle菜單 85
9.3 通知 86
9.4 下拉菜單 86
9.5 刪除圖書功能 87
9.6 刪除客戶功能 88
9.7 小結 88
第 10章 在Angular中使用Bulma 89
10.1 準備 90
10.2 應用 91
10.3 組件 91
10.4 小結 106
第 11章 在Vue.js中使用Bulma 107
11.1 安裝vue-cli 107
11.2 創建Vue應用程序 108
11.2.1 創建頁面 109
11.2.2 vue-router 109
11.3 安裝Bulma 111
11.3.1 方法一:CDN引入 111
11.3.2 方法二:npm包引入(推薦) 111
11.3.3 使用Font-Awesome字體 113
11.4 Vue組件 114
11.5 管理頁面骨架 114
11.6 實現Dashboard 117
11.7 登錄頁面 121
11.8 創建問題報告組件 124
11.8.1 創建組件 125
11.8.2 將模態框添加到App模板 129
11.9 圖書頁面 130
11.9.1 圖書排序 131
11.9.2 過濾圖書 132
11.9.3 創建和編輯圖書 133
11.10 小結 136
第 12章 在React中使用Bulma 137
12.1 本章目標 137
12.2 安裝create-react-app 138
12.3 create-react-app速覽 138
12.4 安裝Bulma 139
12.4.1 選項1:通過CDN添加Bulma 139
12.4.2 選項2:通過npm添加Bulma 140
12.5 使用React Router 4編寫路由 140
12.5.1 141
12.5.2 141
12.5.3 帶有路由的最終版App.js 142
12.6 創建登錄組件 142
12.6.1 Login.jsx 143
12.6.2 創建登錄表單 145
12.7 創建收藏 149
12.7.1 頁眉 150
12.7.2 Header.jsx 150
12.7.3 HeaderBrand.jsx 152
12.7.4 HeaderUserControls.jsx 154
12.7.5 整合頁眉 156
12.8 Footer.jsx 157
12.9 圖書收藏主體 158
12.9.1 Collection.jsx 159
12.9.2 CollectionSingleBook.jsx 161
12.9.3 CollectionSingleBookDetail.jsx 162
12.9.4 整合收藏組件 164
12.10 運行應用 166
12.11 小結 166
第 13章 自定義Bulma 167
13.1 安裝node-sass 168
13.1.1 創建package.json 168
13.1.2 創建sass/custom.scss文件 169
13.2 導入Bulma 171
13.3 導入穀歌字體 172
13.4 導入自己的變量 172
13.5 理解Bulma變量 173
13.6 覆蓋Bulma的初始變量 174
13.7 覆蓋Bulma的組件變量 175
13.8 修改HTML 179
13.9 自定義規則 180
13.9.1 第二字體 180
13.9.3 使用Rubik字體 183
13.9.4 修改側邊欄菜單 184
13.9.5 修補導航欄 186
13.9.6 優化表格 187
13.9.7 標題加粗 187
13.10 使用Bulma混入實現響應式 188
13.11 小結 190
1.1 Bulma有何獨特之處 1
1.2 簡易的柵格系統 2
1.3 可讀性 3
1.4 可定制 3
1.5 模塊化 5
1.6 列 5
1.7 修飾符 6
1.8 組件 7
1.9 輔助類 8
1.10 小結 8
第 2章 Bulma表單開發 9
2.1 模板要求 9
2.2 居中佈局 11
2.3 實現表單內容 13
2.3.1 logo 14
2.3.2 郵箱輸入框 15
2.3.3 密碼輸入框 17
2.3.4 複選框 17
2.3.5 登錄按鈕 18
2.4 小結 18
第3章 站點導航和側邊欄菜單 20
3.1 創建導航欄 21
3.1.1 導航品牌標誌 21
3.1.2 導航菜單 23
3.1.3 下拉菜單 24
3.2 頁面主區域 26
3.3 側邊欄菜單 27
3.4 小結 30
第4章 實現響應式柵格 31
4.1 工具欄 32
4.1.1 level組件和navbar組件的相似性 32
4.1.2 創建工具欄 32
4.2 圖書柵格 34
4.3 圖書項 36
4.4 分頁 39
4.5 小結 40
第5章 創建麵包屑導航和文件上傳功能 41
5.1 圖書詳情頁模板 41
5.1.1 麵包屑 42
5.1.2 圖書錄入表單 42
5.2 編輯頁面模板 46
5.3 小結 48
第6章 創建表格和下拉菜單 49
6.1 客戶列表 49
6.1.1 更新工具欄 50
6.1.2 實現客戶表格 51
6.2 新建客戶頁面 53
6.3 小結 58
第7章 創建更多表格及下拉菜單 59
7.1 訂單列表 60
7.2 訂單編輯頁面 62
7.2.1 訂單信息 64
7.2.2 圖書列表 65
7.2.3 行內表單 67
7.3 小結 69
第8章 創建通知和卡片功能 70
8.1 標題、時間範圍 71
8.2 核心指標 72
8.3 最新訂單列表 74
8.4 使用card組件展示熱門圖書 76
8.5 忠實客戶 78
8.6 小結 81
第9章 在原生JavaScript中應用Bulma 82
9.1 問題報告模態框 82
9.2 移動端toggle菜單 85
9.3 通知 86
9.4 下拉菜單 86
9.5 刪除圖書功能 87
9.6 刪除客戶功能 88
9.7 小結 88
第 10章 在Angular中使用Bulma 89
10.1 準備 90
10.2 應用 91
10.3 組件 91
10.4 小結 106
第 11章 在Vue.js中使用Bulma 107
11.1 安裝vue-cli 107
11.2 創建Vue應用程序 108
11.2.1 創建頁面 109
11.2.2 vue-router 109
11.3 安裝Bulma 111
11.3.1 方法一:CDN引入 111
11.3.2 方法二:npm包引入(推薦) 111
11.3.3 使用Font-Awesome字體 113
11.4 Vue組件 114
11.5 管理頁面骨架 114
11.6 實現Dashboard 117
11.7 登錄頁面 121
11.8 創建問題報告組件 124
11.8.1 創建組件 125
11.8.2 將模態框添加到App模板 129
11.9 圖書頁面 130
11.9.1 圖書排序 131
11.9.2 過濾圖書 132
11.9.3 創建和編輯圖書 133
11.10 小結 136
第 12章 在React中使用Bulma 137
12.1 本章目標 137
12.2 安裝create-react-app 138
12.3 create-react-app速覽 138
12.4 安裝Bulma 139
12.4.1 選項1:通過CDN添加Bulma 139
12.4.2 選項2:通過npm添加Bulma 140
12.5 使用React Router 4編寫路由 140
12.5.1
12.5.2
12.5.3 帶有路由的最終版App.js 142
12.6 創建登錄組件 142
12.6.1 Login.jsx 143
12.6.2 創建登錄表單 145
12.7 創建收藏 149
12.7.1 頁眉 150
12.7.2 Header.jsx 150
12.7.3 HeaderBrand.jsx 152
12.7.4 HeaderUserControls.jsx 154
12.7.5 整合頁眉 156
12.8 Footer.jsx 157
12.9 圖書收藏主體 158
12.9.1 Collection.jsx 159
12.9.2 CollectionSingleBook.jsx 161
12.9.3 CollectionSingleBookDetail.jsx 162
12.9.4 整合收藏組件 164
12.10 運行應用 166
12.11 小結 166
第 13章 自定義Bulma 167
13.1 安裝node-sass 168
13.1.1 創建package.json 168
13.1.2 創建sass/custom.scss文件 169
13.2 導入Bulma 171
13.3 導入穀歌字體 172
13.4 導入自己的變量 172
13.5 理解Bulma變量 173
13.6 覆蓋Bulma的初始變量 174
13.7 覆蓋Bulma的組件變量 175
13.8 修改HTML 179
13.9 自定義規則 180
13.9.1 第二字體 180
13.9.3 使用Rubik字體 183
13.9.4 修改側邊欄菜單 184
13.9.5 修補導航欄 186
13.9.6 優化表格 187
13.9.7 標題加粗 187
13.10 使用Bulma混入實現響應式 188
13.11 小結 190
主題書展
更多
主題書展
更多書展今日66折
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大,除封面破損、內頁脫落等較嚴重的狀態,其餘商品將正常出貨。
特別提醒:部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供,需以QR CODE 連結至當地網站註冊“並通過驗證程序”,方可下載使用。
無現貨庫存之簡體書,將向海外調貨:
海外有庫存之書籍,等候約45個工作天;
海外無庫存之書籍,平均作業時間約60個工作天,然不保證確定可調到貨,尚請見諒。
為了保護您的權益,「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨,請在商品鑑賞期內寄回,且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。