相信很多非专业人士并不了解web前端，但是随着web前端的发展，已经有越来越多的人开始加入到前端的队伍中来了。那么web前端都学什么？Web都有哪些新技术？要知道前端开发的快速发展，几乎每年都会给开发者带来新的关键词。在未来的一年，前端仍将专注于小程序，跨端开发，超级应用，前端工程化以及新技术应用。下面我们就来具体看看。

web前端开发需要学习的技术：

1、掌握基本web前端开发技术：HTML、CSS、JavaScript、DOM、BOM、AJAX等，而且要了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。

2、必须掌握网站性能优化、SEO和服务器端开发技术的基础知识。

3、必须学会运用各种web前端开发与测试工具进行辅助开发。

4、除了掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

5、未来web前端开发工程师还要研究HTML5、web视觉设计、网站配色、网站交互设计模式等相关技术，前端的岗位很多，要注意选择自己的技术方向，需要精通流行的几个框架开发。前端是入门简单，深入难，所以要往高级前端发展还需要不断学习新技术。在互联网行业，前端有WEB前端、HTML前端等，随着互联网技术发展，就业方向也有很多。web前端的就业方向有web架构师、web前端工程师、HTML前端开发工程师、网页设计师等等。

HTML前端开发

与Web前端开发不同的是，使用HTML5不仅仅可以开发前端，还有网页游戏，手机APP，使用浏览器进行3D渲染等一系列建立在HTML5标准与搭载其标准浏览器上的开发，而未来可能会有更多的功能分支并入HTML5标准。web前端工程师

这个方向是目前从事Web前端开发的主要就业方向

Web架构师

薪资普遍比较高，技术要求高，掌握多种技能，包括：后端技术、DBA、Platform等等，甚至包括网站优化SEO技术。

数据方向

数据研发这个是在Web开发的基础上用数据附能，懂可视化的一定是有前端能力的，懂hadoop的一定java玩的溜，属于Web开发的拓展方向。

大前端方向

比如阿里，在大量实践rn和weex;由于公司内部安卓/ios式微，一定程度上，前端把ios和安卓收编了，统称大前端(还有node)。

图形学方向

前端自然是与图形学有千丝万缕的联系，除了上面提到了可视化，还有相关3d引擎的开发工作。做这一行要求也非常高了，图形学相关的算法，3d引擎的开发，这都需要图形学相关知识。

Web都有哪些新技术?

1、小程序

在这个项目中，今年仍然是项目突然进展的一年。所有主要应用程序都已启动，所有前端团队都有专门的程序开发团队来满足更快程序开发的需求。与此同时，APP程序中的许多关键功能已经被小程序所取代，甚至有些APP程序已经变成了Nativex小程序外壳，上层应用完全由小程序来实现。

在微信小程序出现之前，每个人都在谈论Hybird和ReactNative，但这只是技术层面的狂欢，没有注入商业属性。小程序的出现，一方面告诉业界，Webview在当前的设备上并没有变坏，另一方面，告诉业界如何让有能力的企业在超级应用程序上的私有域中运行。

另一方面，从技术角度来看，在上层DSL的严格限制下，超级APP可以定义满足自身需求的网络标准，弥补了当前网络标准的不足。最后，它可以与客户端合作生产出各种类似NSR的酷技术模型，离线、预装、定制的网络视图(Webview)，这样网络最终可以以低成本实现原生版本的体验，不会像Weex那样在终端外有点尴尬。然而，由于需要依靠超级应用(微信、支付宝、百度、美团、头标等)，由于各种平台采用的具体方案不同，目前小程序的登陆方案也不同，有时需要开发多套代码。

2、跨终端开发

对于跨终端开发，RN状态通常是成熟的，或者没有太多的开发前景，因为它仍然处于0.61版本，而1.0版本似乎还很遥远。因此，今年许多团队改变了他们的调子，以 Flutter为Release，这重新点燃了希望，并使 Flutter前端渴望尝试。

3、前端工程

