用html5+css3開(kāi)發(fā)webAPP項(xiàng)目基礎(chǔ)知識(shí)介紹

最近關(guān)于webAPP很火，差不多很多公司開(kāi)始制作自己的webAPP啦。一談到webAPP，大家就會(huì)想到用html5+CSS+js來(lái)實(shí)現(xiàn)。到底如何來(lái)制作？25學(xué)堂小編還沒(méi)有找到比較合適的用html5+css3開(kāi)發(fā)webAPP項(xiàng)目教材。

這里分享了一個(gè)《網(wǎng)易微博Web App開(kāi)發(fā)過(guò)程》但是這個(gè)過(guò)程的重點(diǎn)不是在于開(kāi)發(fā)過(guò)程，還是開(kāi)發(fā)Web App的項(xiàng)目大體步驟和人員搭配等。

所以，25學(xué)堂打算利用這幾個(gè)月的時(shí)間來(lái)鉆研下webAPP的詳細(xì)制作過(guò)程，并與大家分享！

 

第一部分：用Html5+css3開(kāi)發(fā)webapp的優(yōu)勢(shì)

1、跨平臺(tái) 2、語(yǔ)義化更好 3、性能更優(yōu)Android/iOS/windowsphone都對(duì)html5和css3提供了良好的支持。

2、引入漸變、圓角、陰影、半透明等新特性,為用戶創(chuàng)建更輕量的頁(yè)面和更豐富的體驗(yàn)。帶來(lái)更好的網(wǎng)頁(yè)的連通性、可搜索性、可操作性等Webview所用到的部分css3屬性介紹box-flex、rgba、border-radius、border-image、box-shadow、text-shadow、multiplebackgrounds、background-size、gradient樣式呈現(xiàn)使用css3屬性可以生成內(nèi)外陰影，透明度，漸變色，圓角等效果，而以往這些只能用圖片來(lái)實(shí)現(xiàn)的。選擇器css3增加了更多的CSS選擇器，讓選擇元素變得越來(lái)越簡(jiǎn)，實(shí)現(xiàn)更簡(jiǎn)單但是更強(qiáng)大的功能。

3、學(xué)會(huì)利用html5的某些元素實(shí)現(xiàn)跨平臺(tái)的效果。如HTML5 Canvas實(shí)現(xiàn)Loading加載動(dòng)畫(huà)。

 

第二部分：webapp的三大常用移動(dòng)開(kāi)發(fā)框架。

1、sencha touch

2、jquery moblie

3、PhoneGap

其他基于html5、css3開(kāi)發(fā)的webapp 框架還有很多啊，比如Jingle UI，Mobello，Lungo.JS，appMobi等等。

 

第三部分：開(kāi)發(fā)WebApp相應(yīng)書(shū)籍推薦

1、Beginning iPhone and iPad Web Apps

s4552673

2、Pro HTML5 and CSS3 Design Patterns

s7011343

3、HTML5移動(dòng)Web開(kāi)發(fā)指南

《HTML5移動(dòng)Web開(kāi)發(fā)指南》主要圍繞html5技術(shù)，講述如何利用html5相關(guān)技術(shù)開(kāi)發(fā)移動(dòng)web網(wǎng)站和web app應(yīng)用程序?！禜TML5移動(dòng)Web開(kāi)發(fā)指南》共分為四大部分，第一部分主要講述web技術(shù)的發(fā)展及html5標(biāo)準(zhǔn)在移動(dòng)web技術(shù)中的應(yīng)用；第二部 分主要介紹html5的新功能和新特性如何在移動(dòng)設(shè)備瀏覽器中使用及相關(guān)展望；第三部分主要介紹目前比較流行的兩套javascript移動(dòng)開(kāi)發(fā)框架 jquery mobile、sencha touch，以及phonegap，并配備豐富的例子作為實(shí)踐；第四部分主要結(jié)合sencha touch框架庫(kù)和html5技術(shù)構(gòu)建進(jìn)行講解，旨在幫助讀者將html5技術(shù)運(yùn)用于實(shí)踐之中。

4、HTML5秘籍

《HTML5秘籍》共包括四個(gè)部分，共12章。第一部分介紹了html5的發(fā)展歷程，利用html5重新構(gòu)造網(wǎng)頁(yè)，以及html5的語(yǔ)義元素。第二部分介 紹了html5對(duì)傳統(tǒng)web表單的翻新、html5中的音頻與視頻、canvas繪圖技術(shù)、css3等內(nèi)容。第三部分介紹了數(shù)據(jù)存儲(chǔ)、離線應(yīng)用、與web 服務(wù)器通信，以及html5與javascript技術(shù)的強(qiáng)大結(jié)合等內(nèi)容。第四部分為附錄，簡(jiǎn)單介紹了css和javascript。

每天更新，
全站高品質(zhì)素材免費(fèi)下載！