- 定价:¥69.00
- POD价:¥79.00
- 评分:
(已有9条评价)
- 电子书:深入理解Bootstrap[按需印刷]
- 促销活动:
- 我要买:
- ·如此书原封面缺失,印刷将采用出版社授权的新封面;
- ·如电子文件出现问题,可能延长印制周期,我们将提前与您沟通
基本信息

【插图】

编辑推荐
资深Web技术专家经验结晶,根据Bootstrap最新版本撰写,内容系统、分析深入、实战性强,前端工程师必备;
授人以鱼,全面讲解各功能组件的使用方法,以及对现有插件和扩展的二次开发;授人以渔,深入分析其架构思想和源码实现,以及如何开发自定义的完整插件和扩展。
内容简介
计算机书籍
《深入理解Bootstrap》是目前Bootstrap领域技术版本最新、内容最全面、介绍最详细、实战性最强、最具深度的著作。它是资深Web技术专家多年工作经验的结晶,不仅授人以鱼,全面讲解了Bootstrap各个功能组件的使用方法,以及对现有插件和扩展的二次开发;还授人以渔,深入分析了Bootstrap的架构思想和各组件源码实现,以及如何开发自定义的完整插件和扩展。既能满足初级前端工程师系统学习并迅速实践Bootstrap的需求,又能满足专业前端工程师深入掌握Bootstrap并解决各种疑难问题的需求。
全书一共9章:第1章介绍了学习Bootstrap必备的基础知识;第2章讲解了Bootstrap的整体架构、栅格系统、CSS组件架构、JavaScript插件架构;第3~4章讲解了CSS的各种布局和组件的使用方法、实现原理和应用场景;第5章详细讲解了JavaScript的各种插件的使用方法和源码实现;第6~8章通过3个综合性案例讲解了扩展现有组件的方法、Win 8磁贴组件的开发及组合应用的开发;第9章讲解了自定义第三方扩展的开发。
作译者
目录
第1章 入门准备 / 1
1.1 框架简介 / 1
1.2 新手入门 / 2
1.3 文件结构 / 4
1.4 HTML标准模板 / 5
1.5 CSS基本语法 / 6
1.5.1 优先级 / 6
1.5.2 选择器 / 6
1.5.3 伪类 / 7
1.5.4 display属性 / 8
1.5.5 媒体查询 / 8
1.6 JavaScript基本语法 / 9
1.6.1
前言
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节,这些小节是源码分析的基础。
书摘
入 门 准 备
本章简单介绍了Bootstrap的框架,以及各种入门的基本操作。另外还介绍了CSS、jQuery、
JavaScript的一些基本用法,作为在后续的章节里对源码进行分析的基础。
1.1框架简介
Bootstrap是目前最流行的前端开发框架,由Twitter的两位前员工Mark Otto和Jacob Thornton在2010年8月份创建。它是一套基于Less的前端开发库(最新版也包含了Sass源码),提供了很多常见并常用的各种CSS和JavaScript合集,以便开发人员随时上手。目前最新版本是3.1.0。
Bootstrap内置了非常多的漂亮样式,即便是非专业的前端开发人员也能轻易使用。它秉承了一切从简的风格,使得开发人员能够毫无顾虑,放心使用,而无须担心这个div的高度、那个span的宽度等细枝末节的问题。即使没有设计师的团队,也能够使用这套框架迅速构建一个网站原型,甚至是构建一个生产环境的网站。
截止到目前,Bootstrap在Github上已经有5142个Watch、64207个Star、23019个fork,在经受了千万用户的考验之后,如今的Bootstrap已经非常强大了,其如此受欢迎的原因是:首先,Bootstrap系出名门(Twitter),代码开源,久经考验,可减少测试的工作量(站在巨人的肩膀上,我们不需要再重复“造轮子”);其次,Bootstrap的代码有着非常良好的代码规范(本书会用相当一部分章节来分析其源码),从中可以学到很多知识。所以使用Bootstrap作为前端框架创建项目,其日后代码的维护自然也会变得非常容易。
Bootstrap提供了如下重要的特性:
一套完整的基础CSS插件。
丰富的预定义样式表。
一组基于jQuery的JS插件集。
一个非常灵活的响应式(Responsive)栅格系统,并且崇尚移动先行(Mobile First)的思想。
Bootstrap默认提供了大量的插件和合集,代码非常简洁,并且易于修改,你完全可以在其基础之上修改成任何自己想要的样子。同时这也是Bootstrap真正强大的地方,这些非常不错的插件,包括对话框、下拉导航等,使得Bootstrap不但功能完善,而且十分精致,正在成为众多jQuery项目默认的设计标准。这使得工作效率得到了极大的提升。
从V3.1.0开始,Bootstrap的License授权改成了MIT协议。MIT是目前最为宽松的协议,大家可以放心地在各种商业环境中使用它。
另外,由于Bootstrap的火暴,很多贡献者围绕Bootstrap也开发了大量优秀的插件,其中最有名的就是Font Awesome。它是一套icon字体,提供了丰富的icon供你选择,最新的3.0版包含了多达369个icon图标(第9章中讲解Font Awesome)。
由于框架的发展,该框架的开发团队也逐步扩大,其中Core Team已经从2人扩展到4人了。另外,随着Sass的不断强大,Sass Team也成立了。表1-1和表1-2所示是相关成员的基本信息。
表1-1Core Team成员
姓名 URL Twitter
Mark Otto https://github.com/mdo @mdo