【青少年编程】JS课程大纲

简介：

JavaScript是一门计算机脚本语言，广泛用于Web应用开发。
JavaScript可以在浏览器快速看到运行结果，这点比较适合青少年学习编程。
个人建议从3年级以上开始学习比较好。
一开始无法自己创建项目，需要在老师准备好的项目中完成每节课的练习。
这里整体的课程采用游戏创作作为主线，会让孩子觉得学习也很有趣味。
当然，这里对于逻辑思维的锻炼让孩子获益匪浅。
这里是课程知识大纲，方便快速预习和复习。

0 体验编程-画图片

知识：编程概念、drawImage draw move
任务：在浏览器的画布上画出角色，使用方向键控制角色移动

1 写文字和警告框

知识：fillText、font、alert
任务：画飞机组成正方形、在界面上写出飞机大战、用警告框显示文字

2 字符串变量与整数变量

知识：声明变量、变量命名规则、变量的重新赋值
任务：用变量表示飞机的坐标、使用变量显示名字

3 定时器

知识：变量的可变性、setInterval方法的基本用法
任务：每隔1秒钟警告框数字加1、飞机连续移动

4 字符串拼接和知识的综合运用

知识：字符串拼接符号+ 的使用
任务：在警告框上显示朋友的数量、背景和敌飞机都移动

5 if语句

知识：if语句基本用法、判断真假、比较运算符
任务：成绩是否及格、背景的连续移动

6 prompt对话框和if-else语句

知识：prompt()方法、if else 语句
任务：输入年龄显示到警告框上、间隔时间发射子弹、是否免运费

7 if else if 复杂情况判断

知识：逻辑非！、if-else、if-else-if
任务：对成绩进行划分、输入飞机类型画不同敌飞机

8 方法

知识：方法的定义和调用
任务：创建并调用飞机移动的方法、求和的方法

9 对象（属性）

知识：创建和访问对象
任务：创建球对象、创建鱼对象、创建学生对象

10 对象（方法）

知识：对象中的属性和方法
任务：在构造方法中定义普通方法并调用、Sky对象的属性和方法

11 对象（带参数构造方法）

知识：方法的参数、
任务：带参数的球构造方法、正方形对象、计算周长和面积的方法

12 随机数

知识：随机数应用
任务：生成任意范围内的随机数、实现敌飞机随机出现并移动

13 数组

知识：数组的定义、数组元素的访问
任务：使用数组存储家庭成员的名字、使用数组存储飞机的x坐标

14 数组的元素是对象（难）

知识：数组的元素是对象、获取对象的属性
任务：用数组存储学生信息、使用数组存储敌飞机对象

15 数组的应用

知识：数组存储对象、调用对象的方法
任务：用数组存储正方形对象、用数组存储飞机对象并移动

16 switch语句和parseInt()方法

知识：switch语句的使用、break、parseInt()方法的用法
任务：大中小三种不同包的价格、整数转换

17 splice()方法、逻辑或、switch语句和数组

知识：splece()方法、逻辑或、switch语句、数组
任务：splice()想数组中添加或删除元素、创建三种敌飞机存入数组

18 document.write()和for循环

知识：for循环的语法、document.write()的用法
任务：模拟输出10架飞机、输出1到100的奇数（单数）

19 换行符和取余运算符

知识：换行符< b r /> 、%
任务：输出10行10列的心、输出10行心、每一行增加一个心

20 累加器、数组的length属性

知识：累加器++、数组的length属性
任务：计算1到100的和、获取数组中所有元素（遍历数组）

21 for循环与数组的应用

知识：复习for循环和数组
任务：画出所有飞机，并移动。

22 Date对象

知识：获取当前日期时间
任务：设定飞机出现的时间间隔

23 Date对象的应用

知识：Date对象复习加深
任务：计算商品的过期促销时间、设定天空、敌飞机重绘的时间间隔

24 onclick事件

知识：什么事HTML、button按钮、按钮对象
任务：点击“点我”按钮，弹出警告框、猜数字小游戏

25 onmousemove事件

知识：对象直接量、
任务：让蜜蜂跟随鼠标移动、定义英雄机对象并且实现英雄机跟随鼠标移动

26 对象和方法的应用

知识：对象和方法的复习
任务：让英雄机发射子弹

27 继承

知识：c.call()继承（难）
任务：根据周长计算圆形面积、正方形面积、父对象Shape

28 继承、逻辑与&

知识：创建父类、重构对象（难）
任务：重构敌飞机、英雄机、子弹作为FlyingObject的子对象

29 i--、undefined、console.log()

知识：i--、undefined、console.log()
任务：判断是否发生了碰撞、

30 continue

知识：for 、if、continue
任务：检查碰撞、敌飞机消失

31 路径

知识：相对路径、绝对路径、删除数组元素、使用数组存储图片
任务：子弹消失、删除英雄机

32 动画帧的认识

知识：继承复习、重写FlyingObject构造方法
任务：实现碰撞之后的爆炸效果

33 销毁动画以及游戏的开始暂停

知识：鼠标移入、移出、点击事件
任务：游戏的开始、暂停、运行、结束状态

34 添加UFO飞行物

知识：复习构造方法、数组、对象
任务：添加UFO飞行物、多重子弹效果

35 捕鱼达人1

知识：画图、写文字、数组存储图片、timeOUt方法
任务：实现捕鱼达人场景以及实现鱼的游动
挑战：
（1）今天星期日，再过1000天是星期几？（多种方法）
（2）两个数的和是2016，其中一个加数的个位是0，如果把这个0去掉，就正好等于另一个加数的两倍。这两个加数各是多少？

36 捕鱼达人2

知识：创建对象、存入数组、访问对象的属性和方法
任务：让鱼游动时有动画效果
挑战：
（1）画出三排15颗*
（2）画出矩形，长8颗宽10颗
（3）while循环输出1到100

37 捕鱼达人3

知识：创建Net对象、鼠标事件
任务：网随鼠标移动、点击鱼判断是否被捕获
挑战：
（1）写出九九乘法表

38 捕鱼达人4

知识：控制时间间隔（isActionTime）
任务：控制鱼的数量、分数、改变捕鱼的概率
挑战：
（1）鸡兔同笼，共有头48个，脚132只，求鸡和兔子各有多少只