發表於2024-12-22
資深Web技術專傢經驗結晶,根據Bootstrap新版本撰寫,內容係統、分析深入、實戰性強,前端工程師必備;
授人以魚,全麵講解各功能組件的使用方法,以及對現有插件和擴展的二次開發;授人以漁,深入分析其架構思想和源碼實現,以及如何開發自定義的完整插件和擴展。
Bootstrap是目前全球流行、火爆的Web前端開發框架之一。它的強大之處在於它將常見的CSS布局小組件和JavaScript插件進行瞭完整並完善的封裝,能讓沒有經驗的前端工程師和後端開發工程師都迅速掌握和使用,大大提高開發效率。此外,它還能在某種程度上規範前端團隊編寫CSS和JavaScript的規範。
Bootstrap更新比較快,目前國內僅有的兩本書也都過時瞭,《Web開發技術叢書:深入理解Bootstrap》是根據Bootstrap的全新版本來撰寫的。它同時麵嚮兩類讀者:沒有Bootstrap經驗的初級前端開發工程師,書中對Bootstrap功能組件的詳細講解以及大量案例的展示能讓他們迅速晉級到中高端水平;有一定Bootstrap經驗的專業前端開發工程師,書中對Bootstrap架構思想的闡述、實現原理的分析、擴展和插件的二次開發能讓他們自如解決開發中遇到的各種疑難問題。
《Web開發技術叢書:深入理解Bootstrap》主要包含以下內容:
(1)學習Bootstrap必備的基礎知識;
(2)Bootstrap的整體架構、柵格係統、CSS組件架構、JavaScript插件架構;
(3)CSS的各種布局和組件;
(4)JavaScript的各種插件的使用方法及其源碼分析;
(5)擴展現有插件和組件,以及組閤應用的開發;
(6)開發屬於自己的第三方擴展;
(7)瀏覽器的兼容性,以及如何從Bootstrap 2.x遷移到Bootstrap 3.x
徐濤,專業Web開發工程師,精通JavaScript、CSS、HTML5等Web開發技術,以及Bootstrap等各種主流Web開發框架。擅長Web係統的架構、設計與開發,參與過全球婚戀網站Match、全球在綫旅遊網站Expedia、波音公司、GE醫療和萬達集團等多個國際知名企業的Web項目的架構與設計。他還是一位專業的微軟技術專傢,曾獲得MCP、MCTS、MCDBA等近十項認證。翻譯瞭《Java Script編程精解》等多本Java Script方麵的著作。
前言
第1章 入門準備
1.1 框架簡介
1.2 新手入門
1.3 文件結構
1.4 HTML標準模闆
1.5 CSS基本語法
1.5.1 優先級
1.5.2 選擇器
1.5.3 僞類
1.5.4 display屬性
1.5.5 媒體查詢
1.6 JavaScript基本語法
1.6.1 II和&&運算符
1.6.2 立即調用的函數錶達式
1.6.3 原型
1.7 jQuery基本用法
1.7.1 事件綁定
1.7.2 事件命名空間
1.7.3 $.data()
1.8 HTML5輔助設計
第2章 整體架構
2.1 整體架構
2.2 柵格係統
2.2.1 實現原理
2.2.2 基本用法
2.2.3 響應式柵格
2.2.4 對重復代碼的處理
2.3 CSS組件架構的設計思想
2.3.1 基礎樣式
2.3.2 顔色樣式
2.3.3 尺寸樣式
2.3.4 狀態樣式
2.3.5 特殊元素樣式
2.3.6 並列元素樣式
2.3.7 嵌套子元素樣式
2.3.8 動畫樣式
2.3.9 小結
2.4 JavaScript插件架構
2.4.1 HTML布局規則
2.4.2 JavaScript實現步驟
2.4.3 通用技術
2.4.4 不足
2.5 禁用響應式布局
第3章 CSS布局
3.1 概述
3.2 基礎排版
3.2.1 標題
3.2.2 頁麵主題
3.2.3 強調文本
3.2.4 縮略語
……
第4章 CSS組件
第5章 JavaScript插件
第6章 實戰:擴展現有組件
第7章 實戰:Win8磁貼組件開發
第8章 實戰:組閤應用開發
第9章 第三方擴展
附錄A 瀏覽器兼容性支持
附錄B 第三方插件開發建議
附錄C 從2.x遷移到3.x
附錄D Glyphicons圖標全集
為什麼要寫這本書
Bootstrap是一個非常受歡迎的前端開發框架,筆者在其1.0版本剛剛發布時就開始使用瞭。該框架極大地提高瞭我們團隊的開發效率,同時也規範瞭團隊成員在使用CSS和JavaScript方麵的編寫規範。
Bootstrap的強大之處在於它對常見的CSS布局小組件和JavaScript插件都進行瞭完整且完善的封裝,使得開發人員(不僅是前端開發人員)信手拈來,輕鬆使用。它解決瞭廣大後端開發人員的難題,學完以後,即使是那些隻會.NET和Java的高手,也可以在沒有前端開發人員的情況下獨立開發一個比較精美的Web係統。當然,專業的前端還是很重要的,因為隻有專業的前端纔可解決更為專業的前端問題,比如封裝庫和框架等。
編寫本書的初衷是培訓公司內部所有的Web開發人員,以便所有的人都能夠快速製作齣精美的Web頁麵。在經曆瞭兩個比較大型的項目後(基於最新版Bootstrap 3),筆者對各種現實環境中曾經遇到過的問題和解決方法進行瞭整理,並融入瞭這本原本是公司內部培訓教材的圖書中。筆者希望以這種方式,把自己掌握的知識和在實戰中總結的經驗分享給大傢,以便提高大傢的學習效率。
本書的主要內容和特色
本書是基於最新的Bootstrap 3進行編寫的,以實例講解和源碼分析為主要的講解方式,所以在本書裏列舉瞭大量的示例以及與之相對應的源碼,以便讀者能夠徹底瞭解每個小組件(以及各種用法)背後的原理。
在對CSS組件和JavaScript插件進行分析之後,本書提供瞭3章的實戰內容,首先是對現有組件和插件進行瞭二次擴展,然後是根據Bootstrap架構思想開發瞭自己的完整插件,最後是一個組閤應用的實例。
另外,本書還添加瞭很多Bootstrap的潛在用法,以及每個組件在日常使用時的注意事項。
關於本書的內容,這裏再多說幾句。首先,組件(或插件)是用來使用的,而架構思想是用來理解和創建組件(或插件)、解決疑難雜癥的,所以讀完本書以後,你可能得到兩種結果。
結果1 組件和插件都會使用瞭,但是沒有很好的架構思想。那就做一個製作網頁的熟手吧。不是因為Bootstrap很難,而是因為你對相關知識(CSS3、jQuery、JavaScript代碼)的掌握還不牢靠。如果你想完全理解它的思想,這就需要把第1章用於理解源碼分析的必備知識完全吸收以後(從彆的書上再多學一點會更好),再迴過頭來閱讀第2章,然後隨便找個組件(或插件)研究一下,相信就沒有問題瞭。
結果2 架構思想都完全理解瞭。那麼你下一步的工作,除瞭指導你的小夥伴們使用Bootstrap以外,還要幫他們解決疑難雜癥。若有機會,可盡量嘗試創建具有自己風格的組件或插件。
目標讀者
本書沒有對目標讀者做任何限製,初中高級讀者均適閤閱讀。因為書中的內容由淺入深,涉及瞭各個層麵的讀者,相信各個層麵的讀者都能從本書中獲益。
如果你是初級開發人員,本書豐富的示例會讓你很快上手Bootstrap框架,並由此晉級到中高端的水平。
如果你是對CSS、JavaScript比較熟悉的中級開發人員,本書的源碼分析部分將為你提供詳細的分析步驟,包括設計思想、實現方式、弊端等,為你晉級高級水平提供詳細的指導。
如果你已經是專業的前端開發人員,相信本書的源碼分析、組件(插件)擴展、全新插件開發,以及實戰部分會為你提供一些更開闊的思路。
想要學習如何編寫齣優雅而又結構化良好的代碼嗎?相信這本書就是為你準備的。
如何閱讀本書
讀者在閱讀本書的過程中,需要注意以下幾個事項:
如果你不太熟悉CSS和JavaScript(或jQuery),卻想學習如何使用Bootstrap,建議你忽略1.5節~1.7節,這些小節是源碼分析的基礎。
如果你在閱讀第2章Bootstrap架構思想時有點迷茫,請不要煩躁,可以在閱讀完第3章~第5章以後,迴過頭來再次閱讀第2章,相信那時你對於框架思想的理解就會有不同的效果瞭。
希望讀者不要急於學習後麵的實戰章節,在完全熟悉現有Bootstrap組件的使用方法並理解瞭架構思想後,再進行實戰部分的學習,效果比剛開始就學習實戰會好得多。
本書約定
本書使用下列約定:
Bootstrap文件:一般默認是指普通的CSS文件或JS文件,而非壓縮後的*.min.css或*.min.js文件,因為本書有大量的章節要進行源碼分析。
Bootstrap CSS:一般情況下錶示Bootstrap的CSS文件(bootstrap.css),特殊情況下指CSS框架集閤。
Bootstrap JS:一般情況下錶示Bootstrap的JS文件(bootstrap.js),特殊情況下是指與單個插件對應的JS文件(比如,實現Dropdown插件的dropdown.js文件)。
代碼運行瀏覽器:用火狐瀏覽器20.0.1版本運行示例代碼,特殊情況會使用IE,屆時會做說明。
代碼示例
本書的源碼分析采用如下形式(第一行注釋裏的行號是該段代碼在Bootstrap.css文件裏的行號):
// 源碼307行
img {
vertical-align: middle; /*垂直居中*/
}
資源和勘誤
第6~8章為實戰部分,筆者將實戰過程中的源代碼進行瞭打包整理,讀者可到筆者的博客上下載。當然,也可到華章網站上下載。
讀者在閱讀的過程中,發現任何錯誤和錶述不準確的地方,歡迎在筆者的博客上留言,以便再版時進行修訂,在此多謝瞭。
另外,在閱讀的過程中,有任何不夠明白或者覺得難以理解的內容,可以隨時留言給我,我們可以綫上討論。
Bootstrap是一個非常簡單的框架,相信經過幾周的學習,大傢就會完全掌握它。如果你在學習的過程中有任何問題,都可以發郵件給筆者(或者直接在博客上留言),筆者會盡最大努力幫你們解決問題。
緻謝
首先要感謝機械工業齣版社的楊福川先生,沒有他的支持和鼓勵,就不會有本書。在寫本書的過程中,楊先生為我提供瞭很多重要的想法和靈感。同時還要感謝本書的編輯,正是因為他們的辛苦工作纔使得本書能迅速推齣。
最後,要感謝我的妻子韓梅,她非常支持我的寫書工作,每天無怨無悔地照顧兒子,為我騰齣瞭很多寫作時間。
Web開發技術叢書:深入理解Bootstrap 下載 mobi pdf epub txt 電子書 格式 2024
Web開發技術叢書:深入理解Bootstrap 下載 mobi epub pdf 電子書質量不錯,值得一看,活動購買劃算
評分內容不多,一般般!
評分手冊像手冊,資料不像資料。如果藉此書入門,就彆買瞭。
評分感謝京東的滿減活動,讓我能夠以相對很高的性價比拿到這些書,謝謝。
評分公司裏買的,哈哈哈,大傢可以看
評分書挺厚的,內容講的很詳細,正在學,不錯
評分不行啊,這書,太基礎瞭,價格有點偏貴。不值得購買
評分很好,好好學習,天天嚮上
評分質量有缺陷,內容待驗證
Web開發技術叢書:深入理解Bootstrap mobi epub pdf txt 電子書 格式下載 2024