起航学习网

今天小T要跟大家分享的文章是关于学Web前端开发后可以选择哪些发展方向?近几年Web前端开发领域不断地涌现出新的技术，旧的技术也不断地进行更新换代。随着技术的不断进步，Web前端开发涉及的领域，也变得越来越广，接下来跟小T一起来了解一下Web前端开发几个重要的领域吧。希望能够对小伙伴们有所帮助。

一、PC

PC (Personal Computer) 即个人电脑。目前电脑端仍是Web前端开发一个主要的领域，主要分为面向大众的各类网站，如新闻媒体、社交、电商、论坛等和面向管理员的各种 CMS (内容管理系统)和其它的后台管理系统。

其实早期并没有 "Web前端开发工程师" 的称号，那时候一般叫做 "网页设计师" 或 "美工"。记得最早接触到的网页设计软件是微软开发的 "Frontpage"，后面才接触到 "网页三剑客" (Dreamweaver、Fireworks、Flash) 中的 Dreamweaver，直到现在的各种 IDE (集成开发环境)，如 Sublime Text、WebStorm、Visual Studio Code 、Atom 等。

对于Web前端开发工程师来说，开发 PC 端项目，最痛苦的事情莫过于解决浏览器兼容性问题，特别是 IE 浏览器不同版本的问题。值得高兴的是，针对现代浏览器不同特性的兼容问题，可以借助构建工具的插件来实现自动添加不同浏览器的特性前缀，比如 Post CSS 的 Autoprefixer 插件。

二、Web App

Web App 是指使用 Web 开发技术，实现的有较好用户体验的 Web 应用程序。它是运行在手机和桌面端浏览中，随着移动端网络速度的提升，Web App 为我们提供了很大的便利。此外近两年 Google 提出了一种新的 Web App 形态，即 PWA(渐进增强 Web APP) 。

PWA 意图让 Web 在保留其本质(开放平台、易于访问、可索引)的同时， 在离线、交互、通知等方面达到类似 App 的用户体验。PWA 其具体技术包括 Service worker、 Web App Manifest、 Cache API、 Fetch API、 Push API、 Web Push Protocol、 Notification 等等。

Web App 的主要优点：

§ 开发成本低

§ 内容更新快

§ 升级无需通知用户，自动升级

§ 能够跨多个平台和终端

Web App 的主要缺点：

§ 用户体验短期内还无法超越原生应用

§ 离线工作的能力较弱

§ 消息推送不够及时

§ 无法获取系统级别的通知，提醒，动效等等

三、WeChat

WeChat (微信) 这个平台，拥有大量的用户群体，因此它也是我们Web前端开发另一个重要的领域。微信的公众号与订阅号为市场营销和自媒体从业者，打造了一个新的天地。我们以微信公众号为例，来分析一下微信公众号的主要作用：

§ 信息推送

§ 用户服务

§ 用户互动

此外除了公众号与订阅号外，微信又推出了微信小程序。微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

微信小程序的主要优势：

§ 不用安装，即开即用

§ 相比于 App 开发来说，小程序开发成本更低

§ UI 和操作流程比较统一，降低用户的使用难度

§ 基于微信平台，推广更容易、更简单

四、Hybrid App

Hybrid App (混合应用) 是指介于 Web App、原生 App (主要是 Android 或 iOS )之间的 App，它兼具原生 App 良好用户交互体验的优势和 Web App 跨平台开发的优势。

混合应用功能按网页语言与程序语言的混合，通常分为三种类型：多View混合型，单View混合型，Web主体型。最早的混合应用开发技术，是基于 Phonegap/Cordova 技术。Cordova 为开发者提供了一组设备相关的 API，通过这组 API，移动应用能够以 JavaScript 访问原生的设备功能，如摄像头、麦克风等。

目前主流的混合应用开发框架有：React Native、Onsen UI、Ionic、Framework 7、Native Script 和 Weex 等。这里就不详细展开，对各个框架进行详细对比和分析，有兴趣的读者可以自行查阅一下相关资料。接下来我们来了解一下混合应用的优缺点。

混合应用的主要优点：

§ 开发成本低

§ 节省跨平台的时间和成本

