简介：如果你想成为一名业余的前端工程师，那么你须要理解要学什么，学到什么水平，以及如何无效的学习。大学里没有正规的前端技术课程，广泛短少比拟权威的渠道来系统地理解和学习以后最实用、最前沿的前端技术。作为一个入行许久的前端工程师，我提炼了 4 个大家广泛关怀的话题一一探讨，心愿对想要成为业余前端工程师的同学们有所帮忙。

如果你想成为一名业余的前端工程师，那么你须要理解要学什么，学到什么水平，以及如何无效的学习。大学里没有正规的前端技术课程，广泛短少比拟权威的渠道来系统地理解和学习以后最实用、最前沿的前端技术。作为一个入行许久的前端工程师，我提炼了 4 个大家广泛关怀的话题一一探讨，心愿对想要成为业余前端工程师的同学们有所帮忙：

• 从事前端开发有前途吗？
• 毕业之后去大公司，还是去“小而美”的公司？
• 集体很喜爱前端开发，把握到什么水平能力进“大厂”？
• 集体有一些前端开发教训，怎么进步本人？

一 前端开发的现况和前景

回顾编程语言的发展史，咱们能够看到很多已经风行一时的编程语言都沦亡了，或者在缓缓淡出。同时，2009 年当前又有一批新兴语言涌现。咱们留神到一些历史悠久的语言生命力特地倔强，像 C / C++、Java。90 年初公众互联网诞生，Web 技术此时开始衰亡，Python / PHP / Java 都是这个期间呈现的。其中 HTML / JavaScript / CSS 也在那个时代相继诞生。语言的兴衰和过后的时代背景严密相干。前端技术经验了近三十年时代变迁，JavaScript 仍然是世界上最风行的语言，JavaScript 开源社区也是最沉闷的，咱们能够看到 Github Top20 的我的项目里，多一半都是前端我的项目。明天的前端技术仿佛是无所不能，无孔不入的，在各个领域都有利用的可能性。

前端行业的倒退实际上跟互联网的倒退和时代的须要是密不可分的。通过下图能够看到有三个显著的转折点：

第一个转折点是在 2004 年左右，2004 年 Gmail 公布，这个产品意义不凡，Gmail 能够说是最早的单页利用，大规模利用 Ajax 这项技术，在浏览器里可能实现和桌面软件一样的交互体验，这在过后掀起了一场交互体验的反动。这是一次真正意义的渐变（在此之前，咱们常常说前端开发 80% 是排版问题，明天 80% 是工程开发问题），由此，JavaScript 开始疾速倒退起来。正如 Atwood 定律所言“任何能用 JavaScript 实现的利用，最终都会用 JavaScript 实现”。

第二个转折点在 2010 年左右，Node 的呈现没有颠覆服务端开发方式，然而彻底降级了前端的工具链，从此前端的工程化体系开始了突飞猛进的倒退。随之 NPM 提供的开源包治理服务，激活了寰球前端社区的活跃度。

到了 2013 年左右，挪动时代降临，商业战场转向挪动端。传统前端开发不得不说进入低谷。然而很快，第三次转折来了，服务和产品的互联互通，跟原生利用的封闭性是矛盾的。于是，衍生出各种混合开发计划，各种跨端技术。同时小程序的呈现，为前端开拓出一块新战场，前端开发再次焕发生机。到了 2017 年左右，云时代正式拉来帷幕，生产和办公形式减速数字化转型，toB 业务开始火了，传统的前端技术又成为不二之选。因而，咱们能够看到当初的人才市场对前端工程师的需要十分大，然而，资深前端人才始终都是稀缺资源。

二 前景：前端技术的价值

技术的价值决定了它的生命力。前端技术的价值就是“界面”的价值，我置信所有“界面”最终都会用前端技术实现。连贯消费者和互联网的，是数字化生存的“界面”，连贯生产者（企业、机构、自媒体）到互联网的，是数字化生产方式的“界面”。明天大家也能感触到，这些“界面”变得越来越多元化、智能化、而且无所不在。

