首页 web前端正文

凯迪社区猫眼看人:Web前端怎样入门?

凯迪社区猫眼看人:Web前端怎样入门?

题目问Web前端入门,但学到什么程度算入门?其实不同的时间点、不同的人对入门的定义都有所不同。有的人认为学好HTML+CSS+JS,了解常用框架(如jQuery、Bootstrap),能根据需求做一些不考虑兼容性的项目就可以了;但有的人认为,在现在前后端分离的大前提下,除了HTML+CSS+JS外,还要会简单使用一些MV*框架、构建工具Webpack等等。

Github的有个叫kamranahmedse(以下简称K)的用户前两年发布了一个“developer-roadmap”的项目,列举了Web开发者需要掌握的技术和前端、后端的学习路线图,很受欢迎。经过这两年的完善,关于前端的学习路线已经算是很完善了。从这张图看来,K认为的前端入门似乎比第一段中第一种观点提到的东西多,比第二个观点提到的东西少。

这个答案我根据这张图来大概说说前端的入门知识。由于原图很长,可能不方便阅读,所以我这里将图截成了三个部分,原图可以在评论区查看。不过纯粹当搬运工也不是我的风格,所以还是做一些简单的说明。但说明之前,我有必要把K的话再重复一遍:

这些学习路线图仅仅只是让你了解这个知识体系里有的东西,并在当你对接下来要学习的内容感到困惑时给予一些指引,而不是鼓励你选择流行的东西。你应该逐渐理解为什么一个工具比另一个工具更适合某些情况,并记住流行的东西从来不意味着它就适合你的项目。

毫无疑问,前端肯定是要从HTML+CSS+JavaScript开始的,当然,学习好基础的js就可以了。对于其他HTML部分,除了基本语法,还要学习基本的SEO(搜索引擎优化),也就是要尽量按照搜索引擎的习惯来书写HTML代码,以便你的代码获得更好的排名。CSS部分,除了基本语言,还要掌握布局和媒体查询;当然还要学习CSS3,毕竟它拥有一系统新的特性,既能减少开发成本与维护成本,还能提高页面性能。JS方面,除了基础外,还要学习DOM操作、ajax、ES6、DNS、HTTP、浏览器如何工作等。

然后就是包管理工具npm和yarn, K认为虽然现在npm已经提高了很多,但在某些特性上仍然落后于yarn,但其实无关紧要,选择任何一个都能满足你的工作需要。

接下来是CSS预处理器、CSS框架等,其中CSS预处理器有SASS和LESS,理解这俩有助于你理解Bootstrap框架;K则更重SASS和PostCSS,他表示虽然LESS仍有一些市场,但是如果他从2019年开始学的话,是不会学LESS的。

凯迪社区猫眼看人:Web前端怎样入门? 第1张

以下是前端比较进阶的东西了,比较构建工具、选择框架、测试应用等。

凯迪社区猫眼看人:Web前端怎样入门? 第2张

最后这部分则是服务端渲染、桌面应用、移动应用等。当然,要时刻保持学习。

凯迪社区猫眼看人:Web前端怎样入门? 第3张


以上就是我对这个问题的回答,欢迎在评论区讨论。

凯迪社区猫眼看人:Web前端怎样入门? 第4张


打赏
广告位招租

除特别注明外,本站所有文章均为黑帽seo技术原创,转载请注明出处:http://www.chaoweibo.com/post/215.html

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

评论