最近关于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。