您现在使用的是移动版,点击此处切换为电脑版
loading...
 
x
当前线路为   线路一   网络好像不太流畅
试试其他线路   线路二   线路三   切换线路若仍有问题请联系客服
JavaScript+jQuery网页前端教程
16.5小时 高级拓展 讲师:韩文强

《JavaScript+jQuery网页前端教程》整套课程从JavaScript语言基础开始讲解,从易到难,理论与实例相结合,循序渐进地介绍了JavaScript与jQuery编程及网页前端开发的各个知识点。内容丰富全面,包括JavaScript基本语法,流程控制和选择结构,函数和变量,对象和数组,jQuery简介,选择器的使用,事件机制,具体操作及大量实例等。

适合人群:具有div+css网页布局基础的学员或对网页设计感兴趣的学员。

课程目的:通过div+css写出来的页面,没有交互性很难引起用户兴趣,而JavaScript网页交互特效能够真正的让你的页面动起来,可以为普通的页面增添不少色彩,通过实例引导,迅速掌握jQuery使用最少代码完成繁琐的工作任务,提高工作效率。

 

 

 

老师介绍
韩文强 主攻:网页设计/电商/web前端
简介:资深WEB前端工程师,站酷推荐设计师,是一名永不止步的学习者和分享者。擅长的行业包括WEB前端开发、电商设计及装修、UI设计等,多年从业经验和实战项目经验,共累计参与制作网站超过80个,原创设计文章超过二十几篇,点击量逾80万,被许多平台转载。开发的web前端开发课程,以通俗易懂的特点,帮助了很多菜鸟转变成了前端开发人才。
课程目录
第一章 JavaScript基础
1.1 行业分析及JavaScript介绍
本节时长:10分钟

本节课主要介绍JavaScript的用途及应用领域。

1.2 JavaScript语法特点及调试
本节时长:23分钟

本节课主要为大家介绍JS的语法特点以及五种调试方法,通过开发第一个JS文件,了解JS的三种创建输出代码。

1.3 JavaScript变量
本节时长:20分钟

本节课主要介绍JavaScript变量的创建和四种定义变量的方法,以及JS的命名规范。

1.4 JavaScript中的数据类型
本节时长:11分钟

本节课主要通过实际的演示,了解不同的数据类型,并且学会数据类型的查看方式。

1.5 JavaScript运算符
本节时长:33分钟

通过本节课的学习主要了解JS中比较重要的几种运算符,并且可以使用运算符制作简单的小案例。

第二章 JavaScript流程控制
2.1 流程控制介绍和选择结构
本节时长:29分钟

本节课主要介绍JS中的流程控制,通过本节课的学习,让大家了解if语句和switch语句的用法及区别。

2.2 while循环结构
本节时长:17分钟

本节课主要介绍while与do while这两种循环结构的区别以及注意事项。

2.3 for循环与for...in循环
本节时长:21分钟

本节课主要通过一个小案例详细介绍for循环结构的运用以及for循环与white循环的区别。

2.4 break、continue语句的用法
本节时长:7分钟

本节课主要讲解break和continue语句的用法以及循环结构需要注意的问题。

第三章 JavaScript函数
3.1 函数的作用以及声明和调用
本节时长:20分钟

本节课主要介绍JS函数的定义方式,了解函数在开发中的应用,并且了解函数的多种定义方式及不同的调用办法。

3.2 带有参数的函数和返回值
本节时长:19分钟

本节课主要讲解带有参数的函数的定义和作用,以及返回值“return”的使用。

3.3 变量的作用域
本节时长:16分钟

本节课主要介绍作用域的定义,以及变量作用域的使用和注意事项。

3.4 内置顶层函数
本节时长:26分钟

本节课主要介绍内置顶层函数的概念,了解顶层函数的作用,以及在网页中如何使用这些顶层函数。

第四章 JavaScript数组和对象
4.1 JavaScript的数组
本节时长:25分钟

本节课主要讲解数组的概念和特点,通过本节课的学习,了解数组在程序中的重要作用,熟悉使用数组的定义方式以及不同的调用方式。

4.2 JavaScript对象
本节时长:18分钟

通过本节课的学习了解对象创建的意义,熟练使用对象的多种定义方式,并且可以调用对象内的数据。

4.3 内置对象和空字符对象
本节时长:25分钟

本节课主要了解字符串对象的属性和使用方法,通过实际案例演示字符串对象的作用。

4.4 数组对象和Math对象
本节时长:28分钟

本节课主要介绍数组对象的方法,Math对象的作用以及通过Math对象实现网页中的简单应用。

4.5 通过Date对象做网页时钟
本节时长:22分钟

