珠峰培训javaScript培训免费课教学大纲

作者:日期:2017-11-24 14:54:01 点击:63

 【开课周期及时间 】每个月举办三次,周六日上课,从上午10点到下午的5:30

【报名条件】熟悉HTML、CSS的同学均可参加,不限制听课,不收费。

【授课老师】来自腾讯的周啸天或来自百度的李晓 

    学习咨询QQ:1144709265查看免费课成绩测试题了解专业JS课程大纲

 

【第一天】

预习的视频请在群 335471513的共享里下载

1、基本概念和基本的编程规范要讲好。

比如:什么是变量,为什么要用变量,变量为什么还要有不同的类型。
比如:JS是如何控制网页上的元素的。
比如:写JS脚本的注意事项和变量的命名规范等。

2、把基本的语句语法知识讲清楚讲透彻,让同学们有个非常好的基本功。

比如:if else和三元运算符的用法(要做对比)。
比如:if else if和switch case的用法和区别(要做对比)。
比如:for循环和while的用法和区别,一定要讲清楚。
比如:break,continue这样的小知识点要讲到。
【多个条件运算的视频:http://www.zhufengpeixun.com/kecheng/detail_232573
 

3、第一天的教材里的内容都要讲完。但第一天的教材内容实在是太多,这样来讲:

函数是重点。
要让同学们培养起“对象类型的数据”的概念。
null和undefined的区别可以不讲,留在正式课讲,时间充裕也可以带一下。
typeof一定要讲。

4、九九乘法表示例。【在线视频:http://www.zhufengpeixun.com/kecheng/detail_232575

用来培训最基本的逻辑思维和熟悉代码用。在晚上的时间里讲,周末不讲。

5、隔行变行示例。【在线视频:http://www.zhufengpeixun.com/kecheng/detail_232577

用来培训最基本的逻辑思维和熟悉代码用。

6、重点:选项卡面板(重点示例,必考题)【视频链接:http://url.cn/P9YDkK

【第二天】

7、DOM的基本知识 【DOM是JS中最重要的基础知识,考试必考的知识】

表示层次关系的这些属性
查找元素的方法
创建元素
重点:添加元素、移动元素、复制元素、删除元素、替换元素
【DOM的节点和层次关系视频:http://www.zhufengpeixun.com/kecheng/detail_215361
重点:【DOM方法视频1:http://www.zhufengpeixun.com/kecheng/detail_215384
 

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

上一篇: 珠峰培训JavaScript免费课考试大纲

下一篇: 深度成就品质:珠峰培训JS培训中设计模式和自定义事件应用