前端的自我修养
shellzhang
2014-01-23
这次分享
- 题目的由来
- 喜剧之王
- 有辛酸，有坚持，有收获
- 个人观点，观者自酌
- 内容概括
- web开发模式的发展过程
- F2E硬性素质
- F2E软性素质
- 全端工程师的一些思考
Web开发模式的演变过程 (1)
——简单明快的“快乐时光”
- 页面仔，切图让JSPer, PHPer去套用
- 页面兼容性，MLGB的IE6
- Photoshop, Html, JS, CSS, JQuery
WEB开发模式的演变过程 (2)
——后端为主的MVC时代
- MVC框架、服务器端模板引擎出现，让职责更分明
- 产品的交互方式仍然是一请求一页面，用户交互的主要逻辑控制仍在后端
- 涉及技术
- 服务器端模板引擎
- MVC框架——Struts, Turbogears, Django, Zend Framework, ColaPHP
WEB开发模式的演变过程 (3)
——Ajax带来的SPA(Single Page App)时代
- GMail，功臣
- 真正将服务器端当做一个黑盒来理解，职责更加明晰
- SPA让多个交互在一个url下完成，前端开始发力
- 开始深入理解AJAX
- 各种前端MVC框架. Backbone, SpineJS, JavascriptMVC
- 开始深入理解浏览器加载，并开始注重前端优化
WEB开发模式的演变过程 (4)
——前端为主的MV*时代
- 更多的开发框架在前端出现：EmberJS, KnockoutJS, AngularJS
- RESTful形式的接口
- 测试框架
- 前端这个职位更加完备与系统化
WEB开发模式的演变过程 (5)
——Node带来的全栈时代
- CommonJS规范的出现
- 模块加载，RequireJS，SeaJS
- Node是该规范在服务器端的一个实现
- Node的出现，将前端拉回到了服务端
- 用熟悉的语言去做适合前端的事情
前端工程师的硬性素质
more details click here
软性素质
- 打工仔（请接受这个称呼）的职业素养
- 忠诚。忠诚的代价呢？——提代价之前，请先确定你的价值
- 工程师的基本素养
- 系统思考与设计的能力
- Engineering 与 Develop 的区别
- 兴趣很重要
- 执行力
- 这不是做公司决策的职位
- 无论对错，谈好了就做，并做好
- 心态
- 这不是一个赚大钱的职业
- 这不是一个会在人前显摆的职业
- 低调再低调，闷骚再闷骚
- 不断学习
软性素质
- 前端还应具备
- 进击的1像素，进击的16ms(60fps)—美感与极致的追求
- 沟通再沟通
- 上游：PM、Tester、用户
- 中游：前端童鞋
- 下游：后端工程师、交互设计师
全栈工程师的一些思考
- 什么是全栈工程师，玉伯的划分：
- 服务器、网络、运维
- 数据模型
- 业务逻辑
- API、Action、MVC
- UI层
- 用户交互与体验
- 产品设计与商业需求
关于全栈
- 个人认为
- 多工种协同工作是必然趋势
- 人的精力有限，术业要有专精
- 认知更多，开拓思路
结语
- 其实，我是一个演员
- 不管你看得起看不起我，我都是一个演员
Thanks！
HTML - How To Move Longer
By shellzhang
HTML - How To Move Longer
前端工程师路在何方