举个例子，咱们看 60 年代开始，火箭的控制台都是物理界面，到最新的“龙飞船”的控制台齐全以数字化为主体的界面，据披露这个界面就是用 JavaScript 开发的。我置信，将来所有物理界面都会进化为数字化界面。

前端开发简略的说是实现产品的体现和交互。明天不同类型的产品的表现形式和交互模式十分丰盛，早已不是繁多的图文、视频和一些鼠标键盘的交互操作。在业务类型上，有 toC、toB，toG，面向的客群不同，前端技术利用的形式办法有很大差别。会不会有人放心前端行业存在近 30 年了，会不会丢失创新性，呈现内卷？综上所述，显然不会。将来已至，须要更多“后浪”进入到这个行业，这个行业须要更多的创新力。

总结一下，前端的发展趋势正在从“单端向多端倒退”、“界面正在从 GUI 向 NUI 演进”，VR / AR、数字孪生等相干技术越来越成熟，这些在阿里的业务里都有落地。开发方式上也正在从传统的 B / S 模式，向云 + 端的云原生模式倒退。同学们目前正处在这样一个全新的、充斥翻新生机的时代。

三 职业抉择

第二个问题是对于职业抉择的问题。如果选了前端工程师，每个人都会关怀业余成长的问题。个人成长离不开环境因素。去“大厂”、“小而美”的公司，还是去守业，我的倡议是：如果心怀明确的幻想就去“小而美”的公司或者去守业，如果想成为一名业余的技术人就要去大公司。我集体倡议人生之路很长，不要那么早就达到终态。刚毕业，先去公司好好历炼一番，再进去守业。所谓的“专业性”，咱们会看重这些方面：

• 解决的问题域要宽泛：有丰盛的业务场景的实践经验，解决问题的广泛性。
• 足够大的难度和挑战：好比“修车”和“修飞机”，同一套技术栈，利用的深度，我的项目规模的大小，玩法和挑战都十分不一样。
• 大军团作战的教训：好比“游击队”和“正规军”，在战略战术的认知上、治理布局、业余角色协同、开发流程、平台思路、综合能力上能带来丰盛的感触和教训。
• 业余的开发素养和特质：小公司要求做完，大公司要求做好。高标准严要求下，有利于造成业余的开发素养。
• 具备先天的研发储备：打持久战，就必须投人投工夫自研外围能力、技术储备丰盛。

“这个我会”、“那个我也懂”是远远不够的，前端工程师的成长须要肯定时间跨度的教训积淀。正如 Bob Dylan 的一句歌词：“How many roads must a man walk down，Before you call him a man”，翻译过去就是：一个前端工程师要踩过多少坑，能力称的上是一个业余的前端工程师。

四 前端工程师的人才画像

第三个问题，把握到什么水平能力进大厂？大厂对前端工程师的需求量很大，但校招通过率实际上并不高，市场供需显著不对等。

目前现状是所有人都是从自学开始，集体学的和公司须要的存在肯定差距。学习上不够零碎，平时看看书，逛逛社区、随机看一些文章，很容易被误导。有一些实习教训，但接触的比拟无限，不分明跟业余要求有什么差距。这样带来的问题是：大家广泛是碎片式的学习，不成体系，对前端技术的全景、发展趋势不是很分明。在阿里咱们常常说“体感”，体感就是有切身的感触和了解，唯有做过，重复做，踩过很多坑，才可能建设这种体感。前端倒退很快，很多常识过期的也很快。所以，不能停留在外表的用法上。前端技术有变动快的局部，也有绝对稳固的局部，所以，前端技术的学习形式应该是多线程的、多维度的，这个前面会讲到。

如图所示，咱们对前端候选人次要看三个变量：根底水平（根底怎么样）、认知水平（认知是否全面、是否到位）、实际水平（理论用过什么、做过什么）。

根底方面：首先就是 HTML / CSS / JavaScript / Web API 要零碎的学，要看好书（评估高的书，这里列了两本），要养成看权威文档（MDN、官网文档）的习惯。辅助看一些文章。

