1、前端认知
- 传统结构划分角度：网站前台部分，包括网站结构、表现、互动
- 大前端角度：Web前台、移动设备（手机、可穿戴设备、车载系统···）、智能电视等
2、前端技术划分
- 前端设计：网站视觉设计
- 前端开发：网站前台代码实现，通过HTML、CSS、JavaScript以及衍生出来的各种技术、框架等，来实现用户界面的交互
3、回顾历史
了解历史是为了更好走向未来
| 年份 | 关键词 | 事件 |
|---|---|---|
| 2006年以前 | 萌芽 | 国内无前端概念；技术以静态页、ASP+TABLE为主，无调试工具；IE为主流，随着其它浏览器的推出，跨浏览器兼容问题日益突出；无“用户体验”一说 |
| 2006～2007年 | 发展 | 页面交互复杂，开始注重用户体验；有了流程规范；WEB前端开发工程师登上历史舞台；浏览器中出现了调试工具 |
| 2007～2008年 | 变革 | 网速提升，响应速度缩小；Ajax技术被大量使用；网站内容呈指数级增长，内容管理成本升高，排版急待优化，前端开始引入各种javascript库提高效率，如YUI2 |
| 2009～2010年 | 爆发 | 网民数量激增，前端性能成为瓶颈；多人协作模式，使YUI/Tbra等传统工具无法满足需求，新框架和设计模式应运而生，如YUI3 |
| 2011年以后 | 进化 | 多终端设备普及，要求前端具备强大的兼容和可适配性，新技术标准/混合开发技术开始被大量应用，前端进入跨平台时代 |
web技术历史回顾 | 年份 | 关键词 | | | --- | --- |--- | | 2000 | WEB1.0 | 查询 | | 2005 | WEB2.0 | 用户交互，内容浏览、内容制造、内容分享引用、聚合,09年webkit框架 | | 2010 | WEB3.0 | 浏览器广泛支持，崭新阶段，跨越发展 | 细分
| 时代 | 关键词 | 主要技术 | 开发岗 | 市场需求(前:后) | |
|---|---|---|---|---|---|
| WEB2.0 | JS、Ajax、DIV+CSS、Web标准 | 三剑客 | 前端开发工程师 | IT互联网(1:3) | |
| WEB3.0 (2.0基础上) | HTML5、CSS3、移动WEB、多终端 | 服务端脚本 | 全'站'开发工程师 | 电商、金融、智能硬件··· | IT互联网(1:3) |
小结
- 随着传统软件开发和互联网后端的方法论渐渐移植到前端并逐渐成体系，持续集成、前后端分离、工程化思想萌芽，前端不再是小菜一碟；
- 适配、提升用户体验是不变滴
4、展望未来
- 云服务（管理界面实现）、微信平台、智能硬件、移动HTML5、HTML5游戏
5、开发种类
- 网站开发、数字可视化、小程序开发（微信、支付宝等）、移动应用开发（Web APP、Hybrid混合APP）···
6、覆盖行业：
- 金融、电商、物联网、交通出行、物流、教育、游戏···
