跳到主要内容位置

2021 年学前端还有前途吗?

张旭乾
软件工程师 / B站UP主

‌有好多同学问我‌‌‌‌现在学前端还有没有前途?‌‌那么‌‌我就借着现在前端的发展趋势‌‌,和前端到底是个什么样的一个概念,来给‌‌大家分析一下,学前端到底有没有前途。

img

Photo by Tara Winstead from Pexels

什么是前端?

先定义一下,到底什么是前端。从广义的角度上讲,‌‌只要是我们人眼‌‌能看得见的、能够进行人机交互的‌‌界面‌‌,都属于前端的范畴,例如:APP‌‌、网站、小程序‌‌等等‌‌,甚至是智能硬件上面的‌‌显示屏‌‌(例如电视‌‌)。从这个角度上来讲,‌‌只要‌‌有人机交互的需求,‌‌那么前端‌‌开发永远都会有用武之地,我想你应该也清楚,人机交互在科技这么发达的现代社会里,不太可能消失,或者短时间里不太可能消失。

在了解这个概念后这些之后,‌‌你现在认为学前端到底有没有前途呢?‌‌

学前端到底有没有前途?

学前端的前途肯定是‌‌有的,但是‌‌要想‌‌一直保有竞争力的话,‌‌就‌‌要紧跟前端技术的‌‌潮流‌‌和发展方向。‌‌前端这个概念不会过时,前端开发技术‌‌肯定会有淘汰的时候。不过纵观前端‌‌发展这么多年,‌‌在开发中的比重越来越大,有着蓬勃发展的趋势。

前端的技术相对过时的也慢,因为 HTML、CSS 和 JavaScript‌‌ 一直都属于常青的状态:

  • ‌‌HTML 的变化非常小,‌‌从 HTML4 代到 HTML5 代‌‌,只是加了几个‌‌语义化的标签,‌‌都是很简单的东西。
  • CSS 的发展也是比较缓慢,CSS 3 最早 1999 年就已经有相关规范了,不过仿佛近几年才在各大浏览器中普及。有一点倒是比较重要,就是每次 CSS 更新,都能解决前端开发中最难的问题,例如 Grid 和 Flex 布局。‌‌
  • JavaScript,关于它的框架是层出不穷,‌‌之前曾火爆全球的 jQuery,到现在的 React、Vue 等,已经更替过好几波了,‌‌大概一个技术框架的火爆,也不超过‌‌10年左右吧。‌‌现在又有最新的‌‌ WebAssembly 和 Web Components 的出现,那么对于前端的开发方式也会‌‌带来越来来越多的选择。‌‌

在掌握了 HTML、CSS、JavaScript 之后,就能以不变应万变,再新的技术花样,左不过都是最终要生成 HTML、CSS 和 JavaScript 这 3 大部分。这里需要注意的是,WebAssembly 极有可能给前端带来翻天覆地的变化,尽早准备。如果你不知道要学什么,那么可以参考这篇文章:2021年最新前端工程师学习路线

前端发展方向

我们眼中的前端发展方向,其实说白了,就是看‌‌公司招聘具体需要什么样的技术,但这些还不够,要想让自己在前端开发中,保持屹立不倒,就需要我们时刻保持‌‌对前端技术的新鲜感和兴趣,‌‌有了新的技术就去尝试一下,了解一下它是干什么的,做个入门的小示例,‌‌以后如果真用到了,再学起来‌‌,就不至于是束手无策了。‌‌要防止自己的‌‌技术储备不过时,就应该这样持续的进行学习。‌‌

至于前端未来的发展方向,‌‌HTML、CSS 和 JavaScript 可能仍然会‌‌存在很长一段时间,‌‌其中变化比较多的,是浏览器的 API(BOM),因为浏览器的功能越来越‌‌强大,‌‌越来越深入操作系统底层,支持的特性越来越多。比如说现在比较热门的‌‌ WebGL 3D 绘图相关的‌‌技术、VR/AR‌‌、人工智能‌‌和机器学习等等,‌‌都可以在浏览器下实现。

以后‌‌就算是电影中演的,那种‌‌虚拟的‌‌、凭空出现的一些人机交互的界面,‌‌也需要使用前端技术去开发,无论‌‌是以什么样的介质、什么样的开发语言来呈现这个界面。

总结

所以,如果要学习前端,那就根本不需要担心它会不会过时、‌‌有没有前途‌‌。这个‌‌我敢保证,它一定是有前途的,‌‌我们要应对的,只是技术上的更替,‌‌这就需要‌‌你善于去发现‌‌新的技术,多关注前端的新闻。‌‌遇到感兴趣的、你认为‌‌可能会火的技术、大佬们觉得这个技术可以的,都可以去学,‌‌只要你觉得对你有帮助。

最后就是‌‌选定一个方向之后,就不要考虑太多,‌‌学习之后肯定是会有帮助的,而且人这一生不可能就只干一行,‌‌你可能未来‌‌对其他的技术感兴趣了呢?即便是哪天不想干前端了,你也肯定能很容易的转型到别的技术中去,‌‌因为软件开发的‌‌概念基本上都是相通的,‌‌只要你有了足够的只是储备,要转型也很快的,‌‌所以就放心的加油去学吧。‌

提示

一系列的课程让你成为高级前端工程师。课程覆盖工作中所有常用的知识点和背后的使用逻辑,示例全部都为工作项目简化而来,学完即可直接上手开发!

即使你已经是高级前端工程师,在课程里也可能会发现新的知识点和技巧,让你的工作更加轻松!

《React 完全指南》课程,包含 React、React Router 和 Redux 详细介绍,所有示例改编自真实工作代码。点击查看详情。

《Vue 3.x 全家桶完全指南与实战》课程,包括 Vue 3.x、TypeScript、Vue Router 4.x、Vuex 4.x 所有初级到高级的语法特性详解,让你完全胜任 Vue 前端开发的工作。点击查看详情。

《React即时通信UI实战》课程,利用 Storybook、Styled-components、React-Spring 打造属于自己的组件库。

《JavaScript 基础语法详解》本人所著图书,包含 JavaScript 全面的语法知识和新特性, 可在京东、当当、淘宝等各大电商购买