http://www.w3cplus.com/
http://alloyteam.github.io/

目前来说，webapp的框架很多，但是真正的学习起来，所有的基础知识基本一致的。

说在前面

如果你已经明确webapp时你需要的，你可以直接跳过，看下一大标题

什么是webapp？

概念很容易被人遗忘，但是真的让自己阐述什么事webapp，你知道是什么吗？其实我也很难说在点子上。

• webapp概念－网易用户体验中心说明

注：有很多朋友认为运行在手机上的web页面就是webapp，这种说法和想法是很错误的。

webapp，原生app与混合app的对比

不同的开发场景，会用道不同的开发模式，三者中根据开发场景的不同，你需要对症下药

• 原生应用、Web应用、混合应用：3者的优缺点解析

  注：目前，很多公司开始使用混编的方式，将webapp加入到原生应用中，至于以后webapp能否实现原生应用的功能，我希望可以，但是我觉得还要很长时间。

如何学习webapp

既然你已经了解了上面的基本信息，那么你现在可以下定决心，webapp是你将要学习的地方了。

webapp开发的基础知识

如果你是一位web高手，那么webapp的制作，您需要的可能是框架，不需要关注下面的基础知识

• HTML/CSS

• HTML5/CSS3

• Javascript

强烈建议，新web选手，要熟悉很使用上面的基础写过一段时间以后，再进行webapp的深入学习

webapp流行框架

好的工具，是实现一个梦想的开始。webapp也有很多流行框架，网络上有很多文章，我这里不再陈述，只是贴一下链接。

• 国外10大框架

• 国内5大框架

文章可能偏老了。但是参考性很强，也有对应例子，根据个人的能力选择自己的框架。如果有新框架，后面补充

看什么书

看书的话，也是在你学习深入以后进行吧，大部分的框架封装的很好，如果有兴趣时了解，可以对应框架买书，然后进行进一步的看代码学习。

如果谁有好书，欢迎补充...

实际案例

目前很多页面属于webapp的范畴，如果你想要学习的话，实际的例子可以在上面的框架中找到的。

• 移动端：百度首页，搜狐门户等等

• PC端： webQQ，web微信等