網(wǎng)絡(luò)應(yīng)用程序開(kāi)發(fā)本質(zhì)上是反復(fù)無(wú)常的，許多 "非程序員 "往往將其視為一門(mén)黑暗的藝術(shù)。與這門(mén) "黑暗藝術(shù) "相關(guān)的詞匯使它不那么容易被人理解，在很多方面也疏遠(yuǎn)了那些充滿(mǎn)希望的人。我向你保證，本指南并非如此。在本指南中，您將了解什么是Web應(yīng)用程序開(kāi)發(fā)的一系列相關(guān)知識(shí)。

一、什么是網(wǎng)絡(luò)應(yīng)用程序開(kāi)發(fā)?

網(wǎng)絡(luò)應(yīng)用程序開(kāi)發(fā)是創(chuàng)建網(wǎng)絡(luò)應(yīng)用程序的過(guò)程。與傳統(tǒng)開(kāi)發(fā)流程相比，它更注重瀏覽器體驗(yàn)。一般來(lái)說(shuō)，網(wǎng)絡(luò)應(yīng)用程序開(kāi)發(fā)包括定義問(wèn)題、創(chuàng)建解決方案、與用戶(hù)協(xié)作、選擇框架/工具，以及最終構(gòu)建和測(cè)試網(wǎng)絡(luò)應(yīng)用程序--在大多數(shù)情況下是與用戶(hù)反復(fù)進(jìn)行的。

二、什么是網(wǎng)絡(luò)應(yīng)用程序?

對(duì)于那些不知道什么是網(wǎng)絡(luò)應(yīng)用程序的人，我將在下面給出定義：

網(wǎng)絡(luò)應(yīng)用程序，通常被稱(chēng)為網(wǎng)絡(luò)程序，是使用網(wǎng)絡(luò)技術(shù)(HTML、CSS、JS)創(chuàng)建的交互式計(jì)算機(jī)程序，用于存儲(chǔ)(數(shù)據(jù)庫(kù)、文件)和操作數(shù)據(jù)(CRUD)，由團(tuán)隊(duì)或個(gè)人用戶(hù)通過(guò)互聯(lián)網(wǎng)執(zhí)行任務(wù)。CRUD 是一個(gè)流行的縮寫(xiě)，是網(wǎng)絡(luò)應(yīng)用程序開(kāi)發(fā)的核心。它是創(chuàng)建、讀取、更新和刪除的首字母縮寫(xiě)。網(wǎng)絡(luò)應(yīng)用程序通過(guò)網(wǎng)絡(luò)瀏覽器(如谷歌瀏覽器)訪(fǎng)問(wèn)，通常包括登錄/注冊(cè)機(jī)制。

換句話(huà)說(shuō)，你可以把網(wǎng)絡(luò)應(yīng)用程序看作是一個(gè)行為類(lèi)似于更復(fù)雜應(yīng)用程序的網(wǎng)站。用戶(hù)體驗(yàn)位于瀏覽器中，而進(jìn)程則在服務(wù)器端執(zhí)行。

三、網(wǎng)絡(luò)應(yīng)用程序和網(wǎng)站

兩者的主要區(qū)別在于交互方式。網(wǎng)絡(luò)應(yīng)用程序由輸入定義--我們?cè)诰W(wǎng)絡(luò)應(yīng)用程序中創(chuàng)建、讀取、更新和刪除數(shù)據(jù)。網(wǎng)頁(yè)則由其產(chǎn)生的內(nèi)容來(lái)定義--我們?cè)诰W(wǎng)頁(yè)上閱讀新聞、營(yíng)銷(xiāo)信息和常見(jiàn)問(wèn)題。

四、漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序

漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序是一種較新的網(wǎng)絡(luò)應(yīng)用程序類(lèi)型，其表現(xiàn)與本地應(yīng)用程序類(lèi)似，甚至通常比它們更好。它們是使用稍有不同的方法并包含服務(wù)工作者、清單和推送通知等附加技術(shù)的網(wǎng)絡(luò)應(yīng)用程序。漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序可以下載到設(shè)備上并保存到主屏幕上，從而使它們成為可訪(fǎng)問(wèn)的原生應(yīng)用程序，而且與網(wǎng)絡(luò)應(yīng)用程序不同，它們可以離線(xiàn)打開(kāi)和使用。

五、網(wǎng)絡(luò)應(yīng)用程序開(kāi)發(fā)框架

框架的目的是使網(wǎng)絡(luò)應(yīng)用程序的開(kāi)發(fā)比從頭開(kāi)始編寫(xiě)更簡(jiǎn)單、更快捷。既然你已經(jīng)了解了網(wǎng)絡(luò)應(yīng)用程序的一些基礎(chǔ)知識(shí)，那么就有必要了解一下你可以用來(lái)開(kāi)發(fā)自己的解決方案的具體技術(shù)。

