jQuery+Bootstrap Web开发案例教程(在线实训版)
上QQ阅读APP看书,第一时间看更新

前言

jQuery作为一种非常成熟的JavaScript框架,据统计,在高峰时全世界有80%~90%的网站使用了jQuery。尽管近年来出现了Vue.js等新框架,但是世界上仍有大量运行中的系统是基于jQuery开发的,因此作为一名Web前端开发人员,掌握jQuery是非常必要的。加之jQuery“少写、多做”的理念,让前端开发人员能够非常快捷地完成很多开发工作,大大提升了工作效率,因此jQuery几乎受到了所有前端开发人员的欢迎。

与之配合使用的另一个UI层框架Bootstrap,近年来也在不断演进,特别是在其最新的5.0版中大量引入“工具类”的概念,其与“组件化”的传统理念相配合,大大简化了开发人员在前端开发中经常会遇到的烦琐操作,进而极大程度地提高了开发效率。

本书通过大量实际案例深入讲解使用jQuery和Bootstrap进行前端开发的概念、原理和方法。

编写思路

各章案例预览

本书上篇从jQeury的基础知识讲起,特别突出了“先选取、后操作”的jQuery的基本思想,并且通过实战案例,深入讲解了使用jQeury控制DOM、处理事件、通过AJAX获取数据等专题。下篇讲解了使用Bootstrap进行移动优先、响应式布局的Web应用的开发方法,并且通过两个综合案例,介绍了如何结合jQuery和Bootstrap进行Web应用开发实战。本书十分重视“知识体系”和“案例体系”的构建,并且通过不同案例对相关知识点进行说明,以期培养读者在Web前端开发领域的实战技能。读者可以扫码预览本书各章案例。

特别说明

(1)学习本书所需的前置知识是HTML5、CSS3和JavaScript这3种基础语言。读者可以参考本书配套的知识导图,检验自己对相关知识的掌握程度。

(2)学习本书时,读者特别需要重视对DOM的理解。jQuery最核心的功能即帮助开发人员方便快捷地操作DOM元素。因此,掌握了对DOM元素的灵活操作方法,就掌握了jQuery的灵魂。

(3)在Bootstrap篇需要理解“原子化”的概念,以及“工具类”的使用方法。如果先把“原子化”的概念理解透彻,后面使用各种工具类时就会得心应手。

最后,祝愿读者学习愉快,早日成为一名优秀的Web前端开发者。

温谦
2021年冬于北京