本节课主要介绍Date对象的属性和方法,通过本节课的学习掌握通过date对象获取系统时间的方法。

第五章 BOM/DOM对象和事件
5.1 BOM浏览器对象
本节时长:34分钟

本节课主要介绍BOM对象的定义,了解window对象的方法,掌握wndow对象下面的对滚动条的控制,定时器的设置等。

5.2 Location/History/Navigator/Scree对象
本节时长:35分钟

本节课着重介绍Location/History/Navigator/Scree对象的属性和方法。

5.3 DOM文档对象模型
本节时长:27分钟

本节课主要介绍DOM文档对象模型,学会对html元素的样式(颜色、大小、位置等等)、内容、属性来进行动态的改变和操作。

5.4 网页中的倒计时跳转效果
本节时长:8分钟

本节课主要结合前五章所学JavaScript相关知识,演示一个网页中的倒计时跳转效果。

5.5 页面中常用的事件
本节时长:23分钟

本节课主要介绍JS事件的定义,以及JS各种不同类型的事件在网页中的不同作用。

第六章 jQuery实例篇
6.1 jQuery介绍和使用方式
本节时长:22分钟

本节课主要介绍jQuery的概念和引入方法,以及基本的使用。通过原生JS和jQuery进行对比,了解jQuery的优势。

6.2 网页中常见的弹出层特效
本节时长:24分钟

本节课主要介绍如何使用选择器和click事件,并通过JS修改css样式制作网页中常见的弹出层特效。通过弹出层案例,了解jQuery选择器的用法,以及jQuery对css的控制。

6.3 弹出层的细节及网页中插入视频的方法
本节时长:31分钟

本节课主要在上节课的基础上继续编辑弹出层的细节,重点讲解在网页中插入本地视频和网络视频的方法。

6.4 折叠菜单及手风琴特效
本节时长:30分钟

本节课主要介绍jQuery效果的基本使用方法,运用click事件和淡入淡出效果制作一个网页折叠菜单及手风琴特效的案例。

6.5 鼠标划入事件制作不同类型的导航条
本节时长:33分钟

本节课主要介绍分别使用css和jQuery制作不同类型的导航条,以及使用jQuery编辑鼠标划入划出事件的方法和注意事项。

6.6 使用animate做中英切换的导航条
本节时长:27分钟

本节课主要讲解如何使用animate()方法来制作中英文切换的导航条。通过以上三节课的学习,学会使用jQuery的动画,通过活动实现导航条的下拉动画。

6.7 选项卡特效在项目中的应用
本节时长:34分钟

本节课主要讲解选项卡特效在项目中的应用,通过选项卡案例,学习鼠标事件,并且能够获取索引值来控制其他元素。

6.8 表单事件和网页中的验证功能
本节时长:39分钟

本节课主要讲解运用js做表单验证,并通过表单验证制作有趣的搜索框。

6.9 表单事件和网页中的验证功能(2)
本节时长:10分钟

本节课继续介绍js表单验证功能,并对相关知识点进行补充说明。

6.10 滚动条事件案例篇
本节时长:35分钟

本节课主要讲解滚动条的相关知识,通过该案例了解导航条的事件,能够通过获取滚动条的值来制作案例。

6.11 京东网侧栏导航特效
本节时长:18分钟

本节课主要讲解运用jQuery相关知识以及offset的运用制作一个仿京东网侧栏的导航特效。

6.12 滚动到指定位置逐次显示内容的特效
本节时长:23分钟

本节课讲解通过将JS和CSS3进行结合,制作滚动到指定位置逐次显示内容的特效。

6.13 自动轮播器特效
本节时长:35分钟

本节课主要演示一个仿京东自动轮播器的综合案例,制作网页焦点图轮播,对animation动画及定时器进行综合的应用。

6.14 自动轮播特效知识点补充
本节时长:19分钟

本节课继续优化自动轮播特效案例,并对相关知识点进行补充。

第七章 常用的插件
7.1 轮播器插件swiper
本节时长:36分钟

本章主要对一些常用插件进行简单介绍,本节课主要讲解轮播器插件swiper的下载和调用方法。

7.2 整屏滚动插件fullpage
本节时长:32分钟

本节课主要讲解fullpage插件的使用方法,并运用该插件制作一个绑定菜单的整屏滚动特效案例。

7.3 表单验证插件Validate
本节时长:33分钟

本节课主要介绍表单验证插件Validate的使用,以及修改相关参数的方法和注意事项。

7.4 其他更多插件的使用方法
本节时长:12分钟

本节课主要介绍一些常用插件网站和其他插件的使用。

处理中...