经常有人问我这样的问题：

老师，我是非计算机专业的应届毕业生，但一心想从事IT行业，上网查了很多信息，也咨询了很多身边的同学和朋友。有人说，前端开发入门简单，人才需求大，薪资水平高，而且行业前景还好。也有人说前端开发并不简单，不但需要编程，还要考虑产品的用户体验。我是一个小白，真的想知道该不该选择前端。

每一次我都详细的给他们讲一遍。于是，我决定给大家写一篇文章，系统的讲一下前端，不管你是什么基础，看完这篇文章，关于前端，你都会找到你想要的答案。

先自我介绍一下吧，我是陆荣涛，北大计算机专业，2001年就开始从事前端开发工作了。做过网站，开发过电子政务系统，当过前端架构师，也做过交互设计。20年间，可以说目睹了互联网的发展，经历了前端从美工，到网页制作，到前端开发工程师，到全栈工程师，到大前端架构师的发展历程。目前从事前端教学教研工作，专业培养前端工程师，是前端开发技术的传道者。

本文较长，为了方便大家阅读，把主要回答的问题先列示出来：

一、前端人才需求现状如何？

二、前端薪资水平现状如何？

三、前端岗位有哪些？具体什么要求？

四、到底什么是前端？前端都能干什么？

六、前端技术解决企业什么问题？

七、前端工程师具体都做些什么？

八、前端这学科学习内容有什么特点？

九、能给我一个完整的前端学习路线图吗？

十、学习前端需要什么基础？我能学会吗？

十一、我该如何入门前端？

十二、我想自学前端，有好的视频推荐吗？

十三、自学一段时间了，总觉得心里没底，尝试着去面试，都没成功，我该怎么办？

十四、我想找师傅带，但是由于疫情和个人原因无法线下的，怎么办？

十五、培训机构靠谱吗？我该怎么选？

十六、企业应用前端技术开发了哪些产品？

在你阅读这篇文章时，一定带着几分焦虑，我该不该选择前端。老话说男怕入错行，女怕嫁错郎。显然只要进入职场，不管男女，行业方向得选对。咱们先了解一下前端人才需求和前端薪资水平的现状，缓解一下焦虑。

一、前端人才需求现状如何？

这说明，前端技术在企业技术选型中，没有可替代性，只要做人机交互的界面，就离不开前端，就离不开前端技术。

RedMonk发布了2021年第四季度编程语言排行榜，RedMonk是一家专注软件开发者的行业分析公司。其总部位于美国，从 2011 年开始统计行业编程语言排名，RedMonk 编程语言排行榜的数据来自 GitHub 和 Stackoverflow，对编程语言的热门程度进行的比较，JavaScript 连续10年一直名列前茅。

可以说 JavaScript是全世界公认的最好的编程语言。

七、前端工程师具体都做些什么？

在企业里，一个前端开发工程师的地位非常重要，他就是一个粘合剂，上游要和产品沟通，下游要和后端及测试协作。因此，一个前端工程师，具体工作会包含但不限于下面的工作：

(2) 参与系统的交互设计

(4) 前端的界面实现

(5) 项目工程化设计

(6) 与后端做接口对接和联调

(7) 配合测试保障项目质量

(9) 配合产品采集运营数据

对于初中级前端工程师，会重点做 (4)、(6)、(7) 项工作，高级前端会涉及全部工作。

厉害，你都读到这里了。恭喜你，现在你已经不是门外汉了，下面我们就准备学习前端吧。

八、前端这学科学习内容有什么特点？

一句话概况就是：入门门槛低，行业天花板高。

这就意味着入门容易，但又有挑战，有挑战岗位薪资必然就高，有挑战说明技术上存在壁垒，职业发展前景广阔。学习前端，从HTML，CSS学起，简单有成就感，JavaScript又能圆你的程序员梦想，学会Vue，React，Angular就能直接开发项目。大前端技术栈又会给了你更广阔的探索空间。如果你想了解大前端更多技术细节，请往下看。

九、能给我一个完整的前端学习路线图吗？

捞干的，直接给你绘制了前端学习的路线图，共分成八个步骤，沿着这个路线图走，就会实现你的终极目标。

第一步：PC端网页制作与动画特效

第二步：移动端网页制作与响应式实现

第四步：PC端全栈项目开发

第五步：前端高级框架技术

第六步：混合应用开发技术

第七步：原生应用开发技术

限于篇幅，我这里只给大家展示了两层内容，详细内容大家可以关注我， 回复关键词：“学前端”获取详细的学习路线图。

十、学习前端需要什么基础？我能学会吗？

