web前端初学者如何系统学习JavaScript?

网友解答: 本人做前端开发有一年多的时间了,前端技术简单说就是html,css,javascript,确实javascript在这里面占据主要位置。所以看到这个问题想简单发表下自己的想法

网友解答:

本人做前端开发有一年多的时间了,前端技术简单说就是html,css,javascript,确实javascript在这里面占据主要位置。所以看到这个问题想简单发表下自己的想法。这个回答主要针对刚学习前端的朋友和入门前端了想深入的朋友。

前端技术现在发展很快,大家可以看到,几年前会一个jquery还可以走天下,今天好像必须要会一个vue或者react或者angular,配套的还需要掌握webpack,git,node等等相关知识。所以有一些朋友说前端是不是发展不大了,是不是要学习python,go语言了,我的看法是前端相对于来说入门还是比较简单的,但是相比以前来说,现在的前端入门门槛高了,需要掌握的技能多了。而从这些技能,框架来说,javascript有属于核心,UI框架属于借用JS书写的框架进行二次开发,增加样式效果。今天的javascript还不仅仅可以使用在前端上面,还可以应用在后台,区块链,数据可视化,游戏,好看的h5动画,机器学习,区块链等等方面。而且一门语言学会了,在学习其他的语言也好学习。

刚开始接触起那段的朋友可能对window是什么,document有什么用都会有疑惑(js学习多结合浏览器),所以如果你没有什么编程经验,开始学习的时候,可以简单的了解什么是对象,函数,循环,变量,数组等等这些。在心里有个概念长什么样子,虽然不能完全记住有什么属性,但是常见的几个使用方法应该记下来,像数组for循环,push,shift,对象取值,获取key,value,存储的地方堆栈,等等。虽然现在单页面应用盛行,但是我仍然建议你可以学习下jquery,实现各种dom操作,实现几个功能,这是对比着原生js,document获取元素,queryselecter获取标签等等。

因为小编本身没有那么聪明,开始学习js的时候也只是个大概,我是从实践中慢慢逆向去认识js的东西的,而时间的方式就是框架的使用。很多人都是会用框架操作,但是框架怎么来的,没多少人知道。所以当你做了几个东西,知道什么是什么的时候,就可以逆向学习,你会明白js的事件队列,宏任务微任务,ajax是怎么回事,axios又是什么。当对js有了认识之后,再去了解vue,react这些框架怎么实现的,你就会有一种豁然开朗的感觉。当然也有很多朋友开始的时候就对js或者语言,计算机运行有自己的了解,所以在有限的学习中,可以学到了解很多,但是不好意思,小编的能力还不够。

其实这两年js标准出了很多了,但是真正实质性的是es6。es6不是一种新语言新语言,而是一种新标准,类似于html5,增加了类的功能,for in,for of。const ,let变量处理方式;箭头函数,解构赋值等等好几方面(具体可以网上搜索阮一峰老师的es6博客),而es7 es8这些也只是在其基础上简单的小改动。es6的出现大大简化了开发,减少代码量,提升了性能。再配合上vue,react这些框架,对前端开发人员来说真的是福音。所以这对一些前端开发者来说,效果弄出来就行了,还有现成的UI框架,该下班就下班,该玩就玩。其实这个时候更需要我们花时间了解深入学习这些框架的由来,我觉得光看文档讲解js的知识,感觉很虚,只有在实践中才能更好地理解(当然这是小编的想法)。当使用了一段时间框架,你就会自然而然的去了解数据绑定怎么回事,监听是怎么实现的,父子组件通信又是什么。类可以用来干什么,怎么简化书写更好的封装。

现在TS很火热,js的超集。我之前自己看过java,所以用了ts之后,发现很多都是相通的,什么是接口,什么是实现。他可以实现更好的团队开发,js的检查效果更好(我的理解也不是很深刻,没有用到太多)。vue3版本也还会使用ts开发。所以今天的前端生态很成熟,值不够东西很多,前端直接面对用户,所以更要求体验,代码的简单。现在网上的资料也很多,大家可以多多学习,小编也在学习之中。

以上就是小编的愚见,淡然写的还不完全,如果有什么缺少的,欢迎更为朋友补充,小编还有些学习资料,如果有需要可以留言,百度网盘。建议大家也多多学习,看文档,小编会在掘金上面学习,希望对你也有帮助。谢谢阅读,一起进步。

网友解答:

JavaScript在前端开发中可以说是非常重要了。但是很多人自学前端,都是死在了JavaScript这个部分。

题主这个问题问的很好,因为如果不能系统的学习,零零散散的学,那是很难掌握好的。说白了就是方法不对,努力白费。

JavaScript,是一种基于对象的编程语言。目前市场应用非常多。

第一步学习:基础语法。

数据类型,选择结构,循环结构,关键字,函数,语法规范。这些就好像学说话一样,先学好组成的拼音。

第二步学习:Dom和Bom

学习操作页面元素,完成基本的网页特效开发

第三步学习,json

json数据是基本的交互用到的数据方式,需要掌握理解

第四步学习,ES6

ES678都可以,主要是要学箭头函数, Promise, async/await, 解构

学好原生JS,能够结合HTML+CSS完成下面这些基本的前端开发:

构建静态站点

构建UI布局(拿到设计图能够使用HTML/CSS还原)

添加一些交互功能

部署和维护网站

就可以算是入门初级了

如果你想了解更多前端开发的内容,可以关注我,平时我也会更新很多前端的行业经验和干货出来,希望对你的学习有用

标签: