最近关于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。
18您可能也喜欢:
用html5+css3开发webAPP项目前期分析 40个精美而优质的HTML5+CSS3模板案例下载 3个CSS3+Html5在线测试以及实用教程酷站分享 妙用html5的八大特性来开发移动webAPP 国外免费CSS3模板,Html5+CSS3网站模板分享网站 HTML5+CSS3移动开发入门视频教程推荐【82节课】 html5beauty|一个展示最佳HTML5+CSS3网站画廊 非常有用的HTML5+CSS3资源灵感酷站codrops webapp开发框架推荐以及优缺点分析【webAPP干货】 Html5+Css3制作的一个wordpress评论表单 HTML5设计开发爱好者的加油站—html5lab.pl HTML5移动webAPP和Hybrid APP开发的优缺点分析无觅关联推荐[?]
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。