【开课周期及时间 】每个月举办三次,周六日上课,从上午10点到下午的5:30
【报名条件】熟悉HTML、CSS的同学均可参加,不限制听课,不收费。
【授课老师】来自腾讯的周啸天或来自百度的詹远祝
学习咨询QQ:1144709265查看免费课成绩测试题了解专业JS课程大纲
【第一天】
预习的视频请在群 335471513的共享里下载
1、基本概念和基本的编程规范要讲好。
比如:什么是变量,为什么要用变量,变量为什么还要有不同的类型。
比如:JS是如何控制网页上的元素的。
比如:写JS脚本的注意事项和变量的命名规范等。
2、把基本的语句语法知识讲清楚讲透彻,让同学们有个非常好的基本功。
比如:if else和三元运算符的用法(要做对比)。
比如:if else if和switch case的用法和区别(要做对比)。
比如:for循环和while的用法和区别,一定要讲清楚。
比如:break,continue这样的小知识点要讲到。
3、第一天的教材里的内容都要讲完。但第一天的教材内容实在是太多,这样来讲:
函数是重点。
要让同学们培养起“对象类型的数据”的概念。
null和undefined的区别可以不讲,留在正式课讲,时间充裕也可以带一下。
typeof一定要讲。
4、九九乘法表示例。【在线视频:http://www.zhufengpeixun.com/kecheng/detail_232575】
用来培训最基本的逻辑思维和熟悉代码用。在晚上的时间里讲,周末不讲。
5、隔行变行示例。【在线视频:http://www.zhufengpeixun.com/kecheng/detail_232577】
用来培训最基本的逻辑思维和熟悉代码用。
6、重点:选项卡面板(重点示例,必考题)【视频链接:http://pan.baidu.com/s/1sjvyABz】
【第二天】
7、DOM的基本知识 【DOM是JS中最重要的基础知识,考试必考的知识】
表示层次关系的这些属性
查找元素的方法
创建元素
重点:添加元素、移动元素、复制元素、删除元素、替换元素
8、数组的基本知识【必考知识点】
9、基本的算法。
10、Math方法:Math.random,Math.ceil,Math.floor,Math.round,Math.abs等
补充:数组的常用方法
在JS中,常用的类有这几个:String,Date,Array,RegExp,Math,DOM
Array(数组类)可以说是最常用的。学习数组的方法,要从以下四个方面来把握:
每个方法功能,参数个数和类型(那个参数是必写,那个参数可选的),返回值,是不是对原来实例有修改
Math方法:Math.random,Math.ceil,Math.floor,Math.round,Math.abs等
Array对象(数组) 【以下是学生整理的,也可以以单词表中的为准】
方法:(1)concat,基于当前数组创建一个新数组
var a=[1,2,3,4,5,6,7];
alert(a);//输出的结果1,2,3,4,5,6,7
var b=a.concat(8);
alert(b);//输出的结果1,2,3,4,5,6,7,8
(2)join,添加分隔符
var a=[1,2,3,4,5,6,7];
var b=a.join('--');
alert(b);//输出的结果:1--2--3--4--5--6--7--8
(3)pop,移除数组最后一个元素
var a=[1,2,3,4,5,6,7];
alert(a.pop()); //输出要移除的元素,7
alert(a); // 输出1,2,3,4,5,6
(4)push,为数组末尾添加元素
var a=[1,2,3,4,5,6,7];
alert(a.push(8)); //输出添加的元素 8
alert(a); //输出1,2,3,4,5,6,7,8
(5)reverse,将数组倒序排列
var a=[1,2,3,4,5,6,7];
a.reverse(); //输出的结果7,6,5,4,3,2,1
alert(a); //输出的结果7,6,5,4,3,2,1
(6)shift,移除数组的第一个元素,并返回移除的元素
var a=[1,2,3,4,5,6,7];
alert(a.shift()); //输出移除的元素1
alert(a); //输出2,3,4,5,6,7
(7)slice,基于当前数组获取指定区域的元素,并创建一个新数组,从第几位开始到第几位之前的元素全部取出来。
var a=[1,2,3,4,5,6,7];
alert(a.slice(0,5)); //从第0个开始取取到第5个之前。输出的结果1,2,3,4,5
alert(a); //输出的结果1,2,3,4,5,6,7
(8)sort, 将数组元素从小到大排序,
var a=[2,1,4,3,7,5,6];
alert(a.sort());//输出的结果1,2,3,4,5,6,7
alert(a); //原来的数组也会变化,输出的结果1,2,3,4,5,6,7
(9)splice,插入,替换,删除。
删除:var a=[1,2,3,4,5,6,7];
alert(a.splice(0,3)); //从第0项开始,移除三个元素。输出的结果1,2,3
alert(a); //原数组改变,变为移除后的数组。输出的结果4,5,6,7
替换:var a=[1,2,3,4,5,6,7];
alert(a);
var b=a.splice(1,2,'新增');//从索引为1的地方开始删除当前1个元素,将‘新插入’这个元素插入到删除的位置
alert(b); //输出被删除的元素:2,3
alert(a); //改变后的数组:1,新增,4,5,6,7
插入: var a=[1,2,3,4,5,6,7];
var b=a.splice(1,0,'新插入');
alert(b); //输出空;
alert(a); //输出1,新插入2,3,4,5,6,7;
(10)toString, 转换为字符串
(11)unshift:与shift相反,unshift给数组开头增加元素。
var a=[1,2,3,4,5,6,7];
alert(a.unshift('xinzen','新增'));//输出9,数组里边元素的个数
alert(a); // 输出 xinzen,新增,1,2,3,4,5,6,7