在前端编程中，开发人员最重要的基本成就是提高效率，此时前端开发人员将继续迭代和优化。我们曾经谈论过Yoman、CLI和其他系列的构建工具，但是在团队成长之后，我们仍然几乎没有任何感觉。相比之下，Java学生从未听说过从没听说过 Spring Boot 配置工程师。今年，许多团队正在构建一个完整的前端DevOps流程套件，一些团队也开始协作并一起构建。无论是网络项目还是程序项目，从新项目、开发、调运、部署、测试、发布、运行和维护到监控统计，都有完善的设施来保证和提高效率，前端流程在未来将更加标准化。

展望2020年前端的发展，前端工程系统肯定会更加闭环，不像脚手架那么简单，而是将集成开发环境(IDE)结合起来，从项目初始化、代码编写、配置项、灰度级和发布，打开业务属性，形成一个完整的闭环。

4、Serverless

目前，许多公司都在做BFF层来满足这部分需求，但仍然无法摆脱运行维护和机器配送的障碍。随着无服务器(Serverless)的逐步登陆，代码的BFF层将摆脱操作和维护、机器分配等复杂问题。同时，前端学生将高概率地编写这部分代码，而服务器端学生将专注于中型系统的实现。就业务而言，试错的成本也将大大降低。

随着Node.js成为前端开发人员必备的技能，云计算的持续流行将使无服务器成为可能。随着越来越多的开发人员尝到研发的甜头，无服务器必将改变前端的研发模式。同时，使用无服务器的学生肯定会使用TS。这也意味着如果没有在2020年写测试，它可能真的过时了。

5、WebAssembly

WebAssembly是一种新的字节码格式。目前，主流浏览器支持WebAssembly。与JS的解释和执行不同，WebAssembly字节码与底层机器代码非常相似，可以快速加载和运行，因此性能比JS解释和执行有了很大提高。也就是说，WebAssembly不是一种编程语言，而是一种字节码标准，需要用高级编程语言编译并放入WebAssembly虚拟机中运行。浏览器制造商需要做的是根据WebAssembly规范实现虚拟机。使用WebAssembly，您可以在浏览器上运行任何语言。从Javascript到TypeScript到Babel，这些都需要翻译成js来执行，而WebAssembly嵌入在浏览器中，不需要翻译就可以直接执行，所以执行效率自然要高得多。

例如，AutoCAD软件是由AutoCAD生产的自动计算机辅助设计软件，可用于绘制二维图形和基本三维设计。使用时无需编程即可自动绘图，因此广泛应用于民用建筑、装饰、工业制图、工程制图、电子工业、服装加工等诸多领域。

AutoCAD是由大量的C代码编写的软件，经历了从桌面到移动再到网络的许多技术变革。此前，在InfoQ上有一篇题为《AutoCAD WebAssembly: Moving a 30 Year Code Base to the Web》的演讲，即通过网络组装(WebAssembly)，许多旧的C代码可以在网络上运行，执行效率得到保证。

Hrome的核心JavaScript引擎V8现在包括了Liftoff，一个新的WebAssembly baseline编译器。Liftoff简单快速的代码生成器大大提高了WebAssembly应用程序的启动速度。2019年，许多公司将开始投资于网络组装的学习和转型。据信，网络组装将在2020年经历一个爆炸性时期。

6、5G

2021年，5G将是一个不可分割的话题。首先，5G带宽的增加带来了传统网络复杂性的提高，就像2G到4G过程中从WAP纯超链接时代向4G全画面视频时代的转变一样。5G肯定是一个巨大的变化，但它绝对不会在一夜之间发生。因为相应的配套设施也需要逐步完善，如硬件性能和浏览器处理速度。服务器端渲染无疑是捷径之一。轻前端和重后端，5G是一座桥梁。将渲染放在后端并不像同构那么简单。它需要关注和优化渲染性能。在这个机会下，WebAssembly可能会得到快速发展，因为它可以在后台缝合和连接多种语言。背景渲染的优化也将带来前端研发模式和技术架构的变化。5G带来的一切互联将带来不同于智能机器和普通电脑的各种场景。虚拟现实、可穿戴设备、载体系统、智能投影、智能交互等。将把网络带入各种垂直领域，这也意味着前端会有更多的空间。

以上我们介绍了web前端都学什么？Web都有哪些新技术？相信随着5G的大规模业务，一批新的互联网巨头将会诞生。如果您想了解更多相关内容，请您及时关注中培伟业。