【第一步】
首先通过视频或者书籍，学习JS的基本语法、基本特性等，
同时了解JS都有哪些内置函数、内置属性等，
建立起对JS都能做什么，它用来做什么，它都能实现什么功能等基本的宏观概念；
【第二步】
给自己预定一个大概可以实现的JS功能，然后试图去完成它，不用非要做到全原创
通过抄袭代码放到你的网页上去，让它可以达到你的要求，其中有一些不符合你要求的地方，对其进行修改，修改的过程中，你就必须要去了解它的功能实现步骤，这个步骤使用得多了，你有脑海里就会建立起一个JS程序编写的流程概念，给自己独立写代码打下基础
这个过程以及第三步甚至是以后，你都需要用到搜索引擎，学习如何使用搜索引擎来准确查找你要实现的某个细节功能；
【第三步】
开始尝试自己写代码，将一些以前写过的或者没写过的重新按自己的思路写，或者原创一个实用的功能。
写代码的时候同样和第二步一样，需要进行大量的知识吸纳过程，这时候你慢慢地会对JS的宏观轮廓有一个更清晰的认识过程，比如JS内部都有哪些内置类，它的核心之外都有哪些对外接口，比如DOM、window等。
这个过程中，多多去一些问答社区去找一些网友提问的问题，尝试独立解决它们，在帮助别人的同时，对自己的知识积累才是最主要的。
【第四步】
这个时候你已经是一个JS老手了，寻找一些稀奇古怪的代码，来了解JS更细化的知识，弥补对JS的认识空白和以往的误区。
同时，编写自己的JS库，比如针对浏览器兼容性而开发的动画库、常用简化库等。
学习和使用已有的JS库，比如jquery等。
——————
以上的步骤基本是学习的流程，但不见得非要按步就班，如果你的学习能力很强，可以将第二、三步同步进行。
另外，多去JS的相关知识站点学习，下面给你提供一些这样的站点：
参考资料：
【w3school中国站】 http://www.w3school.com.cn/js/index.asp
【w3schools国际站】http://www.w3schools.com/js/default.asp
【微软JScript官方教程】http://msdn.microsoft.com/zh-cn/library/72bd815a.aspx
1、DOM深入3、DOM访问
4、属性访问和设置
5、节点关系
6、子节点属性childNodes
7、firstChild和lastChild属性
8、parentNode属性
9、nextSibling和prevSibling属性
10、节点操作
11、创建节点和上树
12、移动节点
13、删除节点 removeChild()方法
14、替换节点 replaceChild()方法
15、克隆节点 cloneNode()方法
16、jQuery中的节点操作
17、创建节点
18、上树的8种方法
19、wrap()和unwrap()、wrapAll()
20、replaceWith()和replaceAll()方法
21、empty()和remove()方法
22、clone()方法
23、拼图轮播
1、事件流
2、事件流概述
3、DOM0级事件监听方法
4、DOM2级事件监听
5、低版本IE的事件添加
6、事件绑定小轮子
7、event事件对象
8、IE6、7、8的兼容问题
9、通用属性
10、阻止事件冒泡
11、阻止默认事件
12、讲解三个案例
13、鼠标位置
2、原生JS的元素位置和尺寸
3、认识offsetParent
4、offsetTop和offsetLeft
5、在页面中的净位置
6、clientWidth、clientHeight、offsetWidth、offsetWidth
7、拖拽
8、去掉监听
9、jQuery中的事件
10、jQuery中的同名事件是不会覆盖的
11、$(document).ready()
12、jQuery的事件相关方法
2、鼠标滚轮事件
3、Onmousewheel
4、火狐中的鼠标滚轮事件
5、滚轮的滚动方向与速度
6、区别
7、onscroll事件
8、页面的卷动值
10、头像裁剪布局
11、键盘事件
12、键盘对象
13、fromCharCode
1、ECMA中的数据类型
2、对象
3、delete关键字
4、如何快速创建相似对象
5、构造函数
6、方法和属性
7、原型
8、hasOwnProperty方法
9、instanceof关键字
10、继承
11、构造函数式继承
12、类式继承
13、组合式继承
这是一个大概的流程，想要学习完整的内容可以进群前面是2九六中间是5九一后边是29零，希望可以帮助到你。
