有效的学习,比系统 的学习要好的多。
如果是我,我会先在网上找一些基本的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核心与实例】视频教程