中后台：有云控制台、信息&资产管理平台、内部研发&项目管理平台、人工智能&机器学习平台、数据研发分析平台，企业内部信息平台等。具体产品如阿里云控制台、ERP、PAI、DeepInsight、阿里内外、Basecamp等。
图形：有基础图形库、3D图形、数据可视化、流程图等。具体产品如G2、DataV、阿里云城市大脑、滴滴智能交通调度图、双十一大屏等。
端技术：有移动端（iOS、Android、MobileWeb、PWA、小程序）、PC端（客户端、Web端）、触屏电脑、各种监控大屏、智能手表手环，智能汽车&家居屏幕等。具体产品如淘宝支付宝的App、PC主站、移动H5站，阿里郎、VS Code、双十一大屏、UC浏览器UWP版本、各种智能手表、手环、汽车、家居屏幕等。
泛Node：有工具链、Web框架、IoT、客户端（Electron、NW）等。具体产品如DEF/Atool/F2E-Test（阿里前端开发者工具）、Egg.js、阿里云的IoT应用、VS Code等。
开发者服务：有应用开发运维平台、组件市场等。具体产品如阿里云的应用搭建平台Boat、Fusion-Design组件市场，支付宝小程序开发者工具等。

2B
- 信息管理、财务、建筑、航天、水利、金融、制造等传统行业软件以及阿里提出的五新：新零售，新制造，新金融，新技术和新能源，新技术赋能传统行业
- SAAS软件及服务：如Teambition、Trello、钉钉企业版、Basecamp、Growing.io
2C
- 移动App：如微信、微博
- PC工具应用：如Google Doc
- 产品展示类网站：如阿里云、支付宝官网

前端、客户端技术思想的融合
- 组件化（组件化搭建页面）
- 组件生命周期钩子函数（如iOS ViewController）
- MV*（如MVVM设计就来源于微软客户端开发框架）

大前端的统一
- 虚拟DOM技术：React/ReactNative/ReactCanvas
- 各种移动设备内核和引擎的统一：WebKit/V8
- Web技术文档的统一：Mozilla Web Docs

前端、后端技术思想的融合
- MV*（如前端的第一个MVC框架Backbone.js就来自于Ruby on Rails开发者）
- AOP、依赖注入（Angular）
- GraphQL（SQL）
- IndexedDB（Database）

计算机科学本质/软件工程思想与实践/程序员职业素养。

计算机科学基础：如基本的操作系统概念和计算机组成原理，算法和数据结构基础等等。

软件工程思想与实践：如软件开发模式，设计模式，架构思维，自动化思维，单元测试集成测试，UML等等。

程序员职业素养：如对代码整洁和可读性的追求，对软件开发的热情，对编程技艺的自我提升等等。

历史回顾

回顾过前端的演化，主要参见最底下的相关资源，下图简要回顾一下95年以来软件开发和前端历史：

640?wx_fmt=png

前端的未来

日常办公软件（复杂应用，并且慢慢从桌面程序演化为Web）：Office、Email、文档管理、产品设计、项目管理、代码编辑器
大数据/AI配套软件（复杂应用，并且慢慢从桌面程序演化为Web）：需要大量的后台系统来做数据分析/机器学习
播放器/游戏：H5代替Flash，如Web Audio、Web Video、Canvas
容器/DSL/内核/小程序：支付宝/微信/钉钉容器，内核（也就是UC、QQ浏览器内核），及其自定义DSL（如果将来手机的底层能力都可以上浮到小程序，很有想象空间）
产品信息展示类网站（炫酷应用）：各种智能设备官网、大企业官网