jQuery深入&移动端开发

jQuery深入&移动端开发

步骤1: jQuery进阶

本阶段主要介绍jQuery的深入内容,包括jQuery动画、常用工具函数,以及如何用jSon和Ajax进行数据交换,还有左侧导航案例,更有常用工具包fullPage的应用。


第1课

jQuery动画

本课程主要讲解jQuery中的动画,使页面更加生动、动画的兼容性更好。

第2课

jQuery常用工具函数

本课程主要讲解jQuery与其他库同时使用的常用方法、浏览器及特性检测、处理JS对象和集合以及其他工具函数,使jQuery库实现更加丰富的效果。

第3课

JSON与AJAX

本课程主要讲解AJAX的优势、跨域方案以及JSON数据格式和浏览器中的JSON对象

第4课

左侧导航案例

本课程主要讲解了实现左侧导航的几种方式,并进行了详细的对比,让同学们可以灵活的运用不同的方式来实现左侧导航特效。

第5课

fullPage

本课程主要讲解了fullpage插件的配置项详解与项目项目的实际应用。


步骤2: 移动响应式

本阶段主要带领大家走进移动端,主要讲解了移动基础视口、弹性盒布局、响应式布局、以及结合前面的只是实现综合案例等内容,为移动端开发打下坚实的基础。


第1课

移动基础

通过本课程的学习,我们能够了解到移动端与PC端不同的地方,通过对移动端的基础、度量单位、浏览器等知识的学习我们能对移动端开发有一个初步的了解。

第2课

响应式布局

本课程,老师将带领大家学习移动端响应式布局的实现,当屏幕到达一定的宽度的时候会有不一样的布局。

第3课

flex弹性布局

本课程将会带领大家学习移动端的布局——flex布局。通过学习伸缩容器和项目的属性学习,完成对页面实现弹性的布局。

第4课

移动端界面案例

本课程主要讲解了移动端的一个界面案例,通过对布局的讲解,代码的分析以及flex布局的使用,让大家对移动端的实际开发有一个综合的了解。


步骤3: 常用工具包

本阶段主要带领大家学习移动端常用的工具包zepto、swiper等内容,还有调试工具的讲解,大家能够在代码出现问题时自己找问题,学完之后能够深入的了解移动端。


第1课

错误调试与处理

本课程讲解了我们在研发的过程中遇到代码出现问题的时候,应该如何去找问题,如何去调试代码。

第2课

zepto

课程主要通过选择器、事件、动画等多个方向来全面了解zepto,并且最后实现编写一个zepto插件。

第3课

Swiper

本课程主要介绍了swiper用于移动端网站滑动特效插件,快速实现Tab切换、多图切换等常用效果。


步骤4: Bootstrap详解

本阶段主要带领大家来一起学习Bootstrap的相关知识,会从下载配置到组件的应用,以及如何快速搭建网页布局,带领大家层层揭秘Bootstrap的神奇之处。


第1课

bootstrap栅格布局

本课程主要讲解了什么是bootstrap的栅格化布局,以及如何使用栅格化布局完成响应式页面

第2课

bootstrap模块分类及排版布局

通过本课程的学习,我们将会对页面的模块进行分类,对布局进行排版,以及使用bootStrap对表单、表格、按钮、图像和文本进行样式设置。

第3课

bootstrap常用组件

本节课带领大家来学习bootstrap组件和插件,可复用的组件和插件提高了开发效率以及增加了页面的用户体验。

第4课

bootstrap实战案例

学习了bootstrap的基础知识,本课程我们就来运用bootstrap实现一个网页的布局,体验项目的开发流程以及技巧。


下载地址:

百度网盘下载

猜你喜欢

转载自blog.csdn.net/qq_33561908/article/details/80224571