編碼的世界 / 優質文選 / 生涯

webAPP項目基礎知識介紹用html5+css3+js開發


2021年7月04日
-   

最近關於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。

熱門文章