关注
分享
《JavaScript for Kids》是一本英文版的JavaScript教材，适合入门者学习，如果不考虑语言障碍，初中学生完全可以看懂。书中没有艰深的理论，step-by-step，注重实践。这是我系统性的学习js读的第一本书，记一套笔记，以便日后复习。
wershest
主动学习
展开
-
JavaScript for Kids 学习笔记：准备
为什么选择这本书？ for Kids？嗯，它就是面向js新手的。即时英语不怎么好，也能顺畅的读下去。原创 2017-03-10 12:04:31 · 1257 阅读 · 0 评论 -
JavaScript for Kids 学习笔记1. 学习环境
第一章讲了一堆废话。不过，确实也有干货，那就是学习环境。学习过程中必须要有一个简单易用的练习平台，就像Swift的Playground。原创 2017-03-10 12:24:39 · 730 阅读 · 0 评论 -
JavaScript for Kids 学习笔记2. 数据类型与变量
本章介绍js的三种基本数据类型（number、string、Boolean）、变量的创建和使用、数学运算、逻辑运算等等。原创 2017-03-10 12:44:32 · 455 阅读 · 0 评论 -
JavaScript for Kids 学习笔记3. 数组
这一章讲数组。包括数组的概念、数组的创建、数组元素的访问、数组的追加/删除、数组的连接等等。 还有两个算法概念：LIFO, FIFO。最后的例子是个真实的场景：最近中午总去北苑家园门口的 “潮驿178” 吃饭，每天都发愁吃哪一家。构建一个数组，写个函数每天随机选一家吧。原创 2017-03-10 13:08:52 · 461 阅读 · 0 评论 -
JavaScript for Kids 学习笔记4. Objects
这一章讲Object，不讲Class。习惯了面向对象语言，如：C++、C#、Java、Objc、Swift，什么的。总觉得特别扭，没有Class，哪来的Object？原创 2017-03-11 08:43:31 · 411 阅读 · 0 评论 -
JavaScript for Kids 学习笔记5. 分支和循环
其实，这是原书第6章的内容。因为第5章太简单了，只讲了一些html的基本知识，实在没有必要做笔记。其实，对于程序员来讲，这一章也没什么好看的。和C语言的分支/循环一摸一样。原创 2017-03-11 09:04:26 · 460 阅读 · 0 评论 -
JavaScript for Kids 学习笔记6. 提示框
这一章讲了三种对话框：prompt, confirm, alert 。 最后的示例是个猜字游戏，挺好玩的。原创 2017-03-11 09:31:43 · 637 阅读 · 1 评论 -
JavaScript for Kids 学习笔记7. 函数
这一章讲函数 Functions，这恐怕我学习 js 过程中遇到的最最不容易适应的地方了。function 是 “一等公民” ，是一种数据类型，是一个变量？那个 insult 小游戏倒是挺有趣儿。原创 2017-03-12 09:18:20 · 701 阅读 · 0 评论 -
JavaScript for Kids 学习笔记8. DOM & jQuery
这一章讲DOM和jQuery。 对于 jQuery 的语法，赏它两个字：诡异。$("#speaker") , 嗯，写上几十遍也就习惯了。最容易让初学者产生误解的，是它把forEach模式写的极其隐晦，如：$(.collapsing).toggle();原创 2017-03-12 19:55:40 · 421 阅读 · 0 评论 -
JavaScript for Kids 学习笔记9. 用户交互
这一章讲了四个东西：setTimeOut( ), setInterval( ), click( ), mousemove( ) 。 实际工作中从没用过mousemove, 其它三个倒是常用，或者说，如果没有用到定时器和click，压根儿就没必要写 js 程序。原创 2017-03-13 13:43:25 · 355 阅读 · 0 评论 -
JavaScript for Kids 学习笔记10. 寻宝
这是一个完整的挖宝游戏，虽然比较简陋，但逻辑完整，有人会玩上瘾。原创 2017-03-14 13:30:49 · 492 阅读 · 0 评论 -
JavaScript for Kids 学习笔记11. 面向对象
本章讲面向对象。面向对象本身的概念就略过不说了。重要的是，javascript没有class关键字，那么如何创建一个class呢？原创 2017-03-14 14:22:11 · 734 阅读 · 0 评论 -
JavaScript for Kids 学习笔记12. Canvas
Canvas，中文翻译为 “画布” 。 几年前，第一次接触html5的时候，就不断的听说它的神奇，但一直也没用过。html界面不就是一个个element搭起来的么，真的需要画图？直到最近，需要在html上显示一个圆形的progressbar，才真正认识到它的神奇/简单/实用。原创 2017-03-15 11:08:17 · 804 阅读 · 0 评论 -
JavaScript for Kids 学习笔记13. canvas 上的动画
这一章讲了四个例子：运动的方块，矩形伸缩，飞行的蜜蜂，弹球。 代码简洁清晰，很值得背下来。学习了这些知识，可以着手做些小游戏了。原创 2017-03-16 12:19:01 · 383 阅读 · 0 评论 -
JavaScript for Kids 学习笔记14: 用键盘控制动画
本章主要的知识点是键盘事件。键盘事件本身很简单，而且，随着移动应用的比重越来越大，键盘好像越来越不重要了。后半部分讲了一个例子：用键盘控制小球的运动方向。这部分代码很值得学一学，面向对象的设计很不错。而且，这个例子是下一章 “贪吃蛇” 的基础。原创 2017-03-17 18:16:46 · 557 阅读 · 0 评论 -
JavaScript for Kids 学习笔记15. 贪吃蛇
本章做一个 “贪吃蛇” 游戏，不折不扣的，完整的游戏。很兴奋啊，真的可以用几十分钟的时间，写一个游戏嘛？很著名的游戏啊，iPhone出现以前，很多手机上都带这个游戏。好像和上一章的小球有点像，如果我们小心的控制小球的运动方向，不让它撞上canvas边缘 ... 嗯，好像游戏代码已经写完一半了。原创 2017-03-18 11:02:28 · 834 阅读 · 0 评论 -
JavaScript for Kids 学习笔记16. 我居然写了16篇笔记？
JavaScript for Kids 读完了。上一篇笔记就是到最后一章了。感觉有点意犹未尽，再说点啥吧。原创 2017-03-20 09:50:25 · 950 阅读 · 0 评论