有許多不同的網(wǎng)絡(luò)應(yīng)用程序框架，每種框架都有自己的理念和優(yōu)點(diǎn)。它們分為兩種類(lèi)型：后端和前端。老實(shí)說(shuō)，下面的前端框架根本算不上真正的框架，因?yàn)樗鼈冎皇蔷W(wǎng)絡(luò)應(yīng)用程序的可見(jiàn)層。不過(guò)，為了簡(jiǎn)單起見(jiàn)，我們還是稱(chēng)它們?yōu)榭蚣堋?/p>

1.后端框架

(1) Rails

Rails 將自己描述為 "一個(gè)網(wǎng)絡(luò)應(yīng)用程序框架，包含創(chuàng)建遵循模型-視圖-控制器(MVC)模式的數(shù)據(jù)庫(kù)驅(qū)動(dòng)型網(wǎng)絡(luò)應(yīng)用程序所需的一切"，是元編程(計(jì)算機(jī)程序可將其他程序視為數(shù)據(jù))和數(shù)據(jù)庫(kù)驅(qū)動(dòng)型網(wǎng)絡(luò)編程的絕佳框架。在我看來(lái)，Rails 是小型項(xiàng)目的絕佳框架，而 Ruby on Rails 則是其流行的衍生版本。

(2) Django

Django 自稱(chēng)是 "一個(gè)先進(jìn)的 Python 網(wǎng)絡(luò)框架，可促進(jìn)快速開(kāi)發(fā)和簡(jiǎn)潔實(shí)用的設(shè)計(jì)"。在我看來(lái)，我會(huì)向任何從事科學(xué)編程或數(shù)據(jù)處理的人推薦 Django。

(3)Laravel

Laravel 自稱(chēng)是 "一個(gè)具有豐富表現(xiàn)力和優(yōu)雅語(yǔ)法的網(wǎng)絡(luò)應(yīng)用程序框架"。Laravel 使用 PHP(編程語(yǔ)言)編寫(xiě)，遵循模型-視圖-控制器架構(gòu)模式，Laravel 擁有許多工具，使用起來(lái)簡(jiǎn)單直接。它是多種類(lèi)型應(yīng)用程序的理想選擇。

2.以下前端框架是用 JavaScript 編寫(xiě)的

(1) React

React 被簡(jiǎn)單地描述為 "用于構(gòu)建用戶(hù)界面的 JavaScript 庫(kù)"。這是對(duì) React 簡(jiǎn)單而謙虛的描述。它是由 Facebook 創(chuàng)建和維護(hù)的一個(gè)功能強(qiáng)大的前端庫(kù)。在列出的所有前端框架中，React 是最受歡迎、功能最強(qiáng)大的。它非常適合大型網(wǎng)絡(luò)項(xiàng)目。在我看來(lái)，它對(duì)于中小型項(xiàng)目來(lái)說(shuō)有點(diǎn)矯枉過(guò)正。

(2)Vue

Vue 被稱(chēng)為 "漸進(jìn)式 JavaScript 框架"。與 React 相比，Vue 更小巧、更易學(xué)，因此適合大多數(shù)項(xiàng)目。 此外，它還易于在項(xiàng)目中實(shí)現(xiàn)。

(3)Svelte

Svelte 將自己描述為 "通過(guò)網(wǎng)絡(luò)增強(qiáng)網(wǎng)絡(luò)應(yīng)用"。Svelte 是這一領(lǐng)域的新秀，它是一個(gè)編譯器，而不是一個(gè)框架，這意味著沒(méi)有虛擬 DOM，沒(méi)有框架之上的框架，也沒(méi)有運(yùn)行時(shí)加載的框架，從而為你的網(wǎng)絡(luò)應(yīng)用程序帶來(lái)難以置信的性能。在上述前端框架中，Svelte 框架的語(yǔ)法最簡(jiǎn)單易學(xué)，非常適合中小型網(wǎng)絡(luò)應(yīng)用程序。它尚未經(jīng)過(guò)大型網(wǎng)絡(luò)應(yīng)用程序的測(cè)試。Svelte 的社區(qū)和生態(tài)系統(tǒng)比 React 或 Vue 小，但正在不斷壯大。

海馬課堂專(zhuān)業(yè)課程輔導(dǎo)，2300+嚴(yán)選碩博學(xué)霸師資，針對(duì)學(xué)生的薄弱科目和學(xué)校教學(xué)進(jìn)度，匹配背景相符的導(dǎo)師，根據(jù)學(xué)生情況進(jìn)行1V1專(zhuān)屬備課，上課時(shí)間靈活安排，中英雙語(yǔ)詳細(xì)講解課程中的考點(diǎn)、難點(diǎn)問(wèn)題，并提供多方位的課后輔導(dǎo)，輔助學(xué)生掌握全部課程知識(shí)，補(bǔ)足短板。