web前端工程师修炼之道：前端工程师究竟价值在何处？（获奖名单已公布-2014-11-27）

caoshanhu

（1）你理解的 HTML5 是什么？
（2）前端三大块技术：JavaScript、CSS、HTML究竟该如何成体系的学习？
（3）前端工程师的价值在何处？
（4）前端工程师在移动互联网时代应该作何准备？

（1）你理解的 HTML5 是什么？
HTML5，带给前端更大的发挥空间。
1.canvas和svg，这些个技术可以慢慢替代flash。
然后就是css3的动画，可以便捷完成一些简单的动画。
总的来说，页面表达更丰富。

2.加上中间件，比如html5+规范，
可以让前端拥有手机操作系统大部分的api，
这样，可以快速开发移动应用的demo。

3.对audio和video多媒体标签的良好支持，开发音频，视频简单许多。

4.localstorage，application cache的本地存储能力，可以缓存更多。



（2）前端三大块技术：JavaScript、CSS、HTML究竟该如何成体系的学习？
css和html的话，
从一大堆概念开始，
viewport,containing block，block formatting context，inline formatting context，盒子模型；
之后是display和float以及postion的三者关系；line box，inline box，line-height，vertical-align之间的关系；
页面宽高，窗口宽高，元素宽高，元素位置，页面滚动距离；
各种垂直居中的方法；
之后是，table布局，flex布局；
css3的动画，以及3d。

javascript的话，
从语言特性，__proto__，prototype，constructor，原型链，Execution context，Scope chain，Closure，作用域链开始。
接着代码组织用requirejs，异步操作用promise库，dom操作用MVVM库。


（3）前端工程师的价值在何处？
1.产品官网，切稿，浏览器兼容性，相关页面特效。
2.产品后台，UI框架使用，图表插件，各种web插件使用，前后端通信，相关页面特效。
3.H5页面，也分CSS3特效，既移动浏览器兼容性，响应式页面，单页面。
4.web组件开发，看各种js源代码，jquery源代码，js框架源代码。
5.html5游戏开发，游戏开发相关的知识，游戏框架的使用。

这里面，自然html5游戏的前端，在整个项目中，价值最大化了。


（4）前端工程师在移动互联网时代应该作何准备？
把我上面所说的搞懂，就是做好准备了。