本文轉(zhuǎn)載自公眾號(hào)“讀芯術(shù)”(ID：AI_Discovery)。

在學(xué)生時(shí)代，筆者總想設(shè)計(jì)一個(gè)自己的網(wǎng)站。很多人都有過(guò)這樣的想法吧，擁有一個(gè)屬于自己的網(wǎng)站，一個(gè)可以展示自己勞動(dòng)、技能和成就的個(gè)人作品集，亦或是一個(gè)創(chuàng)業(yè)網(wǎng)站。

網(wǎng)絡(luò)開(kāi)發(fā)是最吃香的技能，隨著數(shù)字化世界的快速發(fā)展，對(duì)網(wǎng)絡(luò)開(kāi)發(fā)人員的需求也在增加。這篇文章涵蓋了網(wǎng)絡(luò)開(kāi)發(fā)領(lǐng)域需要的所有技能和技術(shù)，如果你是網(wǎng)絡(luò)開(kāi)發(fā)領(lǐng)域的小白，那么本文將會(huì)助你一臂之力，為你的網(wǎng)絡(luò)開(kāi)發(fā)之旅提供導(dǎo)航，指引你該如何為網(wǎng)絡(luò)開(kāi)發(fā)員的角色做準(zhǔn)備。

讓我們朝著成為一名現(xiàn)代網(wǎng)絡(luò)開(kāi)發(fā)員的目標(biāo)，即刻啟程吧!

[[379507]]

了解互聯(lián)網(wǎng)的運(yùn)行機(jī)制

網(wǎng)站創(chuàng)建成功后就要發(fā)布在互聯(lián)網(wǎng)上，所以我們需要大致了解互聯(lián)網(wǎng)是如何工作、瀏覽器是如何發(fā)出請(qǐng)求以及服務(wù)器是如何發(fā)送響應(yīng)的。

簡(jiǎn)單來(lái)說(shuō)，互聯(lián)網(wǎng)是一個(gè)相互通信的大型計(jì)算機(jī)網(wǎng)絡(luò)。當(dāng)我們使用瀏覽器并輸入網(wǎng)址時(shí)，就是正在使用域名來(lái)訪(fǎng)問(wèn)服務(wù)器上的網(wǎng)站。如今的托管變得非常容易，你不必獲取一個(gè)域名或設(shè)置服務(wù)器。很多免費(fèi)網(wǎng)站會(huì)無(wú)償托管你的網(wǎng)站，比如Github Pages或者Netlify。

網(wǎng)絡(luò)開(kāi)發(fā)員的三種類(lèi)型

網(wǎng)站外觀設(shè)計(jì)和模型是網(wǎng)站創(chuàng)建的第一步。接著，開(kāi)發(fā)人員開(kāi)始設(shè)計(jì)界面，添加功能，并使網(wǎng)站響應(yīng)。然后，他們將網(wǎng)站發(fā)送給另一組開(kāi)發(fā)人員，后者負(fù)責(zé)處理服務(wù)器端的代碼，并將其部署在服務(wù)器上。

• 前端開(kāi)發(fā)人員：他們負(fù)責(zé)用戶(hù)界面和網(wǎng)站設(shè)計(jì)，并確保網(wǎng)站對(duì)所有設(shè)備做出響應(yīng)。
• 后端開(kāi)發(fā)人員：他們處理服務(wù)器端的代碼，并在處理請(qǐng)求和響應(yīng)的服務(wù)器上部署網(wǎng)站。
• 全棧開(kāi)發(fā)人員：他們是同時(shí)擁有前端和后端技能的開(kāi)發(fā)人員。

前端開(kāi)發(fā)

[[379508]]

圖源：unsplash

前端開(kāi)發(fā)者負(fù)責(zé)網(wǎng)站的外觀。學(xué)習(xí)前端技術(shù)所需掌握的基本技能是HTML、CSS和JavaScript。如今，大多數(shù)用戶(hù)都用手機(jī)瀏覽網(wǎng)站，所以當(dāng)創(chuàng)建網(wǎng)站時(shí)，開(kāi)發(fā)者也必須注意網(wǎng)站在桌面和移動(dòng)設(shè)備上的呈現(xiàn)。CSS媒體查詢(xún)適配移動(dòng)端的網(wǎng)站設(shè)計(jì)，正好可為開(kāi)發(fā)員所用。

理解上述概念之后，下一步要做的就是掌握框架。有了框架，你就不必從頭開(kāi)始吭哧吭哧寫(xiě)代碼，還可以使用其所提供的各種功能。比較流行的框架有Bootstrap，Material CSS和Tailwind。

上述技能將幫助你創(chuàng)建靜態(tài)網(wǎng)站，但要達(dá)到職業(yè)網(wǎng)絡(luò)開(kāi)發(fā)員的水準(zhǔn)，你需要學(xué)習(xí)如何創(chuàng)建動(dòng)態(tài)網(wǎng)站和網(wǎng)絡(luò)應(yīng)用程序。高級(jí)前端開(kāi)發(fā)人員使用像React JS、Angular或Vue這樣的框架來(lái)創(chuàng)建動(dòng)態(tài)的大規(guī)模應(yīng)用程序。筆者建議你從這些框架中任選一個(gè)進(jìn)行學(xué)習(xí)。

后端開(kāi)發(fā)

后端開(kāi)發(fā)人員負(fù)責(zé)處理許多功能，除了在服務(wù)器上部署代碼。如果網(wǎng)站是靜態(tài)的，那么可以把它托管在一個(gè)平臺(tái)上，如Github或Netlify。但是當(dāng)涉及到動(dòng)態(tài)功能時(shí)，比如使用數(shù)據(jù)庫(kù)和身份驗(yàn)證，后端工程師的作用就顯現(xiàn)出來(lái)了。

后端開(kāi)發(fā)人員的角色包括：

• 設(shè)計(jì)和管理數(shù)據(jù)庫(kù)并將其與服務(wù)器連接。
• 添加身份驗(yàn)證并處理來(lái)自客戶(hù)端的請(qǐng)求。
• 可擴(kuò)展性和版本控制
• 實(shí)現(xiàn)自動(dòng)化測(cè)試

有很多技術(shù)可以用于后端開(kāi)發(fā)的學(xué)習(xí)，你不僅要精通Python、Java等語(yǔ)言，Net、Javascript更是必須掌握。還要了解SQL和NoSQL數(shù)據(jù)庫(kù)，如MYSQL和MongoDB。

如果是初學(xué)者，筆者建議你從使用Node.js入手，因?yàn)樗且粋€(gè)服務(wù)器端代碼的JavaScript框架，其他框架有Django、Flask、ASP.Net、J2EE等。

[[379509]]

圖源：unsplash

如何準(zhǔn)備網(wǎng)絡(luò)開(kāi)發(fā)工作的面試

如果你想成為一名網(wǎng)絡(luò)開(kāi)發(fā)員，并正在為面試做準(zhǔn)備，那么最重要的技能就是JavaScript。JavaScript的概念和框架，如React和Node，是最受公司歡迎的技能。面試官的許多問(wèn)題也都會(huì)與這個(gè)話(huà)題有關(guān)。

你需要對(duì)堆棧前端或后端有充分的了解，并且充分掌握數(shù)據(jù)庫(kù)管理系統(tǒng)。初學(xué)者可以從自由職業(yè)或開(kāi)源貢獻(xiàn)入手，先積累一些經(jīng)驗(yàn)，為你的個(gè)人作品集做出點(diǎn)項(xiàng)目來(lái)。祝你的網(wǎng)絡(luò)開(kāi)發(fā)之旅一路順利!