Bulma必知必會(huì)

定　價(jià)：￥49.00

作　者：	杰里米·托馬斯，奧列克西·波切辛，米科·勞哈卡里，戴夫·伯寧著，華華，張俊達(dá) 譯
出版社：	人民郵電出版社
叢編項(xiàng)：
標(biāo)　簽：	暫缺

購(gòu)買(mǎi)這本書(shū)可以去

ISBN：	9787115540843	出版時(shí)間：	2020-07-01	包裝：	平裝
開(kāi)本：	32開(kāi)	頁(yè)數(shù)：	190	字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　Bulma是一個(gè)流行的開(kāi)源CSS框架，輕量而易用。借助它，即使完全不會(huì)編寫(xiě)CSS，也能輕松創(chuàng)建出美觀的網(wǎng)頁(yè)。本書(shū)通過(guò)生動(dòng)實(shí)例細(xì)致講解如何使用Bulma框架從頭創(chuàng)建Web應(yīng)用。主要內(nèi)容包括：Bulma的基本概念與特性，如何用Bulma創(chuàng)建頁(yè)面布局，Bulma組件如何工作，如何設(shè)計(jì)具體的UI元素，如何將Bulma嵌入JavaScript，如何將Bulma與流行的前端框架React、Angular和Vue集成，等等。

作者簡(jiǎn)介

　　杰里米·托馬斯（Jeremy Thomas），Bulma之父，從事網(wǎng)頁(yè)設(shè)計(jì)十余年，曾任職于索尼、微軟、路易威登以及多家科技初創(chuàng)企業(yè)。奧列克西·波切辛（Oleksii Potiekhin），專(zhuān)業(yè)Web開(kāi)發(fā)人員，有多年跨平臺(tái)交互界面設(shè)計(jì)和開(kāi)發(fā)經(jīng)驗(yàn)，曾與沃爾沃、大眾、雷諾、湯森路透等公司合作過(guò)。米科·勞哈卡里（Mikko Lauhakari），Web咨詢(xún)師、技術(shù)顧問(wèn)，熱衷于創(chuàng)建Web，擁有豐富的編程語(yǔ)言知識(shí)。阿斯拉姆·沙（Aslam Shah），Risk.Ident公司高級(jí)JavaScript開(kāi)發(fā)人員，在為中小型企業(yè)開(kāi)發(fā)前端界面方面擁有多年經(jīng)驗(yàn)。戴夫·伯寧（Dave Berning），擁有多年Web開(kāi)發(fā)經(jīng)驗(yàn)，擅長(zhǎng)使用Vue和React創(chuàng)建富漸進(jìn)式Web應(yīng)用程序。

圖書(shū)目錄