认知方面：要有全景的理解（先有总体认知，晓得关注什么、关注技术的发展趋势）、各种畛域常识不要求多深，但要有精确的了解。我倡议大家多关注开源我的项目，支流的框架和风行的库。关注的形式就是订阅它们的更新，多看它们的源码，在 Github 上围观他人的探讨，能参加当然更好。集体知识结构要丰盛，网络、算法、产品、设计、可视化、工具 / 插件等等都要有所理解，人的视线在哪儿边界就在哪儿。造就本人总结、演绎的习惯，平时应该多写写，总结就是一种把常识结构化的过程。

实际方面：像实习我的项目、学校的我的项目、学习过程中多写 demo、最好有一些集体我的项目，总之要寻找各种入手实际的机会。

另一个维度是潜质方面，或者说集体特质。咱们十分看重候选人的潜质。遇到问题是否追根溯源，刨根问底，探究问题的实质。对新 / 奇 / 特的事物，是否有足够的好奇心和求知欲，违心去尝试，尤其对产品设计有本人的审美和品尝。前端工程师的价值就在于“发明”，是否违心入手实际，用代码还原你的想法，这一特质十分重要。面试聊的很好，一口试就懵了，写不进去，这个必定不行。在校招中，咱们其实更看重人的潜质，能力方面更看重根底。

五 多线程学习门路

咱们看看第四个问题，如何继续进步集体的技术水平？在校招面试中，我发现大部分同学都零零散散的学了一些前端技术，也能做出一些货色，问题是止步不前了，不晓得如何深刻地学上来。公司和学校不同，学校是学习的中央，公司是工作的中央。咱们心愿同学们在进入公司之前，就能建设好的学习习惯和无效的学习办法，这样，进到一个工作环境中，利用具体的业务场景，才可能疾速的成长起来。

前端技术的学习有两条门路：一个是“多线程”的学习门路，一个是深刻学习的门路。什么是“多线程”的学习门路？

第一个线程，是基础知识的学习。这个是学习其它技术的根底。基础知识须要零碎的学，根底包含 JavaScript / HTML / CSS / 原生 Web API 的学习。学过之后还不能间接做我的项目，你还须要把握一些框架和工具能力解决问题，但如果要更好的解决问题、组合计划、调试问题，就必须对语言和语言个性有深刻的了解。

第二个线程，畛域常识的学习。后面也说过，要不断丰富本人的知识结构。特定的岗位须要特定的畛域常识。会有一些通用性的常识，像软件工程 / 数据 & 算法 / 网络 / 可视化 / 平安 / 交互设计，这些常识和实践不要求有多深的学习，但要有肯定的认知。

第三个线程，工程实践经验。重点是应用的教训。像开发工具 / 包治理 / 构建工具 / 支流的框架和库 / 代码版本治理 / 调试和测试相干工具等等，这些工具层面的货色，尽管比拟多，很多达到会用的水平就能够。前端工具有“喜新厌旧”的特点，变动很快，要一直排汇最新的货色。所谓“善假于物”，长于应用开源的库和工具，可能帮忙咱们疾速的解决问题。然而，如果不理解背地的原理、技术点，仅仅停留在会用的层面，只能是生吞活剥，很难有进一步提高。很多人说前端倒退太快了，刚学会一个货色，过两年就被淘汰了，说的其实就是工具层面的货色，越根底的货色绝对越稳固，也就越值得投入精力去学。工程方面，像 React 这种根底库绝对稳固，值得深刻的去学，前面我会讲怎么深刻去学。实际上，任何新货色都有其倒退的脉络，如果你具备肯定根底，理解背地的原理，你不仅能很快把握它，还能欠缺它。

要成为一名业余的前端工程师，须要多线程、多维度的学习，包含工作之后，依然须要继续去学习。对同学们起步来说，根底要牢固，工程方面有肯定的应用教训，知识结构要尽可能宽泛和丰盛。

六 深度学习门路

