你真的了解前端吗？
经常有人问我这样的问题：
老师，我是非计算机专业的应届毕业生，但一心想从事IT行业，上网查了很多信息，也咨询了很多身边的同学和朋友。有人说，前端开发入门简单，人才需求大，薪资水平高，而且行业前景还好。也有人说前端开发并不简单，不但需要编程，还要考虑产品的用户体验。我是一个小白，真的想知道该不该选择前端。
每一次我都详细的给他们讲一遍。于是，我决定给大家写一篇文章，系统的讲一下前端，不管你是什么基础，看完这篇文章，关于前端，你都会找到你想要的答案。
------------------改变命运的分割线--------------------
我是谁？
先自我介绍一下吧，我是陆荣涛，北大计算机专业，2001年就开始从事前端开发工作了。做过网站，开发过电子政务系统，当过前端架构师，也做过交互设计。20年间，可以说目睹了互联网的发展，经历了前端从美工，到网页制作，到前端开发工程师，到全栈工程师，到大前端架构师的发展历程。目前从事前端教学教研工作，专业培养前端工程师，是前端开发技术的传道者。
------------------本文导读的分割线--------------------
本文较长，为了方便大家阅读，把主要回答的问题先列示出来：
一、前端人才需求现状如何？
二、前端薪资水平现状如何？
三、前端岗位有哪些？具体什么要求？
四、到底什么是前端？前端都能干什么？
五、前端都能干什么？
六、前端技术解决企业什么问题？
七、前端工程师具体都做些什么？
八、前端这学科学习内容有什么特点？
九、能给我一个完整的前端学习路线图吗？
十、学习前端需要什么基础？我能学会吗？
十一、我该如何入门前端？
十二、我想自学前端，有好的视频推荐吗？
十三、自学一段时间了，总觉得心里没底，尝试着去面试，都没成功，我该怎么办？
十四、我想找师傅带，但是由于疫情和个人原因无法线下的，怎么办？
十五、培训机构靠谱吗？我该怎么选？
十六、企业应用前端技术开发了哪些产品？
------------------缓解焦虑的分割线--------------------
在你阅读这篇文章时，一定带着几分焦虑，我该不该选择前端。老话说男怕入错行，女怕嫁错郎。显然只要进入职场，不管男女，行业方向得选对。咱们先了解一下前端人才需求和前端薪资水平的现状，缓解一下焦虑。
用数据说话：
2022年前2月，企业需求增长 70%，职位 27.9K 个，对比去年同期增长 307%。前端人才需求量巨大。
仍旧用数据说话：
2021年前端平均工资 ￥19.6K，2021年工资高于2020年，较2020年增长了22%。
以上信息来自职友集：https://www.jobui.com/trends/quanguo-qianduan/
------------------了解前端岗位的分割线--------------------
当你阅读到这里，相信你不再怀疑前端行业了。现在，我猜你最想了解的是前端都有什么岗位，有什么具体入职要求，前端技术在企业项目需求里处在一个什么地位，前端具体都干什么活。这个逻辑是对的——了解前端岗位就等于去了解目标，因为有了目标，我们有努力的方向。
我现在就帮你梳理企业前端招聘的主要岗位，根据自己的情况去选择即可。
岗位薪资：
一般月薪在 5-10K，根据城市和公司不同，有浮动。
岗位职责：
(1) 协助开发公司核心业务系统。
一般是给其他成熟的前端开发打下手。
(2) 根据产品需求，承担部分方案设计和编码工作。
通常不会要求编写核心业务，代码架构都是现成的，做一些修修补补的工作。
基本要求：
头部公司（如百度、阿里、腾讯、字节、美团、滴滴等等）一般要求在校或应届生，要有扎实的计算机理论基础；中小公司一般很少招聘实习生，如果招聘，也是为了压低薪资。
能力要求：
(1) 技术要求，一般需要掌握 WEB 前端开发基础：JavaScript（含 ES6）、HTML、CSS
(2) 素质要求，比如积极乐观，认真负责，乐于协作；
(3) 实习时间要求：比如每周工作至少 3 天以上，能保证实习时间 3 个月以上。
【建议】在校生或者应届毕业生找实习岗位，是一个不错的选择，一方面有进大厂的机会，另一方面给自己一个锻炼的机会。如果你在其他行业有工作经验，想转行学前端，一般不找实习的工作。
贴一个真实的JD：
岗位薪资：
一般月薪在10K-15K，根据城市和公司不同，有浮动。
岗位职责：
项目开发：负责公司WEB软件产品/系统的前端开发。这条和初中级前端开发要求一致。
基本要求：
要求有 1 年以上工作经验，计算机相关专业更佳，本科更佳。只要给面试机会，这个条件不重要，毕竟老板需要的是能干活的前端开发人员。条件好，薪资可以要的高一点。
能力要求：
(1) 扎实的前端基础：JavaScript（含 ES6）、HTML、CSS
这个基础必须要扎实，需要系统的学习和动手实战。
(2) 熟悉前端框架：Vue/React/小程序框架
这个只要会1-2个即可，因为公司的项目一般都是采用成熟的框架开发，你不用懂框架原理，会使用就行。
(3) 掌握Webpack、babel、eslint、git等工程化工具
这些是必须掌握的前端开发工具。每个工作的内容不多，开始只学会使用就好，完全可以做项目。
(4) 熟练掌握 http 相关知识等
要求这个是因为前端需要和后端合作，懂得 http，是接口开发的基础
(5) 了解 Node.js
Node.js 本身内容很多，但是初学前端，或者到公司这是做一个普通前端开发的话，不需要掌握多深，会使用它搭建工程化环境即可。
(6) 软性要求：比如良好的工作态度以及团队沟通协作能力，学习能力强，有较强的责任心
这些是每个前端开发人员的基本素质。
【建议】给你做个减法：只要掌握了JavaScript（含 ES6）、HTML、CSS和 Vue(或React，或小程序)，你就可以去应聘这个岗位了。
贴一个真实的JD：
岗位薪资：
一般月薪在15K-35K，根据城市和公司不同，有浮动。
岗位职责：
(1) 项目开发：负责公司WEB软件产品/系统的前端开发。这条和初中级前端开发要求一致。
(2) 架构搭建：参与前端工程体系建设，参与前端组件和架构的建设。这条要求较高，没有2-3年的前端工作经验，做不来。
(3) 产品设计：和业务产品一道思考升级产品功能和体验。这条需要有丰富的项目经验，要参与过各类项目的开发，了解各类业务需求。
基本要求：
要求有 3 年以上工作经验，计算机相关专业更佳，本科更佳。高级对于工作经验、项目经验有要求，除了头部企业外，一般公司对基本硬件条件（学历，专业）没有硬性的要求。
能力要求：
(1) 熟练掌握 WEB 前端开发技术：JavaScript （含 ES6/Typescript ）、HTML、CSS、DOM、协议、安全等
这部分基础要求的深度会比初中级前端开发要高一些。
(2) 框架和架构：掌握主流的Vue/React/小程序技术栈以及Webpack/Rollup等打包构建工具，有复杂的移动端Web架构的经验；
高级前端对框架、工程化、架构都有要求，要有丰富的实战经验。
(3) 后端要求：熟悉至少一门后端编程语言如 Node.js 等，有实践经验优先
一般要有后端开发经验，比如Node.js, Java或Go等。
贴一个真实的JD：
看到这，如果你是前端小白，对于技术名词可能有些懵，没有关系，混个脸熟就行。你只要知道你将来的奋斗方向就行了。
其实前端还有资深开发工程师、RN/Flutter/鸿蒙等原生APP开发、Node.js开发、前端Leader等职位，这些输入更高级的职位了，不在我们这篇文章讨论之内。
说起前端，我一般拿后端一起比较着来看。通俗地讲，前端干的工作是用户可以直接看得见的。而后端开发的工作主要在服务端，用户不太能直接看到，虽然前端开发和后端开发的工作有巨大的区别，但是他们的工作都是相辅相成的，都是为了更好的用户体验。
左边这张图是程序员画出来自娱自乐的，什么是前后端一目了然。
我们再来看真实案例：抖音的前端，就是我们广大用户的手机抖音APP客户端，每天刷刷刷；后端，我们普通用户并不关心，有很多很多系统来给前端提供支撑。
因此，前端是和用户体验相关，开发前端所见即所得，很有意思！
如上图，前端可以做网站。
网站分为PC端网站和移动端网站，首先 PC端网站，比如一个是京东的PC端官网、B站的PC端官网、知乎官网等等。传统的PC端网站，是前端的基本实现。此外还有移动端网站，手机端网站又称为 Mo站 或 M站，打开手机浏览器，输入地址 比如http://m.maoyan.com，就可以打开猫眼电影的手机端网站了，还有比如京东的M站，淘宝的M站等等。
前端可以做管理系统。
管理系统是做信息管理的重要平台，比如机票售卖后台管理系统，小程序的后台管理系统。管理系统一般是全屏页面，是大前端产品的另外一种重要的输出表现。
前端可以做APP。
这里说的APP指的是混合APP和原生APP，混合APP就是将H5的页面嵌入到原生APP里，比如大家都熟悉的微信公众号；原生APP这里指的是利用React Native 和 Flutter等大前端技术做的APP，比如携程旅行里面有很多React Native的应用，阿里的闲鱼客户端，就是纯粹使用Flutter技术来实现的。
前端可以做小程序。
小程序大家都用，小程序严格说属于混合APP，比如微信小程序依托微信，实现用完即走的便利性。
前端可以做大数据可视化。
大数据可视化可以应用大前端的技术实现，通过浏览器来把枯燥的数据转化为漂亮的图表，比如这个公安警情可视化系统。
前端可以做智能电视交互页面。
比如我们家里的智能电视交互页面。
大前端可以做桌面应用软件。
桌面应用软件指的是可以直接在电脑上安装使用的软件，使用Electron框架实现 ，严格说也是一种混合开发的技术，比如 VS Code 编程软件，比如音乐播放器等。
前端可以做网页游戏。
前端可以做工具和后端，因为有了Node.js 大前端可以做本地工具和后端开发了，比如基于Node.js的Webpack工具，比如基于Node.js的Serverless开发。
前端真的已经无所不能，有人机交互的地方就有前端！
在一个企业开发的项目中，整个产品开发流程会涉及很多部门。如下图：
其中前端开发，会涉及第三列的客户端开发（android, ios, 鸿蒙）、WebAPP、混合开发及后端开发的内容。
前端开发主要完成产品的用户界面展示和交互的实现。举个例子，我们看到的网站、APP、小程序、业务系统、甚至网页游戏的界面，都由前端来完成。
另外，在系统开发中，后端可以选择很多技术，比如JAVA，Node.js，GoLang，.NET，Python，PHP等，而前端只能选择 基于HTML，CSS和JavaScript的Web技术，如下图：
这说明，前端技术在企业技术选型中，没有可替代性，只要做人机交互的界面，就离不开前端，就离不开前端技术。
RedMonk发布了2021年第四季度编程语言排行榜，RedMonk是一家专注软件开发者的行业分析公司。其总部位于美国，从 2011 年开始统计行业编程语言排名，RedMonk 编程语言排行榜的数据来自 GitHub 和 Stackoverflow，对编程语言的热门程度进行的比较，JavaScript 连续10年一直名列前茅。
可以说 JavaScript是全世界公认的最好的编程语言。
在企业里，一个前端开发工程师的地位非常重要，他就是一个粘合剂，上游要和产品沟通，下游要和后端及测试协作。因此，一个前端工程师，具体工作会包含但不限于下面的工作：
(1) 参与需求评审
(2) 参与系统的交互设计
(3) 前端技术架构
(4) 前端的界面实现
(5) 项目工程化设计
(6) 与后端做接口对接和联调
(7) 配合测试保障项目质量
(8) 配合项目上线
(9) 配合产品采集运营数据
对于初中级前端工程师，会重点做 (4)、(6)、(7) 项工作，高级前端会涉及全部工作。
厉害，你都读到这里了。恭喜你，现在你已经不是门外汉了，下面我们就准备学习前端吧。
------------------入门前端的分割线--------------------
先上一个图：
一句话概况就是：入门门槛低，行业天花板高。
这就意味着入门容易，但又有挑战，有挑战岗位薪资必然就高，有挑战说明技术上存在壁垒，职业发展前景广阔。学习前端，从HTML，CSS学起，简单有成就感，JavaScript又能圆你的程序员梦想，学会Vue，React，Angular就能直接开发项目。大前端技术栈又会给了你更广阔的探索空间。如果你想了解大前端更多技术细节，请往下看。
捞干的，直接给你绘制了前端学习的路线图，共分成八个步骤，沿着这个路线图走，就会实现你的终极目标。
第一步：PC端网页制作与动画特效
第二步：移动端网页制作与响应式实现
第三步：JavaScript程序设计
第四步：PC端全栈项目开发
第五步：前端高级框架技术
第六步：混合应用开发技术
第七步：原生应用开发技术
第八步：大前端架构
限于篇幅，我这里只给大家展示了两层内容，详细内容大家可以关注我， 回复关键词：“学前端”获取详细的学习路线图。
学习前端的基础，我们可以从几个维度来分析：
学习前端不需要有多高的学历，一般高中以上水平就能学会，关键取决于你的学习能力和兴趣。
专业的要求更加低些，大家都知道许多前端大佬都不是计算机相关专业的，比如Vue的作者尤雨溪是学设计的，Mobx的作者是个木匠，Avalon的作者是学日语的，这样的例子很多。因此，如果你是科班出身，固然更好；半路出家，也无所谓。
有很多人问我，前端也学编程，数学是不是也很好，这个也不一定。因为我们是前端工程师，我们的使命是用前端技术做项目，给老板变现，我们不是去造火箭，不需要深度的科学研究。如果只是做项目，一般高中的数学知识就够了。但需要有一定的逻辑思维能力，这个一般每个人天生都有。
很多刚学编程的同学看到代码都是英文，感觉头皮发麻，其实编程不需要你懂太多英文语法，需要记忆的单词也就那么多，而且你会天天看见他们，现在的编程软件，都有代码的自动补全功能。其实，编程的重点在于逻辑和算法。
当然，不是说英语不重要，如果英语好，你就可以去看一些编程的一手的英文资料，了解更前沿的技术，至少编程的报错信息你会一目了然。
前端常用英语单词，大家可以关注我，回复关键词：“前端单词”获取前端学习必备英文单词表。
综上所述，学前端不需要一定是本科毕业，计算机专业，数学和英语也不需要多厉害。但需要你有很好的学习能力，有一定的逻辑思维能力，对前端感兴趣，想全身心的投入前端就行了。
你一定能学会！
如果你还是在读大学生，或者你还在其他行业工作着，要开始做准备，我可以给你推荐一些前端的书籍：
（1）前端基础
《HTML5从入门到精通》
前端HTML5+CSS3入门，这本书有个优点是随书有讲解视频。
《Head First HTML与CSS（第2版）》
这本书图文并茂，比较经典的前端入门书籍了，看着不累。
(2) JavaScript 程序设计
《JavaScript实战详解》
JavaScript 入门可以看这本，此书的优点是随书有讲解视频。
《JavaScript高级程序设计》
这是经典的JavaScript红宝书，已经有15年以上的历史了，第4版全新升级了，学习前端，必看。
基础和JS选一本看就可以，看书可以系统的学习前端知识。
如果你觉得看书太累，现在大家认可的比较高效的方法就是看视频教程。看什么视频？怎么看？文章下文详细介绍。
如果你连视频都懒得看，或者觉得效率太慢，那就只能是找个师傅带你入门了。怎么找到靠谱的师傅？
文章下文详细介绍。
------------------自学前端的分割线--------------------
能看到这，再次恭喜你，你已经跨入了通向成功道路的大门。如果你想自学前端，下面我帮你梳理前端的视频学习路线图，相关的视频也帮你准备好了，go...
接下来你看到可能是——2022年前端最新最全学习路线
序言
如今这个人均5G上网冲浪的时代，互联网行业遍地开花互联网技术也是争奇斗艳， 前端工程师作为做火爆的前端岗位之一，一直备受追捧。
前端技术以其自身学习门槛低、上手容易、学习曲线相对平滑的学科特点，以及需求大，就业容易的市场情况，让想进入互联网行业的人趋之若鹜。不管是科班出身，还是小白转行都迫切需要一套内容全面，对小白友好，能学到真材实料的视频，于是它来了！
你可以从零开始，一步步的掌握前端开发的各项相关技能，最终达到企业对初级前端开发工程师，中级前端开发工程师，高级开发工程师，全栈开发工程师等职位的要求。
1.1 PC端网站布局。
其中包括：HTML基础，CSS基础，CSS核心属性，浮动，盒子模型，溢出，元素类型，安利案例，定位，锚点，精灵图，宽高自适应，表单进阶。
1.2 HTML5+CSS3
其中包括：HTML5，CSS3
1.3 Webapp布局
1.4 渐变、动画、变形
1.5 Grid网格布局
完成第一阶段的学习，就可以完成PC端页面的制作与动画特效，可以配合UI设计师进行项目开发完成pc端网页的布局制作与样式设计实现。实现移动端页面制作与响应式实现，可以适配各种手机尺寸，并能利用响应式惊醒移动端与PC端适配。
视频教程：前端基础HTMLCSS视频链接
网盘资料：https://pan.baidu.com/s/1zwivGVV35WFx5janAcHyvQ 提取码: djdp
JavaScript是前端学习的灵魂，这一阶段是重中之重，是往后学习所有前端知识的基础。
2.1、JavaScript基础
其中包括：入门、基础语法、流程控制语句、函数、对象和数组，数据操作，BOM和DOM基础操作、事件。
2.2、JavaScript高级篇
包括：面向对象、原型原型链、ES6、Ajax、JQuery
完成这个阶段学生， 可以掌握页面行为交互，实现网站中常见特效，如：轮播图、选项卡、拖拽。并能配合UI和后端进行项目开发。
2.3、PC电商项目
在实例中，巩固我们学过的基础知识
视频链接：JavaScript从基础到高级教程链接
资源对应资源：https://pan.baidu.com/s/1-T04oeEHhxfW8vBxP9KVBg 提取码: m8q6
视频链接（详细版）：JavaScript随堂版-千锋逆战班
资源对应链接：https://pan.baidu.com/s/1yiDzQXuHMtf8wIOCDgo__w 提取码:2bfu
Node包括node基础与node项目两部分
这一阶段是现在公司开发中常用的框架，这一阶段学完就可以利用框架开发项目，实现单页面应用开发。可以完成复杂的数据交互应用场景。具备独立开大项目的能力。
其中包括：Vue介绍、Vue基础、Vue进阶、Vue移动端项目、
4.1、Vue介绍
4.2、Vue基础
其中包括，Vue的模块语法、Vue的class与style、Vue条件渲染、列表渲染、事件处理器、表单空间绑定、计算属性、数据请求、过滤器。
4.3、Vue进阶
其中包括：组件基础、组件插槽、过渡效果、生命周期、组件轮播案例、自定义指令、单文件组件。
4.4、Vue项目
视频教程：Vue2.0+Vue3.0全套教程
对应资料链接：https://pan.baidu.com/s/1hTTimrZ3aLbMI3EhIYMM6Q 提取码: zzsh
国内Vue和React框架的使用比例都非常高, 虽然理论上只需要掌握一个, 但由于特性都是类似的, 建议两者都能掌握。
本视频提供React 核心基础知识以及周边生态技术一站式服务，无缝对接大厂需求。通过实际需求案例驱动知识点吸收，通过幽默风趣讲解驱动学习的积极性，帮助大家迅速成长为React开发高手，最后还有一个完整的后台管理系统，让大家感受真实项目开发过程。
其中包括：
React介绍、create-react-app、编写一个React应用程序、JSX语法与组件、组件的数据挂载方式、表单中的受控组件与 非受控组件、组件通信的方式、React生命周期、React生命周期、React Hooks、React路由、Flux与Redux、react-redux、UI组件库、Immutable、Mobox、TS、style-components、单元测试、redux-sage、react补充、React扩展。
附上我们的视频链接，React 就此开始
视频教程：React全家桶教程_react零基础入门到项目实战链接
网盘资料：https://pan.baidu.com/s/1YJPB-obSSZddH0HGRGiGrg 提取码: 8g5i
小程序是近年来前端最火热的技术之一，在推出以来就成为前端工程师的必备技能。
本节共分为4节，包括：微信公众号基础、环境配置、鉴权配置、Vue项目配置
6.1、微信公众号基础
6.2、环境配置
6.3、鉴权配置
6.4、Vue项目配置
视频教程链接：公众号
共分为小程序基础、小程序实战项目。
7.1、小程序基础
7.2、小程序实战
教学视频链接：http://it.qfedu.com/oa.php/Public/share?c2lkPTI2Ng==
网盘链接：https://pan.baidu.com/s/1DnZfdGuoZ9cB28I6iJsOZQ 提取码: mgkk
Webpack视频链接：http://it.qfedu.com/oa.php/Public/share?c2lkPTQ4Mg==
对应资料网盘链接：https://pan.baidu.com/s/1qWcIa9Uh3C5zh1xsnnvwhA 提取码: byna
TypeScript视频链接: http://it.qfedu.com/oa.php/Public/share?c2lkPTE2ODk=
对应网盘链接：https://pan.baidu.com/s/1UVn2G6z5qgu5nIJ5JkfhNg 提取码: k2tw
关注公众号“大前端私房菜”，下方选项卡免费获取多款神器软件。
------------------强化学习的分割线--------------------
前面说过，这个时候你可以找个师傅带你，比如你身边有做前端的同学、朋友，让他帮你指点迷津，遇到技术问题也可以问他。如果没有那就找个培训机构，报一个强化班，和很多同学一起学前端。
1、报培训班的好处
(1) 和其他学生比着学，切磋技艺
(2) 有专业的老师教你
(3) 固定时间固定地点，逼着自己学，克服自学的惰性
(4) 有就业保障
2、报培训班的坏处
(1) 需要花钱
(2) 腾出5-6个月的学习时间，这段时间不能干别的事了
可以找线上的就业班，最好内容和下线一样，系统的线上学习。这个也有，很多培训机构都有线上的VIP大课，你可以查一下。
培训机构得选择靠谱的，我给你几个建议，供你参考：
1、要选择知名的机构，这个机构前端是否有影响；不建议选择小机构，教学和服务跟不上。
2、看看这个机构的师资是否雄厚；
3、机构是否在你的城市有分校，一般培训机构全国大纲是统一的，讲师也会统一培训，这样你可以就地学习；
4、要看教学品质，不要通过学费来衡量，有的小机构的确学费低一些，但是要慎重选择。现在培训市场已经相对成熟了，俗话说一分钱一分货；
5、看就业保障，有的同学只看教学过程，不看结果，这是不对的。不要只看培训机构官网公布的就业数据，要找一些同学朋友打听一下，这个机构是否真正的管就业，就业速度和就业薪资到底如何，去了公司是否能胜任工作等等。
------------------前端企业应用的分割线--------------------
了解前端技术在企业的落地，看看大厂利用大前端技术，都做了哪些优秀的产品。
我对目前各大厂的大前端技术落地做个梳理，让大家真正感受到大前端的接地气，体会到大前端广阔的发展前景。
过去的 2020 年是 5G 普及的元年，疫情催化了视频业务的发展，各个细分大行业，如社交、短视频、在线视频、教育、电商等，视频用户量和时长覆盖都在爆发性增长。
代表项目有：快手短视频APP。
从互联网诞生的第一天起，跨端的命题便应运而生，伴随通信协议、硬件设备、操作系统、应用服务、渲染容器、研发框架等分层的逐步加深，不同设备平台/运行环境间的差异性也逐渐拉大，纵观跨端技术的演进历程，本质是不断在动态性 研发效率 性能体验间寻找不同平衡点的过程，涉及到分层隔离的跨端标准制定，博采众长的大前端技术融合，业务优先的分端差异化实践等方方面面内容。百花齐放，异彩纷呈。
代表项目有：字节跳动的小程序混合渲染架构、阿里巴巴飞猪跨端容器、腾讯跨平台&动态化开发框架等。
随着技术不断的发展与演进，多端、多设备、多操作系统为企业在实际的生产活动中带来了较大的成本。跨平台技术在此背景下应运而生，Flutter作为当下火热的移动端跨平台技术。在App端跨平台开发，小程序容器等场景下有比较大的应用价值，同时这门新兴技术也有很多未知的应用场景和使用方法等待我们探索。
代表项目有：阿里巴巴闲鱼客户端构建的企业级Flutter应用、美团外卖基于Flutter Web的多端一体化架构等。
工程化是连接科学原理和现实世界的桥梁，中国在这一领域一直处于世界前列，随着移动互联网浪潮兴起，一批又一批优秀的工程师，在工程化领域不断打磨实践，这使得服务海量用户成为了可能，并成就了许多人们耳熟能详的 App。
代表项目有：美团的MBC业务标准化容器、贝壳找房的中台化建设等。
伴随业务的增长，软件系统也会由有序向无序发展，甚至逐渐开始难以维护和扩展，架构的本质就是对系统进行有序化重构，不断减少系统的熵 ，使其不断进化。
代表项目有：百度搜索渲染架构演进。
前端领域不断拓展和深化，前端开发者面临前所未有的机遇和挑战，作为整个前端生态基石的核心标准和基础技术，从编程语言平台API，基础库和框架，乃至核心工具链，同样也面临巨大的挑战，需要不断演进以适应新时代的需求。
代表项目有：PayPal 的 WebAssembly技术落地。
随着 Serverless 的发展，前端工程师可发挥的舞台越来越大，包括 BFF、SSR 、云端一体化等等在内，基于Serverless 架构的大前端实践越来越多，各大公司也纷纷将 Serverless 作为工程效率的基础架构，支撑各个业务线落地。
代表项目有：字节跳动基于Serverless前端研发模式升级。
2021年更多的头部 App，手机厂商都推出了自身的小程序平台，在 2021 年随着小程序平台的火热，将小程序平台作为 App 的基建也成为一个热点方向。
代表项目有：DCloud Uni-app、滴滴出行小程序、字节跳动抖音小程序等。
移动时代下，伴随算法、算力、数据和连接能力的更新迭代和交叉促进，催生出移动AI、端云一体、新型交互、泛视频理解和处理等新兴技术领域，移动开发技术栈也从传统端、前端、架构前端的大前端向更多算法、工程、产品融合演进。
代表项目有：百度特效相机工程、爱奇艺互动视频、贝壳找房VR及3D技术等。
随着终端设备的硬件算力不断增强以及人工智能浪潮的研究深入，端侧智能应用愈加成为一个炙手可热的领域，基于 AI 能力的加持，业界确实诞生了一些爆款应用，但整个行业还没有形成一个结构化的方法论，如何将 AI 能力和自己的业务紧密结合，驱动业务创新与发展成了人工智能落地为王阶段一个最重要的话题。
代表项目有：阿里巴巴利用端智能在 AR 导购/搜索推荐/用户增长等领域的应用、快手端侧 AI SDK 框架等。
可视化是借助于图形化手段，清晰有效地传达与沟通信息的技术。可视化技术可以使数据变得更有意义
也可以使数据变得更加容易理解。随着互联网的发展和信息化的深入，可视化技术正帮助越来越多的企业从浩如烟海的复杂数据中理出头绪，化繁为简，变成看得见的财富，从而实现更有效的决策过程。同时，由于Web技术的不断发展，终端渲染软硬件能力的提升，可视化技术和工具也变得越来越复杂，视觉效果越来越丰富，应用场景也越来越多样，有很多未知领域和方法等待我们深入探索。
代表项目有：字节跳动在 BI 系统的可视化、小米的二维图表 Qcharts 平台等。
近几年音视频领域爆发出很多新的产品解决方案，譬如云游戏 4K/8K高清直播 AI特效，其背后的技术竞争也变得越来越有挑战性，从数据采集、实时传输、终端播放、定制化编辑到服务质量都在发生变革，不少团队也在不断创新力争极致的用户体验。
代表项目有：腾讯在线教育、京东互联网远程问诊等。
------------------结语的分割线--------------------
说到这，有关前端的内容我讲差不多了，这是全网最全的前端介绍了，如果你想入坑前端，那就开始行动吧！本文涉及的有关物料，大家可以通过点击文中链接的获取，也可以私信来获取。