做了一年Java Swing开发后，来到了移动与云创新部门，由于是个刚开始建立的部门，所以一切都重新开始。对于Web开发，之前一无所知，开始了漫长的学习之路。
开始，我们拿到了一个Bootstrap Demo，扁平化的界面风格，我们就开始用这个框架开始。http://www.bootcss.com/，它的中文官网。
前端技术，我们用的是Seajs，它的网址http://seajs.org/docs/#intro。Seajs主要实现模块化开发。并且在很多网站得到了应用。刚开始并不知道怎么使用Seajs，只知道照葫芦画瓢。
因为用的是Bootstrap框架，所以我们接下来的任务就是将一些组件用Seajs封装。我们封装导航，页头，表格，提示框，树，Wizard，表单，日期选择，模式对话框等等。
随着开发的深入，我们需要其他控件，我们首先会看Bootstrap Demo中是否有此控件的示例，如果有，我们会将其封装成组件。下图是个Bootstrap Demo的界面：
很多常用组件，都可以在这里找到。这个网站也有一些组件：http://bootstrapdocs.com/v1.3.0/docs/javascript.html#
如果对于Demo中没有的组件，我们回去网上找，很多Jquery插件可供我们使用。因为用了Seajs，所以知道了Arale，网址http://aralejs.org/docs/about-arale.html，他俩之间的关系虽不太清除，但是上面的很多组件可以为我所用。如下图：
这些工具，拿过来用Seajs包装下就能用。
对于一些其他的插件，很多也是很常用的，例如
动态树：http://wwwendt.de/tech/dynatree/doc/dynatree-doc.html
提示框：http://bootboxjs.com/
fuelux的一些组件：http://exacttarget.github.io/fuelux/javascript.html
Jquery插件库：http://www.jq22.com/
Jquery DateTable：http://www.datatables.net/
Jquery Validate表单验证：http://jqueryvalidation.org/documentation
对于界面，我们使用了handlebars（http://handlebarsjs.com/）模板引擎，能让你轻松高效的编写语义化模板，它是Mustache模板引擎的一个扩展，Handlebars和Mustache都是弱逻辑的模板引擎，能将Web前端的视图和代码分离，降低两者之间耦合。
到此前端的东西都摸索过了，Html，Jquery，JavaScript，Seajs，Bootstrap，handlebars。但是还不成体系，后续要继续深造