Google HTML5 培训小记

1月8日，和同事张海鸣一块参加了2011 Google HTML5 训练营第一场活动。Google公司以后还将继续举办类似的推广HTML5的活动，有兴趣的童鞋可以加入官方讨论组https://groups.google.com/group/enjoyhtml5 。

其实先前自己有到奇遇花园参加街旁的HTML5 项目实践 技术沙龙活动，那次聚会的主要收获是看到街旁将其应用完全用HTML5实现，从而避免为iPhone、Android等众多平台分别开发相应的Native App所带来的麻烦（也一定程度上保持更新的独立避免App Store的审核所带来的滞后）。对于网络服务用HTML5来实现自然是大势所趋，而对于现在流行的页面Flash游戏是否以及如何使用HTML5来实现是此行的主要目的。

1点时来到Google公司，或许因为去年三月的退出事件，再看到外边的Google标志时有种莫名的感觉。和前台的接待MM聊了一阵，借机看了一下参加的人员名单，基本都是从事前端开发的人员。可能是因为天气比较冷的原因，最终到场的约二十余人。

近两点半时活动才正式开始，首先是Google公司的Hanrui MM介绍HTML5中的Storage相关知识，这自然是离线应用所需要关注的重点。随后是人人网的团队介绍用HTML5技术制作的六度空间程序。界面用cakejs做出来的效果确实不错，但HTML5的执行效率确实也还是个问题。

接着便是组队编程，不过看来不少人都像我一样到了现场才知道这个html5hack的组队编程活动。经过大家自我介绍以后，本着就近原则和海鸣、@huandu及zhaoyunhe一起决定做个竖版射击。@huandu先前曾经用js写过个类似cakejs的框架，现场改造一下就能控制飞机移动了，我和海鸣原想现找一个HTML5的粒子爆炸效果的代码用用，可是没找到合适的，遂现写了一份，效果也还不错，配合着HTML5中的Audio及LocalStorage等HTML5元素的使用，在活动截止前终于将Demo提交了上去。其实先前对HTML5也不了解，大家一起现学现用，倒也乐在其中。最后灵机一动，打着HTML5的旗号将项目命名为Raiden 5，等着最终的投票了。相关Demo在此，大家是男人就打1000分吧。

Google准备的晚餐是KFC，有些小失望下。随后问了下Google技术推广项目经理Marina，发现Google员工平时就餐也基本以快餐为主，呵呵，这个没有本地化还真让我有些意外。饮料什么的可以随便喝，Google毕竟是有钱的主，至于发的贴签签字笔鼠标垫都是浮云啦，不过发的笔记本很Geek，我很喜欢。

投票前的展示其实还挺有意思的，一位没到现场的GFan用CSS3做了个时钟，虽然好像和HTML5关系并不太大，但效果确实很赞。HTML5技术用得最多的还是人人的团队做的日记本，功能很强大，但界面做得更美观一些相信效果会更好（毕竟也是时间有限，做到这样很不错了）。最终的一等奖还是给了我们的Raiden 5。恭喜Huandu了，那500G的WD硬盘让我很眼馋。

随后就是互发名片互fo对方twitter的事了。想想以前看@djjxmu自制名片时觉得挺好玩的，看来没准自己哪天也可以去搞几张玩玩。不过还是觉得发名片要对得起自己的Title，这一年里好好的提升下自己的技术实力吧。

总的看来，这次的活动办得还是挺成功的。不过既然主办方想让提一些建议，就鸡蛋里挑骨头多说几句吧。

1. 时间安排上需要注意。听Hanrui说上次好像也推迟了近一小时才开始，虽然可以理解，但迟了几十分钟或许也还是有些问题的吧。
2. Slide能直接在Google Docs上以只读的方式分享就更好了，毕竟在后面的容易看不清楚，而且这也是宣传Google产品的一个好方式。同样的，Hanrui说到自己的博客时下面完全看不清，给个Link就方便多了。
3. 组队时如果能随机也许更加促进交流，否则容易出现认识的人甚至同事一起合作。当然这个是仁者见仁的了，个人觉得随机会更Exciting。
4. 开发的项目结合培训所讲的主题。比如此次讲Storage，主办方可以先准备几个难度适中的关于Storage的小应用，临时组队，临时选题，临时编程参赛，这样会更有Hack的风范不是么？
5. 奖品多一些啦，价值不用太高，但保证基本上人人有份，独乐乐不若众乐乐嘛。

最后还是有一些小遗憾。HTML5作为下一代的互联网标准，其带来的不只是页面的美观及超炫的特效，更重要的是其相关特性所带来的方便简洁，以及对网络语义的理解提升。现场虽然有人提出了类似观点，但没看到进一步的讨论，希望以后能看到相关的专题吧。