前端,也稱web前端、web客戶端、通常是指網(wǎng)站的前臺(tái)部分,運(yùn)行在PC端、移動(dòng)端等瀏覽器上展現(xiàn)給用戶瀏覽的網(wǎng)頁(yè),包括網(wǎng)站的表現(xiàn)層和結(jié)構(gòu)層,通俗點(diǎn)就是用戶可以看到的部分,前端與后端(服務(wù)端)相對(duì)應(yīng),前端調(diào)取后端(服務(wù)端)的數(shù)據(jù)展現(xiàn)給用戶。
打開(kāi)百度APP,查看更多高清圖片
Hotodo導(dǎo)學(xué)
前端開(kāi)發(fā)做什么?
前端工程師,又叫web前端開(kāi)發(fā),前端開(kāi)發(fā)是從網(wǎng)頁(yè)制作演變而來(lái)。早期的網(wǎng)頁(yè)制作主要內(nèi)容都是靜態(tài)地,以文字圖片為主,用戶使用網(wǎng)站也以瀏覽為主。隨著互聯(lián)網(wǎng)的發(fā)展,現(xiàn)代網(wǎng)頁(yè)更佳美觀,交互效果更加顯著,功能更加強(qiáng)大,于是網(wǎng)站開(kāi)發(fā)細(xì)分成了前端開(kāi)發(fā)和后端開(kāi)發(fā)。
前端工程師通過(guò)前端技術(shù)完成界面設(shè)計(jì)、界面展現(xiàn),交互效果,頁(yè)面維護(hù)、網(wǎng)站優(yōu)化等等。通俗點(diǎn)講,就是設(shè)計(jì)、制作網(wǎng)頁(yè),實(shí)現(xiàn)網(wǎng)頁(yè)上各種各樣的特效和功能。
前端開(kāi)發(fā)需要具備什么技能?
前端開(kāi)發(fā)的主要語(yǔ)言是JavaScript,JavaScript是世界上最流行的腳本語(yǔ)言,因?yàn)槟阍陔娔X、手機(jī)、平板上瀏覽的所有的網(wǎng)頁(yè),以及無(wú)數(shù)基于HTML5的手機(jī)App,交互邏輯都是由JavaScript實(shí)現(xiàn)的。簡(jiǎn)單地說(shuō),JavaScript是一種運(yùn)行在瀏覽器中的解釋性的編程語(yǔ)言。在當(dāng)今Web世界里,只有JavaScript能跨平臺(tái)、跨瀏覽器驅(qū)動(dòng)網(wǎng)頁(yè),與用戶交互,你沒(méi)有其它選擇。
現(xiàn)在前端開(kāi)發(fā)的主要技術(shù)通常是指html、css、javascript技術(shù)和一些前端框架的使用,如Bootstrap,jquery,react,vue,angular等。
前端開(kāi)發(fā)的一般要求如下:
計(jì)算機(jī)或相關(guān)專業(yè),熟悉常用的數(shù)據(jù)結(jié)構(gòu)和算法;掌握操作系統(tǒng)與計(jì)算機(jī)網(wǎng)絡(luò)等專業(yè)知識(shí);
熟悉HTML、JavaScript、Ajax、CSS、HTML5、ES6、CSS3等web開(kāi)發(fā)技術(shù);
掌握至少一種主流的前端框架(react/vue/angular),對(duì)于可視化開(kāi)發(fā)有一定經(jīng)驗(yàn),具備一定的框架設(shè)計(jì)能力;
熟悉Web應(yīng)用系統(tǒng)開(kāi)發(fā),對(duì)HTTP、TCP/IP協(xié)議有深入了解;
熟悉Nodejs,對(duì)前后端分離模式有深入理解并有實(shí)際項(xiàng)目經(jīng)驗(yàn);
具有較強(qiáng)的溝通能力與團(tuán)隊(duì)合作精神;具有良好的分析問(wèn)題、解決問(wèn)題的能力以及較強(qiáng)的學(xué)習(xí)能力。
什么是服務(wù)端(后端)開(kāi)發(fā)?服務(wù)端開(kāi)發(fā)做什么?
服務(wù)端(后端)是相對(duì)于前端(客戶端)而言的,服務(wù)端,顧名思義是提供資源服務(wù)的,客戶端發(fā)送的請(qǐng)求交給服務(wù)器端處理,服務(wù)器端根據(jù)用戶的需求,處理完畢后以response對(duì)象的形式返回所需資源(數(shù)據(jù))給客戶端??蛻舳耍ǔR詒equest對(duì)象的形式發(fā)送請(qǐng)求給服務(wù)器端處理?,F(xiàn)在的應(yīng)用,不管是web應(yīng)用還是獨(dú)立APP,并不是所有功能都請(qǐng)求服務(wù)端處理,有些功能比如簡(jiǎn)單的數(shù)據(jù)統(tǒng)計(jì),客戶端就直接處理了,但很多功能是需要服務(wù)端統(tǒng)一處理的。這就像水龍頭和自來(lái)水廠的分工,用戶需要水,打開(kāi)水龍頭就相當(dāng)于給服務(wù)端發(fā)送請(qǐng)求,供應(yīng)的水質(zhì)好不好、水源足不足取決于服務(wù)端自來(lái)水廠,而希望水來(lái)的緩慢一點(diǎn),在客戶端調(diào)節(jié)水龍頭就可以實(shí)現(xiàn)了,就沒(méi)有必要通知自來(lái)水廠去做任何處理。
服務(wù)端開(kāi)發(fā),就是開(kāi)發(fā)運(yùn)行在服務(wù)器端的程序,為客戶端提供API接口服務(wù)。軟件客戶端和服務(wù)端的協(xié)作,分為B/S(瀏覽器/服務(wù)器)和C/S(客戶端/服務(wù)器)兩種模式,瀏覽器就是一種通用的客戶端,現(xiàn)在流行的APP就相當(dāng)于個(gè)性化的客戶端,無(wú)論B/S還是C/S都要有相應(yīng)的服務(wù)器端程序提供服務(wù)。對(duì)于絕大部分應(yīng)用,服務(wù)端的核心就是數(shù)據(jù)庫(kù),服務(wù)器端的程序就是根據(jù)應(yīng)用需求來(lái)管理和操作服務(wù)端的數(shù)據(jù)庫(kù),通過(guò)對(duì)數(shù)據(jù)庫(kù)的操作,返回滿足用戶需求的數(shù)據(jù)。那么服務(wù)端開(kāi)發(fā),使用什么語(yǔ)言和數(shù)據(jù)庫(kù)呢?
幾乎任何一種開(kāi)發(fā)語(yǔ)言都能作為服務(wù)端程序語(yǔ)言,但每種語(yǔ)言的流行度和學(xué)習(xí)成本不一樣,各自的特性也有較大差異。當(dāng)前比較流行的服務(wù)端語(yǔ)言有Java、Python、NodeJS、PHP、Go語(yǔ)言(Golang)、C語(yǔ)言、C++、C#等。入門(mén)學(xué)習(xí),NodeJS很不錯(cuò),因?yàn)槭歉岸碎_(kāi)發(fā)的生態(tài)是一樣的,都是用JavaScript語(yǔ)言,最容易上手;其次是Python和Go語(yǔ)言,這兩個(gè)語(yǔ)法都很簡(jiǎn)潔,都屬于后起之秀,但Go語(yǔ)言的性能要比Python高很多,Go語(yǔ)言的開(kāi)源輪子沒(méi)有Python多;PHP很容易上手,前幾年聚集的開(kāi)發(fā)者也很多,但近幾年逐漸被NodeJS所取代;Java語(yǔ)言流行的最久,其生態(tài)也很完善,但其語(yǔ)法和生態(tài)復(fù)雜、學(xué)習(xí)成本較高,開(kāi)發(fā)者有可能會(huì)轉(zhuǎn)移到其它后起之秀的語(yǔ)言;C語(yǔ)言通常用于底層與硬件結(jié)合的驅(qū)動(dòng)、固件以及高性能計(jì)算等軟件開(kāi)發(fā),是一門(mén)經(jīng)久不衰的開(kāi)發(fā)語(yǔ)言;C++和C#通常用于PC桌面客戶端應(yīng)用程序開(kāi)發(fā),PC客戶端和服務(wù)端都能用C++和C#實(shí)現(xiàn),C++因?yàn)樾阅茏吭脚cC是近親而且比C語(yǔ)言更面向?qū)ο?、開(kāi)發(fā)效率比C語(yǔ)言高,一直不溫不火,而C#開(kāi)發(fā)者已開(kāi)始越來(lái)越少。就像沒(méi)有十全十美的人一樣,也沒(méi)有十全十美的開(kāi)發(fā)語(yǔ)言,開(kāi)發(fā)者主要根據(jù)學(xué)習(xí)成本、語(yǔ)言流行度、生態(tài)完善度和應(yīng)用場(chǎng)景去選擇學(xué)習(xí)那種開(kāi)發(fā)語(yǔ)言。快速入門(mén),建議選擇NodeJS;進(jìn)階追求開(kāi)發(fā)效率和性能,建議選擇Go語(yǔ)言(Golang)。
服務(wù)端開(kāi)發(fā)除了至少要精通一門(mén)開(kāi)發(fā)語(yǔ)言之外,常用的數(shù)據(jù)庫(kù)是必須要會(huì)用的。在當(dāng)今的互聯(lián)網(wǎng)應(yīng)用中,最常見(jiàn)的數(shù)據(jù)庫(kù)模型主要有兩種,即關(guān)系型數(shù)據(jù)庫(kù)和非關(guān)系型數(shù)據(jù)庫(kù)。常用的關(guān)系型數(shù)據(jù)庫(kù)有Access、SQLite、MySQL、MariaDB、SQL Server、Postgre、Oracle等。常用的非關(guān)系型數(shù)據(jù)庫(kù)主要有鍵值(key-value)存儲(chǔ)數(shù)據(jù)庫(kù)Memcached、Redis、MemcacheDB,列存儲(chǔ)(Column-oriented)數(shù)據(jù)庫(kù)Cassandra、HBase,面向文檔的(Document-Oriented)數(shù)據(jù)庫(kù)MongoDB、CouchDB,圖形數(shù)據(jù)庫(kù)Neo4J、InforGrid。一般只要掌握了Redis、MySQL和MongoDB這三種數(shù)據(jù)庫(kù),就能滿足絕大多數(shù)應(yīng)用需求,掌握了這三種數(shù)據(jù)庫(kù)之后,學(xué)習(xí)其它數(shù)據(jù)庫(kù)也就非常容易了。