§ 可以访问硬件设备的功能

§ 可以打包成 App，发布到 App Store 或各大安卓应用平台

混合应用的主要缺点：

§ 用户体验不如原生 App

§ 应用性能也不如原生 App

§ 技术还未成熟

五、Game

HTML5 游戏从 2014 年 Egret 引擎开发的神经猫引爆朋友圈之后，就开始一发不可收拾。不过现在游戏开发变得越来越复杂，需要制作各种炫丽炫丽的效果，还要制作各炫丽于 2D 或者 3D 的场景。为了降低游戏的开发难度，加快游戏的开发进度，国内外不同厂商推出了众多游戏开发引擎。

HTML 5 主要的开源游戏引擎：

§ phaser

§ pixi.js

§ Babylon.js

§ whs.js

§ egret

§ cocos2d-html5

六、Desktop

桌面应用软件，就是我们日常生活中电脑中安装的各类软件。早期要开发桌面应用程序，就需要有专门的语言 UI (界面) 库支持，如 C++ 中的 Qt 库、MFC 库，Java 的 Swing、Python 的 PyQT 等，否则语言是没办法进行快速界面开发。

随着 Web 技术的不断发展，目前借助 NW.js、Electron 等开发框架，Web前端开发也可以开发桌面应用了。其中口碑不错的开源 IDE - Visual Studio Code 就是使用 Electron 开发的。使用 Web 技术，主要的优势是它的跨平台能力和开发效率。但也有它对应的缺点，就是运行效率不如使用专门语言开发的桌面应用。

七、Server

Node.js 一发布，立刻在Web前端开发工程师中引起了轩然大波，Web前端开发工程师们几乎立刻对这一项技术表露出了相当大的热情和期待。看到 Node.js 这个名字，零基础可能会误以为这是一个 Javascript 应用，事实上，Node.js 采用 C++ 语言编写而成，是一个 Javascript 的运行环境。

Node.js 让 JavaScript 能够运行在服务端，这个想法简直太棒了。这使得Web前端开发人员不用再去学服务端开发语言，如 PHP、Java、Ruby 和 C# 等，也可以进入服务端的开发领域。当然学习的过程可能对于大多数纯Web前端开发人员来说，会比较痛苦和漫长。

Node.js 主要的 Web 开发框架：

§ Express

§ Koa

§ Egg

§ Nodal

§ Sails

§ Loopback

当然Web前端开发涉及的领域，还不止这些。较新的领域还有，数据可视化、IOT (物联网)、机器学习等。网上也有大神专门整理了Web前端开发人员的技能图谱，有兴趣的读者可以参考一下，但一定要做好心理准备，不要被吓到哦。里面介绍的是综合的技能，对于零基础的话，只要先学 HTML/HTML5、CSS/CSS3 和 JavaScript 的基础知识，等入门后在参考技能图谱，好好规划一下学习或进阶线路哟。

最后，这篇文章的目的不是为了炫耀Web前端开发有多牛逼，只是想作为有意向入行Web前端开发或刚入门Web前端开发人员的参考资料。俗话说得好，术业有专攻，希望新时代的Web前端开发者，能先专攻某个领域，然后再扩展其它领域，即先有深度再有广度。

以上就是小T今天为大家分享的关于学Web前端开发后可以选择哪些发展方向的文章，希望本篇文章能够对正在从事Web前端开发工作的小伙伴们有所帮助。想要了解更多Web相关知识记得关注IT培训网Web培训官网。最后祝愿小伙伴们工作顺利！

【免责声明：本文图片及文字信息均由小T转载自网络，旨在分享提供阅读，版权归原作者所有，如有侵权请联系我们进行删除。】

Web前端开发工程师，是从事Web前端开发工作的工程师。主要进行网站的开发、优化、完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的Web前端开发工程师。现在说的重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。以前会Photoshop和Dreamweaver就可以制作网页，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后端开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的Web前端开发工程师才能做好，这方面的专业人才近两年来备受青睐。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。

文章出自：http://qh.itpxw.cn/peixun/web/202186194.html

文章标题：学Web前端开发后可以选择哪些发展方向



免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉

(责任编辑：深圳学历教育网)