学习前端的基础，我们可以从几个维度来分析：

学习前端不需要有多高的学历，一般高中以上水平就能学会，关键取决于你的学习能力和兴趣。

专业的要求更加低些，大家都知道许多前端大佬都不是计算机相关专业的，比如Vue的作者尤雨溪是学设计的，Mobx的作者是个木匠，Avalon的作者是学日语的，这样的例子很多。因此，如果你是科班出身，固然更好；半路出家，也无所谓。

有很多人问我，前端也学编程，数学是不是也很好，这个也不一定。因为我们是前端工程师，我们的使命是用前端技术做项目，给老板变现，我们不是去造火箭，不需要深度的科学研究。如果只是做项目，一般高中的数学知识就够了。但需要有一定的逻辑思维能力，这个一般每个人天生都有。

很多刚学编程的同学看到代码都是英文，感觉头皮发麻，其实编程不需要你懂太多英文语法，需要记忆的单词也就那么多，而且你会天天看见他们，现在的编程软件，都有代码的自动补全功能。其实，编程的重点在于逻辑和算法。

当然，不是说英语不重要，如果英语好，你就可以去看一些编程的一手的英文资料，了解更前沿的技术，至少编程的报错信息你会一目了然。

前端常用英语单词，大家可以关注我，回复关键词：“前端单词”获取前端学习必备英文单词表。

综上所述，学前端不需要一定是本科毕业，计算机专业，数学和英语也不需要多厉害。但需要你有很好的学习能力，有一定的逻辑思维能力，对前端感兴趣，想全身心的投入前端就行了。

十一、我该如何入门前端？

如果你还是在读大学生，或者你还在其他行业工作着，要开始做准备，我可以给你推荐一些前端的书籍：

《HTML5从入门到精通》

前端HTML5+CSS3入门，这本书有个优点是随书有讲解视频。

这本书图文并茂，比较经典的前端入门书籍了，看着不累。

JavaScript 入门可以看这本，此书的优点是随书有讲解视频。

这是经典的JavaScript红宝书，已经有15年以上的历史了，第4版全新升级了，学习前端，必看。

基础和JS选一本看就可以，看书可以系统的学习前端知识。

如果你觉得看书太累，现在大家认可的比较高效的方法就是看视频教程。看什么视频？怎么看？文章下文详细介绍。

如果你连视频都懒得看，或者觉得效率太慢，那就只能是找个师傅带你入门了。怎么找到靠谱的师傅？

能看到这，再次恭喜你，你已经跨入了通向成功道路的大门。如果你想自学前端，下面我帮你梳理前端的视频学习路线图，相关的视频也帮你准备好了，go...

十二、我想自学前端，有好的视频推荐吗？

接下来你看到可能是——2022年前端最新最全学习路线

如今这个人均5G上网冲浪的时代，互联网行业遍地开花互联网技术也是争奇斗艳， 前端工程师作为做火爆的前端岗位之一，一直备受追捧。

前端技术以其自身学习门槛低、上手容易、学习曲线相对平滑的学科特点，以及需求大，就业容易的市场情况，让想进入互联网行业的人趋之若鹜。不管是科班出身，还是小白转行都迫切需要一套内容全面，对小白友好，能学到真材实料的视频，于是它来了！

你可以从零开始，一步步的掌握前端开发的各项相关技能，最终达到企业对初级前端开发工程师，中级前端开发工程师，高级开发工程师，全栈开发工程师等职位的要求。

2022年前端最新学习路线

1、前端基础入门——HTMLCSS

其中包括：HTML基础，CSS基础，CSS核心属性，浮动，盒子模型，溢出，元素类型，安利案例，定位，锚点，精灵图，宽高自适应，表单进阶。

1.4 渐变、动画、变形

完成第一阶段的学习，就可以完成PC端页面的制作与动画特效，可以配合UI设计师进行项目开发完成pc端网页的布局制作与样式设计实现。实现移动端页面制作与响应式实现，可以适配各种手机尺寸，并能利用响应式惊醒移动端与PC端适配。

网盘资料： 提取码: djdp

JavaScript是前端学习的灵魂，这一阶段是重中之重，是往后学习所有前端知识的基础。

其中包括：入门、基础语法、流程控制语句、函数、对象和数组，数据操作，BOM和DOM基础操作、事件。

包括：面向对象、原型原型链、ES6、Ajax、JQuery

完成这个阶段学生， 可以掌握页面行为交互，实现网站中常见特效，如：轮播图、选项卡、拖拽。并能配合UI和后端进行项目开发。

在实例中，巩固我们学过的基础知识

资源对应资源： 提取码: m8q6

