javascript技术教程蔡敏_如何循序渐进、有效地学习JavaScript？

有效的学习，比系统 的学习要好的多。

如果是我，我会先在网上找一些基本的JavaScript的语法的教程，例如，这个，JavaScript 教程 | 菜鸟教程​www.runoob.com

然后打开chrome浏览器，按f12，打开控制台，把上面教程里的代码，一边看，一边在控制台里写一遍，运行一下看看结果。只要出效果的，再多写几遍，把它背下来。这样你可以先学会基本的语法、变量，if else for function等函数语句、逻辑控制语句等。

再接下来可以写一些小例子，例如99乘法表、小弹窗、按钮事件等基本的dom操作。再接下来，你可以在网上找一些基本的JavaScript入门的小例子，就这样的，

也不用买什么书，就是网上这些小例子，就一边照着抄代码，一边遇到不会的地方就在网上查。

当你把网上的各种短小的例子都做的差不多的时候，应该对基本的javascript逻辑控制什么的都比较熟悉了，这时可以看看这本书，虽然旧了点，但挺不错的，

这种方式，比你直接一开始就抱着本书硬看效果好的多。每当你抄完一个例子的代码，并运行正常的时候，你都会在内心里积累一份成就感。这种成就感会支撑你不断的继续学习下去。

搞定了基本的JavaScript的dom操作之后，目前就不必再深入研究js了，什么原型、构造器、继承什么的先暂时放一放，先以实际应用为上。接着就是把node学一下，看这里，Node.js 教程 | 菜鸟教程​www.runoob.com9小时，搞定NodeJs开发！​www.bilibili.com

不用多看其它的nodejs教程，就是把node的基本安装使用，npm的使用搞明白就行，什么流啊、缓存啊等，先不用管。学习node的目的，是为了安装学习vue，vueJs的基本语句的学习看这里，Vue.js 教程 | 菜鸟教程​www.runoob.com

新人学习vue推荐使用vue-cli这个框架，比较容易上手，看这里，基于vue-cli快速构建​www.jianshu.com

当你把vue-cli安装好了，并且vue的基本语法也ok之后，就可以做一些vue的小例子啦。什么掘金啊、segmentfault啊，csdn啊，这都是很好的学习网站，在里面搜一下【vue例子】会找到很多的vue小例子，一个一个的做下来，很快就能掌握vue的使用，

当你通过上面的那些小例子，把vueJs的基本用法都熟悉之后，可以尝试做一些复杂的vue项目应用了，可以看看这里，Vue+Node移动商城实战视频教程【更新至第40节】​www.bilibili.com

就这样，一步一步的学习下去，然后reactJs的学习方式也大致如此，老尚的WEB前端教室 - 原创且免费的web前端视频教程，…​www.laoshang01.com

关注我的微信公众号【web前端教室】，回复关键字「 资料 」，获得一整套【JavaScript核心与实例】视频教程