讓我們假設(shè)您正在指導(dǎo)一個(gè)網(wǎng)站開(kāi)發(fā)新手。他們想要學(xué)習(xí)成為專(zhuān)業(yè)人士所必需的技能,但不確定應(yīng)該把重點(diǎn)放在哪里。你會(huì)告訴他們什么?現(xiàn)在,無(wú)論你是網(wǎng)站設(shè)計(jì)行業(yè)的新手還是老手,你成功所需要的技能總是在不斷進(jìn)步。然而,仍然有一些基本的東西是每個(gè)人都應(yīng)該知道的——不管專(zhuān)業(yè)是什么。
今天,我們將把重點(diǎn)放在一些新的和傳統(tǒng)的方面。讓我們來(lái)看看當(dāng)今網(wǎng)站開(kāi)發(fā)人員的五項(xiàng)基本技能。
HTML和CSS
看到這兩個(gè)出現(xiàn)在名單上感到驚訝嗎?這在某種程度上是可以理解的,因?yàn)榭隙ㄓ懈唷傲钊伺d奮的”技術(shù)。但這并不意味著我們應(yīng)該忽視它們。
相反,HTML和CSS仍然是網(wǎng)站的構(gòu)建塊。即使您正在使用更強(qiáng)大的語(yǔ)言,如PHP或Javascript, HTML仍然和以前一樣重要。它的角色已經(jīng)從我們用來(lái)網(wǎng)站設(shè)計(jì)或布局頁(yè)面的內(nèi)容演變?yōu)閹椭覀儤?gòu)建語(yǔ)義性和可訪(fǎng)問(wèn)性的網(wǎng)站。
CSS本身也經(jīng)歷了相當(dāng)大的演變,CSS Grid和Flexbox的興起改變了我們創(chuàng)建布局的方式。它也成為了動(dòng)畫(huà)的主題,與響應(yīng)式設(shè)計(jì)和先進(jìn)的造型技術(shù)一起。在某些情況下,它甚至可以作為Javascript的可靠替代品。
因此,就像房子需要一個(gè)堅(jiān)實(shí)的基礎(chǔ)一樣,網(wǎng)站開(kāi)發(fā)人員需要徹底理解HTML和CSS。如果沒(méi)有它們,就很難完成其他高級(jí)功能。
Javascript
Javascript也經(jīng)歷了自己的演變,它最初是一種經(jīng)常用于操作DOM元素和為網(wǎng)站設(shè)計(jì)添加一些功能的語(yǔ)言。它仍然很擅長(zhǎng)于這個(gè)目的。
然而,我們現(xiàn)在看到的是以Javascript為主要成分構(gòu)建的整個(gè)接口。這與近年來(lái)出現(xiàn)的一些強(qiáng)大框架有很大關(guān)系。React和Vue在這一領(lǐng)域尤其處于領(lǐng)先地位。
雖然我們還沒(méi)有看到這些ui接管網(wǎng)站,但它是一個(gè)應(yīng)該繼續(xù)增長(zhǎng)的部分。僅這一點(diǎn)就值得深入研究一兩個(gè)框架。
另一個(gè)增長(zhǎng)的領(lǐng)域來(lái)自WordPress和它的Gutenberg塊編輯器。它大量使用了React,這恰好也是本地創(chuàng)建自定義塊的一個(gè)需求。
把這些都放在一起,你就有很多理由關(guān)注你的Javascript技能了。
命令行
每個(gè)人都喜歡一個(gè)好的GUI,它只是似乎更令人欣慰的指向和點(diǎn)擊或拖放你的方式來(lái)完成你的目標(biāo)。盡管如此,命令行仍然非常相關(guān)。
有趣的是,即使是最新的熱門(mén)技術(shù)也依賴(lài)于命令行,或者至少推薦使用它。以GatsbyJS為例。靜態(tài)站點(diǎn)生成器最近非常流行,它需要命令行來(lái)構(gòu)建和維護(hù)站點(diǎn)。
WordPress是世界上最流行的CMS,并且有一個(gè)很棒的CLI工具。它不是必需的,但是可以執(zhí)行與面向視覺(jué)的儀表板相同的功能。它還做了一些儀表板不能做的事情,比如大規(guī)模搜索和替換,這使它非常適合多站點(diǎn)安裝和企業(yè)級(jí)使用。
如果您正在進(jìn)行版本控制,那么Git是另一個(gè)推薦使用命令行的工具。也有一些可視化工具,但是命令通常允許更高級(jí)的用法。
即使你在看到終端機(jī)窗口時(shí)不會(huì)感到頭暈?zāi)垦?,但你仍然需要知道如何繞過(guò)終端機(jī)窗口。否則,您可能無(wú)法完成項(xiàng)目所需的所有任務(wù)。
如何使用api
如今,網(wǎng)站不僅僅依賴(lài)于本地文件或數(shù)據(jù)庫(kù)。他們經(jīng)常從許多外部來(lái)源獲取數(shù)據(jù)。社交媒體平臺(tái)、云服務(wù)和內(nèi)容交付網(wǎng)絡(luò)(CDNs)等提供商正在為許多基本功能提供支持。
在許多情況下,網(wǎng)站通過(guò)API(應(yīng)用程序編程接口)與這些外部資源進(jìn)行接口。這允許通過(guò)一組特定的過(guò)程(通常是通過(guò)代碼)訪(fǎng)問(wèn)服務(wù)或應(yīng)用程序的數(shù)據(jù)和特性。
然而,api并不是放之四海而皆準(zhǔn)的。它們可以是專(zhuān)有的——所以對(duì)一個(gè)服務(wù)有效的方法可能對(duì)其他服務(wù)無(wú)效。要使用一個(gè)API通常需要深入研究特定API的文檔。
因此,了解希望使用的api背后的細(xì)節(jié)非常重要。無(wú)論是Twitter、亞馬遜AWS還是谷歌地圖,你都必須好好學(xué)習(xí)才能充分利用它們。
有時(shí)我們會(huì)很幸運(yùn),我們需要的API功能已經(jīng)為我們準(zhǔn)備好了。通常,你會(huì)在WordPress插件中找到它。但有時(shí)你必須直接與供應(yīng)商合作來(lái)完成你的需求。
適應(yīng)能力
似乎總有一些新的工具、技術(shù)或代碼突破在等待我們的注意。所以,我們總結(jié)的最后一個(gè)基本技巧就是要適應(yīng)不斷變化的網(wǎng)絡(luò)。
在網(wǎng)站設(shè)計(jì)和開(kāi)發(fā)中,人們最擔(dān)心的就是落后。當(dāng)別人都在追趕最新、最流行的潮流時(shí),你可不想讓自己一個(gè)人承擔(dān)責(zé)任。
這就是為什么適應(yīng)做事情的新方法以及了解它們?nèi)绾芜m應(yīng)你的工作流程是至關(guān)重要的。這將使你在市場(chǎng)上保持相關(guān),并可能預(yù)訂一些令人興奮的項(xiàng)目。
不過(guò),這里有一個(gè)陷阱。不是每一件新事物都值得你花時(shí)間。挑戰(zhàn)在于找到適合你想要從事的項(xiàng)目類(lèi)型的技能來(lái)增加你的技能。
也許最好的辦法就是密切關(guān)注行業(yè)趨勢(shì)。如果你看到一些對(duì)你的職業(yè)有益的事情(或者看起來(lái)很有趣),花點(diǎn)時(shí)間去了解更多。一旦你確定它適合你,你就可以深入挖掘。
學(xué)習(xí)基礎(chǔ)知識(shí),然后繼續(xù)前進(jìn)
開(kāi)發(fā)人員承受著很大的壓力,要他們吸收庫(kù)中有價(jià)值的知識(shí)。但事實(shí)是,你不需要知道每一個(gè)細(xì)節(jié)。
這里提到的每一項(xiàng)技能都是巨大的,而且不可能有任何活著的靈魂知道關(guān)于他們的一切。關(guān)鍵是首先要學(xué)習(xí)基本的方面。
通過(guò)熟悉這些基礎(chǔ)知識(shí),隨著時(shí)間的推移,你將有機(jī)會(huì)增加你的知識(shí)深度。我們經(jīng)常學(xué)習(xí)如何做x、y和z,因?yàn)槲覀冋谧鲆粋€(gè)需要它的項(xiàng)目。這是經(jīng)驗(yàn)的自然益處。
所以,如果在這個(gè)列表中有一些你不太了解的地方,不要擔(dān)心。從小事做起,一步步往上爬。最終,你將擁有成功所必需的技能。