PC
PC (Personal Computer) 即个人电脑。目前电脑端仍是前端一个紧张的领域，紧张分为面向大众的各种网站，如新闻媒体、社交、电商、论坛等和面向管理员的各种 CMS (内容管理系统)和其它的后台管理系统。
实在早期并没有 \"大众前端工程师\"大众 的称号，那时候一样平常叫做 \"大众网页设计师\公众 或 \公众美工\公众。记得最早打仗到的网页设计软件是微软开拓的 \公众Frontpage\"大众，后面才打仗到 \公众网页三剑客\公众 (Dreamweaver、Fireworks、Flash) 中的 Dreamweaver，直到现在的各种 IDE (集成开拓环境)，如 Sublime Text、WebStorm、Visual Studio Code 、Atom 等。
对付前端工程师来说，开拓 PC 端项目，最痛楚的事情莫过于办理浏览器兼容性问题，特殊是 IE 浏览器不同版本的问题。值得高兴的是，针对当代浏览器不同特性的兼容问题，可以借助构建工具的插件来实现自动添加不同浏览器的特性前缀，比如 Post CSS 的 Autoprefixer 插件。
接下来我们来看一下，PC 端第一个网页长啥样：
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 (微信) 这个平台，拥有大量的用户群体，因此它也是我们前端开拓另一个主要的领域。微信的"大众号与订阅号为市场营销和自媒体从业者，打造了一个新的天地。我们以微信"大众年夜众号为例，来剖析一下微信公众年夜众号的紧张浸染：
信息推送用户做事用户互动此外除了"大众年夜众号与订阅号外，微信又推出了微信小程序。微信小程序是一种全新的连接用户与做事的办法，它可以在微信内被便捷地获取和传播，同时具有出色的利用体验。
微信小程序的紧张上风：
不用安装，即开即用比较于 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 紧张的开源游戏引擎：
phaserpixi.jsBabylon.jswhs.jsegretcocos2d-html5Desktop
桌面运用软件，便是我们日常生活中电脑中安装的各种软件。早期要开拓桌面运用程序，就须要有专门的措辞 UI (界面) 库支持，如 C++ 中的 Qt 库、MFC 库，Java 的 Swing、Python 的 PyQT 等，否则措辞是没办法进行快速界面开拓。
随着 Web 技能的不断发展，目前借助 NW.js、Electron 等开拓框架，前端也可以开拓桌面运用了。个中口碑不错的开源 IDE - Visual Studio Code 便是利用 Electron 开拓的。利用 Web 技能，紧张的上风是它的跨平台能力和开拓效率。但也有它对应的缺陷，便是运行效率不如利用专门措辞开拓的桌面运用。
Server
Node.js 一发布，急速在前端工程师中引起了轩然大波，前端工程师们险些急速对这一项技能表露出了相称大的激情亲切和期待。看到 Node.js 这个名字，初学者可能会误以为这是一个 Javascript 运用，事实上，Node.js 采取 C++ 措辞编写而成，是一个 Javascript 的运行环境。
Node.js 让 JavaScript 能够运行在做事端，这个想法切实其实太棒了。这使得前端开拓职员不用再去学做事端开拓措辞，如 PHP、Java、Ruby 和 C# 等，也可以进入做事真个开拓领域。当然学习的过程可能对付大多数纯前端开拓职员来说，会比较痛楚和漫长。
Node.js 紧张的 Web 开拓框架：
ExpressKoaEggNodalSailsLoopback小编是一个多年开拓履历的程序员，今年年初整理了一批WEB前端学习资料作为粉丝福利，不论你是打算机专业想往WEB前端方向发展，还是零根本想要转行学习WEB前端，这份资料都能帮助到你。只要关注我，私信我【前端】，即可领取粉丝福利。
当然前端涉及的领域，还不止这些。较新的领域还有，数据可视化、IOT (物联网)、机器学习等。网上也有大神专门整理了前端开拓职员的技能图谱，有兴趣的读者可以参考一下，但一定要做好生理准备，不要被吓到哦。里面先容的是综合的技能，对付初学者的话，只要先学 HTML/HTML5、CSS/CSS3 和 JavaScript 的根本知识，等入门后在参考技能图谱，好好方案一下学习或进阶线路哟。