资源对应链接： 提取码:2bfu

4、 Vue入门到精通

这一阶段是现在公司开发中常用的框架，这一阶段学完就可以利用框架开发项目，实现单页面应用开发。可以完成复杂的数据交互应用场景。具备独立开大项目的能力。

其中包括：Vue介绍、Vue基础、Vue进阶、Vue移动端项目、

其中包括，Vue的模块语法、Vue的class与style、Vue条件渲染、列表渲染、事件处理器、表单空间绑定、计算属性、数据请求、过滤器。

其中包括：组件基础、组件插槽、过渡效果、生命周期、组件轮播案例、自定义指令、单文件组件。

对应资料链接： 提取码: zzsh

国内Vue和React框架的使用比例都非常高, 虽然理论上只需要掌握一个, 但由于特性都是类似的, 建议两者都能掌握。

本视频提供React 核心基础知识以及周边生态技术一站式服务，无缝对接大厂需求。通过实际需求案例驱动知识点吸收，通过幽默风趣讲解驱动学习的积极性，帮助大家迅速成长为React开发高手，最后还有一个完整的后台管理系统，让大家感受真实项目开发过程。

React介绍、create-react-app、编写一个React应用程序、JSX语法与组件、组件的数据挂载方式、表单中的受控组件与 非受控组件、组件通信的方式、React生命周期、React生命周期、React

附上我们的视频链接，React 就此开始

网盘资料： 提取码: 8g5i

小程序是近年来前端最火热的技术之一，在推出以来就成为前端工程师的必备技能。

本节共分为4节，包括：微信公众号基础、环境配置、鉴权配置、Vue项目配置

6.1、微信公众号基础

共分为小程序基础、小程序实战项目。

网盘链接： 提取码: mgkk

对应资料网盘链接： 提取码: byna

对应网盘链接： 提取码: k2tw

关注公众号“大前端私房菜”，下方选项卡免费获取多款神器软件。

十三、自学一段时间了，总觉得心里没底，尝试着去面试，都没成功，我该怎么办？

前面说过，这个时候你可以找个师傅带你，比如你身边有做前端的同学、朋友，让他帮你指点迷津，遇到技术问题也可以问他。如果没有那就找个培训机构，报一个强化班，和很多同学一起学前端。

(1) 和其他学生比着学，切磋技艺

(2) 有专业的老师教你

(3) 固定时间固定地点，逼着自己学，克服自学的惰性

(2) 腾出5-6个月的学习时间，这段时间不能干别的事了

十四、我想找师傅带，但是由于疫情和个人原因无法线下的，怎么办？

可以找线上的就业班，最好内容和下线一样，系统的线上学习。这个也有，很多培训机构都有线上的VIP大课，你可以查一下。

十五、培训机构靠谱吗？我该怎么选？

培训机构得选择靠谱的，我给你几个建议，供你参考：

1、要选择知名的机构，这个机构前端是否有影响；不建议选择小机构，教学和服务跟不上。

2、看看这个机构的师资是否雄厚；

3、机构是否在你的城市有分校，一般培训机构全国大纲是统一的，讲师也会统一培训，这样你可以就地学习；

4、要看教学品质，不要通过学费来衡量，有的小机构的确学费低一些，但是要慎重选择。现在培训市场已经相对成熟了，俗话说一分钱一分货；

5、看就业保障，有的同学只看教学过程，不看结果，这是不对的。不要只看培训机构官网公布的就业数据，要找一些同学朋友打听一下，这个机构是否真正的管就业，就业速度和就业薪资到底如何，去了公司是否能胜任工作等等。

了解前端技术在企业的落地，看看大厂利用大前端技术，都做了哪些优秀的产品。

十六、企业应用前端技术开发了哪些产品？

我对目前各大厂的大前端技术落地做个梳理，让大家真正感受到大前端的接地气，体会到大前端广阔的发展前景。

1、5G 视频大时代的移动端技术

过去的 2020 年是 5G 普及的元年，疫情催化了视频业务的发展，各个细分大行业，如社交、短视频、在线视频、教育、电商等，视频用户量和时长覆盖都在爆发性增长。

代表项目有：快手短视频APP。

从互联网诞生的第一天起，跨端的命题便应运而生，伴随通信协议、硬件设备、操作系统、应用服务、渲染容器、研发框架等分层的逐步加深，不同设备平台/运行环境间的差异性也逐渐拉大，纵观跨端技术的演进历程，本质是不断在动态性 研发效率 性能体验间寻找不同平衡点的过程，涉及到分层隔离的跨端标准制定，博采众长的大前端技术融合，业务优先的分端差异化实践等方方面面内容。百花齐放，异彩纷呈。

