webAPP项目基础知识介绍用html5+css3+js开发

最近关于webAPP很火，差不多很多公司开始制作自己的webAPP啦。一谈到webAPP，大家就会想到用html5+CSS+js来实现。到底如何来制作？25学堂小编还没有找到比较合适的用html5+css3开发webAPP项目教材。

这里分享了一个《网易微博Web App开发过程》但是这个过程的重点不是在于开发过程，还是开发Web App的项目大体步骤和人员搭配等。

所以，25学堂打算利用这几个月的时间来钻研下webAPP的详细制作过程，并与大家分享！

 

第一部分：用Html5+css3开发webapp的优势

1、跨平台 2、语义化更好 3、性能更优Android/iOS/windowsphone都对html5和css3提供了良好的支持。

2、引入渐变、圆角、阴影、半透明等新特性,为用户创建更轻量的页面和更丰富的体验。带来更好的网页的连通性、可搜索性、可操作性等Webview所用到的部分css3属性介绍box-flex、rgba、border-radius、border-image、box-shadow、text-shadow、multiplebackgrounds、background-size、gradient样式呈现使用css3属性可以生成内外阴影，透明度，渐变色，圆角等效果，而以往这些只能用图片来实现的。选择器css3增加了更多的CSS选择器，让选择元素变得越来越简，实现更简单但是更强大的功能。

3、学会利用html5的某些元素实现跨平台的效果。如HTML5 Canvas实现Loading加载动画。

 

第二部分：webapp的三大常用移动开发框架。

1、sencha touch

2、jquery moblie

3、PhoneGap

其他基于html5、css3开发的webapp 框架还有很多啊，比如Jingle UI，Mobello，Lungo.JS，appMobi等等。

 

第三部分：开发WebApp相应书籍推荐

1、Beginning iPhone and iPad Web Apps

2、Pro HTML5 and CSS3 Design Patterns

3、HTML5移动Web开发指南

《HTML5移动Web开发指南》主要围绕html5技术，讲述如何利用html5相关技术开发移动web网站和web app应用程序。《HTML5移动Web开发指南》共分为四大部分，第一部分主要讲述web技术的发展及html5标准在移动web技术中的应用；第二部 分主要介绍html5的新功能和新特性如何在移动设备浏览器中使用及相关展望；第三部分主要介绍目前比较流行的两套javascript移动开发框架 jquery mobile、sencha touch，以及phonegap，并配备丰富的例子作为实践；第四部分主要结合sencha touch框架库和html5技术构建进行讲解，旨在帮助读者将html5技术运用于实践之中。

4、HTML5秘籍

《HTML5秘籍》共包括四个部分，共12章。第一部分介绍了html5的发展历程，利用html5重新构造网页，以及html5的语义元素。第二部分介 绍了html5对传统web表单的翻新、html5中的音频与视频、canvas绘图技术、css3等内容。第三部分介绍了数据存储、离线应用、与web 服务器通信，以及html5与javascript技术的强大结合等内容。第四部分为附录，简单介绍了css和javascript。