方才说的是横向上的，咱们再看看纵向上如何深刻的学习。深刻就是从 Know What 到 Know How 再到 Know Why 的过程。对应到上面的链路上，Know What 就是“听过”、“概念清晰”，并且“知不同”。Know How 就是“用过”、“了解用法”、“踩过坑”（没踩坑的，基本上用的很浅）。Know Why 就是“了解原理”、“演绎”，就是达到灵活运用的水平。

对于同学们来说，后面提到的三个维度：

• 基础知识：要到“了解原理”的水平
• 工程实际：尤其是前端主框架的学习，至多要到“了解用法”的水平
• 畛域常识：要到“概念清晰”的水平

咱们以 React 为例：

“听过”是指我晓得它是什么，一个 UI 开发的库。概念清晰，我晓得它的所有相干概念，它是一个申明式的、基于组件架构的、可预测的、响应式的 UI 库。那么什么是申明式、什么是组件架构，什么是响应式，都须要晓得。组件状态是什么，响应式编程是什么，VDOM、JSX 别离是什么，这些都是它的相干概念，顺藤摸瓜，一路要摸下去。

“用过”指有没有做过一些比较复杂的、有挑战性的我的项目，整个 React 技术栈里，用过哪些货色。了解用法，比方了解组件化的特点、组合形式、属性传递的各种形式、类组件和函数组件的区别，为什么当初提倡用函数组件、受控和非受控组件用在什么场景下等等。“踩坑”，踩的坑越多，阐明用的越深，比方版本差别的问题、re-render 的性能问题、Hooks 依赖的问题，有没有实在的体感。了解原理，比如说是否了解 Hooks 的运行机制、是否了解 React 的并发模式、是否了解虚构 DOM 的基本原理、React 协调器的基本原理等等。

七 无效学习的形式

后面说的是学什么，以及要学到什么水平。接下来咱们说说无效学习的形式。无效学习肯定是在入手过程中学习，所有常识我都懂，但不肯定能很好地解决问题（和人生一样）。解决问题的能力是一种综合能力，如图所示：

解决问题是一个闭环。当咱们真正面对需要，面对问题时，咱们要造就本人剖析问题的能力，找到背地的需要点、技术点，再去调研计划，否则你都不晓得搜什么。摸索计划的过程倡议多写 demo，把复合的问题拆成繁多的点一一攻破（微积分的思路）。而后才是正式的编码，解决问题。问题解决之后，还要演绎总结，这样能力把实际变成无效的教训。最初还没完，还要持续摸索最优解，有没有更好的计划、代码怎么写可维护性更高、怎么写扩大更灵便。摸索最优解相当于健身中，达到极限阈值时，冲破的那一下。

我常常听到一些埋怨的声音，“没有好的实际机会”、“工作中没有接触过”、“当初的工作没挑战，学不到货色”……. 这些都是借囗，解决问题正是从长于发现和定义问题开始，平时当咱们学习一个技术点时，应该先学会给本人出题，这就是定义问题。问题搞的越通透，解法越简单明了。进步本人首先是进步自我要求，不满足于现状，从谋求代码品质开始，到谋求最优解。

最初咱们小结一下明天的分享。首先咱们谈到了“抉择”，讲了前端技术的倒退历程和一些瞻望，前端行业的将来十分值得期待。大厂在造就专业人才上的劣势，阿里有十分丰盛的业务场景和技术储备，如果违心学，违心承受挑战，这里有很多机会。接下来，又讲了前端工程师在能力和潜质上的要求。最初重点探讨了如何学习，讲了两条门路：多线程的学习门路和深刻学习的门路。目前咱们有阿里巴巴前端练习生打算为宽广的在校同学提供业余学习前端技术的机会，让同学们对前端技术有一个全面的认知，晓得学什么，怎么学，尽可能贴合大厂的要求。在校同学们能够积极参与，我置信肯定会有很多播种。

作者：开发者小助手_LS
原文链接
本文为阿里云原创内容，未经容许不得转载