2020年前端学习的新路径

作者: c2360084a7d2 | 来源:发表于2020-03-28 14:02 被阅读0次

不过本文更多的还是想给大家带来下一个时代前端开发学习和进阶的思考,而不是纯标题党。就像今年前端领域发生了很多事情,却没有了前几年的热闹非凡的感觉:

Angular & React & Vue三大框架稳定发展,不再有刻意吸引眼球的无意义争论;

ES6普及和浏览器对标准支持的增强,各种语言和Web的基础知识逐渐成为合格前端的标配;

Hybrid和Native并行演进,工程化的前端架构设计逐步在各个项目中普及;

甚至涉及后端的Node、Ngnix等,也成为技术人员必知必会的领域知识。

如今也甚少听到前后端分离、前端工程化等推广,原因无非是大型前端项目早已普及工程化的前端架构,而且更多的前端大牛们都已经在实践大前端体系化的架构设计。

可以预想,前端开发已经开始像后端开发一样,在要求语言和技术基础上,对规模化的实践和企业级的流程成为更重要的需求。

2019年缩减HC、裁员不绝于耳,大家都是人心惶惶,年前如此。想必马上到来的2020年又是一场更为惨烈的江湖厮杀。各大前端社区里,面试题整理的文章层出不穷,知识整理的内容每天都在刷屏。准备面试开始变成了重复性的刷题背题,然而每次面试前都要现找面试题,而且答案也不是现成的,这样重复的事情在不知不觉中浪费你很多时间。

著名学者文森特·赖安·拉吉罗的《思考的艺术》一书中有这样的总结:

人的思维过程是创造性思维和批判性思维的融合,前者强调的是思维的高大宽深,后者强调的是稳准狠快。

在这样的方式指导下,就可以分步来重构一套更值得借鉴的学习路径。

Step1:基础

学习固然有技巧,但绝不是走捷径,所谓的基础也不是背下来整个JS文档,从HTML、CSS到Vue、React一个都不缺,跨平台PC、移动端、小程序全都覆盖。越是吹嘘全面的,反而更容易徘徊在基础薄弱的边缘。

基础扎实,需要的是对前端相关领域都有一些基础性的了解, 了解各项技术的应用场景和优劣选择。对于技术人员来说,理解***前端UI层、通信层、服务层和存储层***的层次结构和关系,才是最初应该掌握的基础。

前端开发如今已经进入工程化的阶段,践行软件工程在前端领域的应用,就需要任何一个专业开发人员理解工程领域的各个阶段应用。

Step2:体系

很多前端课程,都强调知识面的广度与深度并行,真正去学习的时候就发现是单纯的灌输式学习,反正全都给你讲了,听完了就号称有深度了……

其实在日常工作中,我们讲究的是开发效率,很少会去刻意记下一些细节和概念,脑海中都是一些分散的知识点,无法系统性地关联成网,一直处于似曾相识的状态。

以如此的状态,不论是面试还是遇到业务难题的解决,都是很难快速应对的。其实面试就犹如考试,大家回想下高考之前所做的事,无非就是 知识点理解 和 体系化关联记忆。能够将已经懂得的知识体系化,最直接的方式就是结合自身业务提出问题。举个例子:

不论使用Vue还是React,总需要每天编写很多业务组件,通过看官方文档和官方教程,我们能够知道组件化的思想是什么,能知道父子组件以及之间如何传递参数,能知道组件有生命周期,也能知道组件的数据流等等。

这些知识是框架设计者所提供的功能,为了能应付各种场景方便使用所做了最简化的抽象。在开发的过程中,从0开始就需要思考:

如何拆分出合适的组件粒度

如何编写扩展性、通用性强的组件

如何把握数据流向,画好数据流向图

如何在业务复杂后,对数据流正确的处理

如何解决功能冲突和异常

……

在这个结合自身业务思考的过程中,才能逐步提升技术思维层级。

Step3:产出

也许有人会问,刚刚到思考问题这一步,怎么直接就到「产出」了?很多问题(包括刚刚提到的组件化问题),我还没有想明白,怎么去做产出?

其实就像几年前我一直都坚持的一个论调:“互联网上不缺垃圾!污染互联网的人是在作恶!” 而经过几年的各种形式技术分享之后,反而开始积极推动随时做技术产出这件事。因为之前的想法不无道理,但是实际情况是:

如果你不首先有足够多的产出,得不到互联网上足够的反馈和批评,那你的产出的质量如何才能提高呢?

不是精品的内容其实也未必会污染到哪里,比如现在写的这些文字,如果给它一个很清晰的标题,放到我自己的名下合理的归类,那么读者很容易决定留下或是离开。

在所谓的「自我要求不高」的内容创作时,思维更加容易自由驰骋,很多临时的想法其实可能是很有意义的。

我目前是在职前端开发,如果你现在也想学习前端开发技术, 在入门学习前端的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题, 你都可以申请加入我的前端学习交流裙:前面:603 中间:985 最后:993。里面聚集了一些正在自学前端的初学者, 裙文件里面也有我做前端技术这段时间整理的一些前端学习手册,前端面试题, 前端开发工具,PDF文档书籍教程,需要的话都可以自行来获取下载。

相关文章

  • 前端基础学习

    前端学习路径加强版 前端新手,不知道如何自学?前端养成记告诉你,正确的前端学习路径!从此规划好前端自学进度…… H...

  • Vue入坑记

    前端学习路径加强版 前端新手,不知道如何自学?前端养成记告诉你,正确的前端学习路径!从此规划好前端自学进度…… H...

  • 前端学习路径

    开发工具 Photoshop linux最常用的命令 linux私房菜 git入门 chrome浏览器开发者工具详...

  • 2019-01-17

    前端学习路径和方法 适合自己的前端学习方法前端技术的知识架构理解前端技术背后的核心思想 推荐入门 :《js高程》《...

  • 常见问题解决方法合集

    1.前端学习路径: 目前看过最实用的学习路径,路径在于清晰,不用列出庞大的技能树和一堆资料:https://zhu...

  • 前端学习路径小结

    其实想写这样一篇关于前端学习历程的文章已经好久了,之前自己也有做一些总结和笔记之类的,但是一直都没有公开发布,下面...

  • Web 前端学习路径

    CSDN看到的一个学习路径,转载过来如下: 第一阶段: HTML+CSS:HTML进阶、CSS进阶、div+css...

  • 前端文选

    *** 版权声明: 以下文章都是从互联网上收集并整理而成的。 *** 学习路径&教程 前端学习路径 HTML+CS...

  • web开发学习路线图

    各类程序员学习路线图 web前端开发学习路径图 2016/2017 Web 开发者路线图 怎么学习前端开发?求推荐...

  • 前端学习规划

    规划前端学习路径 技术栈 HTML CSS JavaScript Node Webpack Vue React A...

网友评论

    本文标题:2020年前端学习的新路径

    本文链接:https://www.haomeiwen.com/subject/zupjuhtx.html