版權(quán)聲明
序
前言
第　1章理解Bulma及其術(shù)語(yǔ)和概念　1
1．1　Bulma有何獨(dú)特之處　1
1．2　簡(jiǎn)易的柵格系統(tǒng)　2
1．3　可讀性　3
1．4　可定制　3
1．5　模塊化　5
1．6　列　5
1．7　修飾符　6
1．8　組件　7
1．9　輔助類(lèi)　8
1．10　小結(jié)　8
第　2章 Bulma表單開(kāi)發(fā)　9
2．1　模板要求　9
2．2　居中布局　11
2．3　實(shí)現(xiàn)表單內(nèi)容　13
2．3．1　logo　14
2．3．2　郵箱輸入框　15
2．3．3　密碼輸入框　17
2．3．4　復(fù)選框　17
2．3．5　登錄按鈕　18
2．4　小結(jié)　18
第3章　站點(diǎn)導(dǎo)航和側(cè)邊欄菜單　20
3．1　創(chuàng)建導(dǎo)航欄　21
3．1．1　導(dǎo)航品牌標(biāo)志　21
3．1．2　導(dǎo)航菜單　23
3．1．3　下拉菜單　24
3．2　頁(yè)面主區(qū)域　26
3．3　側(cè)邊欄菜單　27
3．4　小結(jié)　30
第4章　實(shí)現(xiàn)響應(yīng)式柵格　31
4．1　工具欄　32
4．1．1　level組件和navbar組件的相似性　32
4．1．2　創(chuàng)建工具欄　32
4．2　圖書(shū)柵格　34
4．3　圖書(shū)項(xiàng)　36
4．4　分頁(yè)　39
4．5　小結(jié)　40
第5章　創(chuàng)建面包屑導(dǎo)航和文件上傳功能　41
5．1　圖書(shū)詳情頁(yè)模板　41
5．1．1　面包屑　42
5．1．2　圖書(shū)錄入表單　42
5．2　編輯頁(yè)面模板　46
5．3　小結(jié)　48
第6章　創(chuàng)建表格和下拉菜單　49
6．1　客戶(hù)列表　49
6．1．1　更新工具欄　50
6．1．2　實(shí)現(xiàn)客戶(hù)表格　51
6．2　新建客戶(hù)頁(yè)面　53
6．3　小結(jié)　58
第7章　創(chuàng)建更多表格及下拉菜單　59
7．1　訂單列表　60
7．2　訂單編輯頁(yè)面　62
7．2．1　訂單信息　64
7．2．2　圖書(shū)列表　65
7．2．3　行內(nèi)表單　67
7．3　小結(jié)　69
第8章　創(chuàng)建通知和卡片功能　70
8．1　標(biāo)題、時(shí)間范圍　71
8．2　核心指標(biāo)　72
8．3　最新訂單列表　74
8．4　使用card組件展示熱門(mén)圖書(shū)　76
8．5　忠實(shí)客戶(hù)　78
8．6　小結(jié)　81
第9章　在原生JavaScript中應(yīng)用Bulma　82
9．1　問(wèn)題報(bào)告模態(tài)框　82
9．2　移動(dòng)端toggle菜單　85
9．3　通知　86
9．4　下拉菜單　86
9．5　刪除圖書(shū)功能　87
9．6　刪除客戶(hù)功能　88
9．7　小結(jié)　88
第　10章在Angular中使用Bulma　89
10．1　準(zhǔn)備　90
10．2　應(yīng)用　91
10．3　組件　91
10．4　小結(jié)　106
第　11章在Vue．js中使用Bulma　107
11．1　安裝vue-cli　107
11．2　創(chuàng)建Vue應(yīng)用程序　108
11．2．1　創(chuàng)建頁(yè)面　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　管理頁(yè)面骨架　114
11．6　實(shí)現(xiàn)Dashboard　117
11．7　登錄頁(yè)面　121
11．8　創(chuàng)建問(wèn)題報(bào)告組件　124
11．8．1　創(chuàng)建組件　125
11．8．2　將模態(tài)框添加到App模板　129
11．9　圖書(shū)頁(yè)面　130
11．9．1　圖書(shū)排序　131
11．9．2　過(guò)濾圖書(shū)　132
11．9．3　創(chuàng)建和編輯圖書(shū)　133
11．10　小結(jié)　136
第　12章在React中使用Bulma　137
12．1　本章目標(biāo)　137
12．2　安裝create-react-app　138
12．3　create-react-app速覽　138
12．4　安裝Bulma　139
12．4．1　選項(xiàng)1：通過(guò)CDN添加Bulma　139
12．4．2　選項(xiàng)2：通過(guò)npm添加Bulma　140
12．5　使用React Router 4編寫(xiě)路由　140
12．5．1　　141
12．5．2　　141
12．5．3　帶有路由的最終版App．js　142
12．6　創(chuàng)建登錄組件　142
12．6．1　Login．jsx　143
12．6．2　創(chuàng)建登錄表單　145
12．7　創(chuàng)建收藏　149
12．7．1　頁(yè)眉　150
12．7．2　Header．jsx　150
12．7．3　HeaderBrand．jsx　152
12．7．4　HeaderUserControls．jsx　154
12．7．5　整合頁(yè)眉　156
12．8　Footer．jsx　157
12．9　圖書(shū)收藏主體　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　運(yùn)行應(yīng)用　166
12．11　小結(jié)　166
第　13章自定義Bulma　167
13．1　安裝node-sass　168
13．1．1　創(chuàng)建package．json　168
13．1．2　創(chuàng)建sass/custom．scss文件　169
13．2　導(dǎo)入Bulma　171
13．3　導(dǎo)入谷歌字體　172
13．4　導(dǎo)入自己的變量　172
13．5　理解Bulma變量　173
13．6　覆蓋Bulma的初始變量　174
13．7　覆蓋Bulma的組件變量　175
13．8　修改HTML　179
13．9　自定義規(guī)則　180
13．9．1　第二字體　180
13．9．3　使用Rubik字體　183
13．9．4　修改側(cè)邊欄菜單　184
13．9．5　修補(bǔ)導(dǎo)航欄　186
13．9．6　優(yōu)化表格　187
13．9．7　標(biāo)題加粗　187
13．10　使用Bulma混入實(shí)現(xiàn)響應(yīng)式　188
13．11　小結(jié)　190