web开发IT课程分享Web前端之路

从零开始掌握jQuery

2017-06-29  本文已影响248人  蓝桥云课

jQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。

基本上只要涉及前端的项目,都会或多或少涉及到jquery的应用,这里整理了5个教程,1个基础入门教程,4个实战项目教程,希望对前端学习者有所帮助。

基础教程:【jQuery基础入门 】

这是jQuery基础入门教程,课程总共10节,带你入门学习jQuery。

课程列表:

实战项目一:【基于 jQuery 实现图片轮播】

轮播图是在各大网站中经常见到的图片展示形式,该项目基于 HTML+CSS+JavaScript+jQuery 实现图片轮播,这是一个很容易上手的前端入门练习项目。

效果图:

image.png

实战项目二:【jQuery在购物车的使用】

该项目使用 jQuery 实现在购物车中添加删除商品,合计商品总价的功能。通过项目的学习,可以熟练操作 jQuery 实现更多的功能。

效果图:

image.png

实战项目三: 【 jQuery加载瀑布流】

该项目基于 jQuery 实现近几年很流行的瀑布流图片无限加载,另外学到如何模拟后台提供 JSON 格式数据。

效果图:

image.png

实战项目四:【网页版2048】

该项目基于 HTML+CSS+JS+jQuery 实验网页版 2048,你能学到 Web 应用程序的开发流程,从布局,初始化到编写游戏逻辑,以及如何让应用在移动端自适应以应对各种大小的屏幕。

效果图:

最后:

以上5个教程,相信可以带你对jquery有一定了解以及学会应用,如果你还想深入学习jquery以及前端知识,点击下面的链接进行学习吧;

上一篇 下一篇

猜你喜欢

热点阅读