代表项目有：字节跳动的小程序混合渲染架构、阿里巴巴飞猪跨端容器、腾讯跨平台&动态化开发框架等。

随着技术不断的发展与演进，多端、多设备、多操作系统为企业在实际的生产活动中带来了较大的成本。跨平台技术在此背景下应运而生，Flutter作为当下火热的移动端跨平台技术。在App端跨平台开发，小程序容器等场景下有比较大的应用价值，同时这门新兴技术也有很多未知的应用场景和使用方法等待我们探索。

代表项目有：阿里巴巴闲鱼客户端构建的企业级Flutter应用、美团外卖基于Flutter Web的多端一体化架构等。

工程化是连接科学原理和现实世界的桥梁，中国在这一领域一直处于世界前列，随着移动互联网浪潮兴起，一批又一批优秀的工程师，在工程化领域不断打磨实践，这使得服务海量用户成为了可能，并成就了许多人们耳熟能详的 App。

代表项目有：美团的MBC业务标准化容器、贝壳找房的中台化建设等。

5、大前端架构设计实践

伴随业务的增长，软件系统也会由有序向无序发展，甚至逐渐开始难以维护和扩展，架构的本质就是对系统进行有序化重构，不断减少系统的熵 ，使其不断进化。

代表项目有：百度搜索渲染架构演进。

6、前端核心标准和基础技术

前端领域不断拓展和深化，前端开发者面临前所未有的机遇和挑战，作为整个前端生态基石的核心标准和基础技术，从编程语言平台API，基础库和框架，乃至核心工具链，同样也面临巨大的挑战，需要不断演进以适应新时代的需求。

随着 Serverless 的发展，前端工程师可发挥的舞台越来越大，包括 BFF、SSR 、云端一体化等等在内，基于Serverless 架构的大前端实践越来越多，各大公司也纷纷将 Serverless 作为工程效率的基础架构，支撑各个业务线落地。

代表项目有：字节跳动基于Serverless前端研发模式升级。

2021年更多的头部 App，手机厂商都推出了自身的小程序平台，在 2021 年随着小程序平台的火热，将小程序平台作为 App 的基建也成为一个热点方向。

代表项目有：DCloud Uni-app、滴滴出行小程序、字节跳动抖音小程序等。

移动时代下，伴随算法、算力、数据和连接能力的更新迭代和交叉促进，催生出移动AI、端云一体、新型交互、泛视频理解和处理等新兴技术领域，移动开发技术栈也从传统端、前端、架构前端的大前端向更多算法、工程、产品融合演进。

代表项目有：百度特效相机工程、爱奇艺互动视频、贝壳找房VR及3D技术等。

随着终端设备的硬件算力不断增强以及人工智能浪潮的研究深入，端侧智能应用愈加成为一个炙手可热的领域，基于 AI 能力的加持，业界确实诞生了一些爆款应用，但整个行业还没有形成一个结构化的方法论，如何将 AI 能力和自己的业务紧密结合，驱动业务创新与发展成了人工智能落地为王阶段一个最重要的话题。

代表项目有：阿里巴巴利用端智能在 AR 导购/搜索推荐/用户增长等领域的应用、快手端侧 AI SDK 框架等。

11、可视化技术与工具

可视化是借助于图形化手段，清晰有效地传达与沟通信息的技术。可视化技术可以使数据变得更有意义

也可以使数据变得更加容易理解。随着互联网的发展和信息化的深入，可视化技术正帮助越来越多的企业从浩如烟海的复杂数据中理出头绪，化繁为简，变成看得见的财富，从而实现更有效的决策过程。同时，由于Web技术的不断发展，终端渲染软硬件能力的提升，可视化技术和工具也变得越来越复杂，视觉效果越来越丰富，应用场景也越来越多样，有很多未知领域和方法等待我们深入探索。

代表项目有：字节跳动在 BI 系统的可视化、小米的二维图表 Qcharts 平台等。

近几年音视频领域爆发出很多新的产品解决方案，譬如云游戏 4K/8K高清直播 AI特效，其背后的技术竞争也变得越来越有挑战性，从数据采集、实时传输、终端播放、定制化编辑到服务质量都在发生变革，不少团队也在不断创新力争极致的用户体验。

代表项目有：腾讯在线教育、京东互联网远程问诊等。

说到这，有关前端的内容我讲差不多了，这是全网最全的前端介绍了，如果你想入坑前端，那就开始行动吧！本文涉及的有关物料，大家可以通过点击文中链接的获取，也可以的关注公众号：“大前端私房菜”，随时关注前端知识。