《javascript jquery网页前端教程》整套课程从javascript语言基础开始讲解,从易到难,理论与实例相结合,循序渐进地介绍了javascript与jquery编程及网页前端开发的各个知识点。内容丰富全面,包括javascript基本语法,流程控制和选择结构,函数和变量,对象和数组,jquery简介,选择器的使用,事件机制,具体操作及大量实例等。
适合人群:具有div css网页布局基础的学员或对网页设计感兴趣的学员。
课程目的:通过div css写出来的页面,没有交互性很难引起用户兴趣,而javascript网页交互特效能够真正的让你的页面动起来,可以为普通的页面增添不少色彩,通过实例引导,迅速掌握jquery使用最少代码完成繁琐的工作任务,提高工作效率。
第一章 javascript基础
|
本节课主要介绍javascript的用途及应用领域。 |
本节课主要为大家介绍js的语法特点以及五种调试方法,通过开发第一个js文件,了解js的三种创建输出代码。 |
本节课主要介绍javascript变量的创建和四种定义变量的方法,以及js的命名规范。 |
本节课主要通过实际的演示,了解不同的数据类型,并且学会数据类型的查看方式。 |
通过本节课的学习主要了解js中比较重要的几种运算符,并且可以使用运算符制作简单的小案例。 |
第二章 javascript流程控制
|
本节课主要介绍js中的流程控制,通过本节课的学习,让大家了解if语句和switch语句的用法及区别。 |
本节课主要介绍while与do while这两种循环结构的区别以及注意事项。 |
本节课主要通过一个小案例详细介绍for循环结构的运用以及for循环与white循环的区别。 |
本节课主要讲解break和continue语句的用法以及循环结构需要注意的问题。 |
第三章 javascript函数
|
本节课主要介绍js函数的定义方式,了解函数在开发中的应用,并且了解函数的多种定义方式及不同的调用办法。 |
本节课主要讲解带有参数的函数的定义和作用,以及返回值“return”的使用。 |
本节课主要介绍作用域的定义,以及变量作用域的使用和注意事项。 |
本节课主要介绍内置顶层函数的概念,了解顶层函数的作用,以及在网页中如何使用这些顶层函数。 |
第四章 javascript数组和对象
|
本节课主要讲解数组的概念和特点,通过本节课的学习,了解数组在程序中的重要作用,熟悉使用数组的定义方式以及不同的调用方式。 |
通过本节课的学习了解对象创建的意义,熟练使用对象的多种定义方式,并且可以调用对象内的数据。 |
本节课主要了解字符串对象的属性和使用方法,通过实际案例演示字符串对象的作用。 |
本节课主要介绍数组对象的方法,math对象的作用以及通过math对象实现网页中的简单应用。 |
本节课主要介绍date对象的属性和方法,通过本节课的学习掌握通过date对象获取系统时间的方法。 |
第五章 bom/dom对象和事件
|
本节课主要介绍bom对象的定义,了解window对象的方法,掌握wndow对象下面的对滚动条的控制,定时器的设置等。 |
本节课着重介绍location/history/navigator/scree对象的属性和方法。 |
本节课主要介绍dom文档对象模型,学会对html元素的样式(颜色、大小、位置等等)、内容、属性来进行动态的改变和操作。 |
本节课主要结合前五章所学javascript相关知识,演示一个网页中的倒计时跳转效果。 |
本节课主要介绍js事件的定义,以及js各种不同类型的事件在网页中的不同作用。 |
第六章 jquery实例篇
|
本节课主要介绍jquery的概念和引入方法,以及基本的使用。通过原生js和jquery进行对比,了解jquery的优势。 |
本节课主要介绍如何使用选择器和click事件,并通过js修改css样式制作网页中常见的弹出层特效。通过弹出层案例,了解jquery选择器的用法,以及jquery对css的控制。 |
本节课主要在上节课的基础上继续编辑弹出层的细节,重点讲解在网页中插入本地视频和网络视频的方法。 |
本节课主要介绍jquery效果的基本使用方法,运用click事件和淡入淡出效果制作一个网页折叠菜单及手风琴特效的案例。 |
本节课主要介绍分别使用css和jquery制作不同类型的导航条,以及使用jquery编辑鼠标划入划出事件的方法和注意事项。 |
本节课主要讲解如何使用animate()方法来制作中英文切换的导航条。通过以上三节课的学习,学会使用jquery的动画,通过活动实现导航条的下拉动画。 |
本节课主要讲解选项卡特效在项目中的应用,通过选项卡案例,学习鼠标事件,并且能够获取索引值来控制其他元素。 |
本节课主要讲解运用js做表单验证,并通过表单验证制作有趣的搜索框。 |
本节课继续介绍js表单验证功能,并对相关知识点进行补充说明。 |
本节课主要讲解滚动条的相关知识,通过该案例了解导航条的事件,能够通过获取滚动条的值来制作案例。 |
本节课主要讲解运用jquery相关知识以及offset的运用制作一个仿京东网侧栏的导航特效。 |
本节课讲解通过将js和css3进行结合,制作滚动到指定位置逐次显示内容的特效。 |
本节课主要演示一个仿京东自动轮播器的综合案例,制作网页焦点图轮播,对animation动画及定时器进行综合的应用。 |
本节课继续优化自动轮播特效案例,并对相关知识点进行补充。 |
第七章 常用的插件
|
本章主要对一些常用插件进行简单介绍,本节课主要讲解轮播器插件swiper的下载和调用方法。 |
本节课主要讲解fullpage插件的使用方法,并运用该插件制作一个绑定菜单的整屏滚动特效案例。 |
本节课主要介绍表单验证插件validate的使用,以及修改相关参数的方法和注意事项。 |
本节课主要介绍一些常用插件网站和其他插件的使用。 |