前端開發(fā)人員在2020年應學習的10件事

毫無疑問，前端開發(fā)將成為2020年技術(shù)領(lǐng)域最熱門的學科之一。以前，前端空間的開發(fā)人員只要了解一些HTML，CSS，也許還有jQuery來創(chuàng)建交互式網(wǎng)站，就足夠了。但是今天，他們面臨著廣泛且不斷變化的開發(fā)技能生態(tài)系統(tǒng)；掌握的工具，庫和框架；并且需要不斷投資于個人教育。

最近幾年，我們使用JavaScript為主要的Web應用程序提供了強大的新庫和框架，例如ReactJS，VueJS和Svelte。

下面給大家提供一些建議，如何在2020年作為前端開發(fā)人員來提升技術(shù)水平，無論您是剛開始編程還是已經(jīng)有一定的經(jīng)驗，相信都能有所幫助。

1.框架

2020年，我們可能會看到Facebook的ReactJS與社區(qū)驅(qū)動的VueJS之間的對決。目前，React在GitHub上擁有140,000星，而Vue則擁有153,000星。例如，Angular只有53,000個恒星。

在2019年，React（藍線），Vue（紅線），Angular（黃如果你想要學好web前端最好加入一個好的學習環(huán)境，可以來這個Q群，首先是132，中間是667，最后是127，這樣大家學習的話就比較方便，還能夠共同交流和分享資料線）和Svelte（綠線）的搜索量支持此假設(shè)-Vue略高于React。Angular在搜索量方面無法跟上，Svelte在此比較中絕對不起作用。

因此，對于2020年，使用或希望使用JavaScript框架的前端開發(fā)人員應將React和Vue作為他們的主要選擇。如果您正在處理大型企業(yè)項目，則Angular是有效的選擇。

2.靜態(tài)網(wǎng)站生成器

靜態(tài)站點生成器結(jié)合了服務(wù)器端渲染的功能（對于SEO非常重要，而且還具有初始加載時間）和單頁應用程序。

如今，許多項目即使不需要服務(wù)器端渲染也選擇了SSG，因為Next或Nuxt之類的解決方案具有便捷的功能，例如模塊捆綁器，集成測試運行器等。

如果您認真對待前端開發(fā)，則應仔細研究以下項目，并嘗試獲得一些實踐經(jīng)驗：· Next（基于React）· Nuxt（基于Vue）· Gatsby（基于React）· Gridsome（基于Vue）

3. JAMstack

術(shù)語JAMstack代表JavaScript（在客戶端上運行-例如，React，Vue或VanillaJS），API（服務(wù)器端進程通過JavaScript通過HTTPS抽象并訪問）和標記（在部署時預先構(gòu)建的模板標記）。

這是一種構(gòu)建網(wǎng)站和應用程序以提高性能的方法-降低擴展成本，提供更高的安全性并提供更好的開發(fā)人員體驗。

盡管這些術(shù)語本身并不是什么新鮮事物，但它們的共同點是相同的-它們并不依賴于Web服務(wù)器。因此，依賴于Ruby或Node.js后端或使用服務(wù)器端CMS（例如Drupal或WordPress）構(gòu)建的網(wǎng)站的單片應用程序不是使用JAMstack構(gòu)建的。

如果要使用JAMstack，有一些最佳實踐：

整個項目都在CDN上提供服務(wù)由于不需要服務(wù)器，因此整個項目都可以通過CDN進行服務(wù)，從而釋放出無與倫比的速度和性能。

一切都存在于在Git中每個人都應該能夠從Git存儲庫克隆整個項目，而無需數(shù)據(jù)庫或復雜的設(shè)置。

自動化構(gòu)建您可以完美地自動構(gòu)建，因為所有標記都是預先構(gòu)建的，例如使用webhooks或云服務(wù)。原子部署為了通過在大型項目中重新部署數(shù)百或數(shù)千個文件來避免出現(xiàn)不一致的狀態(tài)，原子部署將等待所有文件上傳，然后再進行更改。

即時緩存失效當站點上線時，必須確保CDN可以處理即時緩存清除，以使更改可見。

像Netlify或Zeit這樣的著名主機都支持JAMstack應用程序，大公司使用它們?yōu)橛脩籼峁┏錾捏w驗。

4. PWA

漸進式Web應用程序（PWA）無疑將在2020年成為現(xiàn)實。越來越多的公司選擇PWA取代本機應用程序，以便為用戶提供豐富的移動體驗。

PWA可靠（即時加載，無需連接互聯(lián)網(wǎng)即可工作），快速（流暢的動畫，對用戶交互的快速響應）和吸引人的體驗（本機應用程序的感覺，出色的用戶體驗）。

他們利用服務(wù)人員提供脫機功能，并利用Web應用清單文件提供全屏體驗。

構(gòu)建漸進式Web應用程序的原因有：

· 可以從瀏覽器添加到用戶的主屏幕·，即使沒有互聯(lián)網(wǎng)也能正常工作·，支持網(wǎng)絡(luò)推送通知以增強用戶參與度·，利用Google的Lighthouse功能

5. GraphQL

GraphQL是當前最熱門的主題之一，并且絕對是您在2020年需要學習或改進的東西。

盡管REST通過提供無狀態(tài)服務(wù)器之類的出色概念一直被認為是設(shè)計Web API的事實上的標準，但在跟上快速變化的客戶端訪問RESTful API時，RESTful API卻越來越不靈活。

GraphQL由Facebook開發(fā)，旨在解決開發(fā)人員在處理Restful API時面臨的確切問題。

使用REST API，開發(fā)人員可以通過從具有特定目的的多個端點（例如/ users / 端點或/ tours / / location端點）中獲取數(shù)據(jù)來收集數(shù)據(jù)。

使用GraphQL，這將以不同的方式工作。開發(fā)人員會將查詢與他們的數(shù)據(jù)要求一起發(fā)送到GraphQL服務(wù)器。然后，服務(wù)器將返回帶有所有相應數(shù)據(jù)的JSON對象。

使用GraphQL的另一個好處是它使用了強類型系統(tǒng)。GraphQL服務(wù)器上的所有內(nèi)容都是使用GraphQL模式定義語言（SDL）通過模式定義的。創(chuàng)建架構(gòu)后，前端開發(fā)人員和后端開發(fā)人員都可以彼此獨立地工作，因為他們知道已定義的數(shù)據(jù)結(jié)構(gòu)。

6.代碼編輯器/ IDE

與2019年一樣，微軟的VS Code將在2020年成為大多數(shù)前端工程師的第一編輯器。

它提供幾乎類似于IDE的功能，例如代碼自動完成和語法高亮顯示，并且可以通過其擴展市場進行幾乎無限的擴展。

特別是市場使VS Code如此出色。以下是您作為前端開發(fā)人員的一些出色擴展：·

JavaScript（ES6）代碼段· npm· beautify· CSS速覽· ESLint· Live Sass編譯器· Chrome調(diào)試器

這些是很酷的例子。在VS Code中還有很多可以發(fā)現(xiàn)的地方，因此，如果您尚未使用它，建議嘗試一下。

7.測試

未經(jīng)測試的代碼不應找到它的生產(chǎn)方式。

在您的個人項目中似乎沒有任何測試似乎很方便，但在商業(yè)和企業(yè)環(huán)境中工作時必須進行測試。因此，對于任何開發(fā)人員而言，最好盡可能將測試集成到開發(fā)工作流程中。

可以區(qū)分以下測試用例：單元測試隔離測試單個組件或功能。整合測試測試組件之間的交互。端到端測試在瀏覽器中測試功能完善的用戶流。有更多測試方法，例如手動測試，快照測試等。

如果您想升任高級開發(fā)人員職位或打算在擁有某些開發(fā)標準的大型公司工作，則應嘗試進行測試 技能。

8.干凈的代碼

能夠編寫干凈的代碼是一項很棒的技能，許多組織都對此提出了很高的要求。如果您想從開發(fā)人員的位置升級為高級開發(fā)人員的位置，則應真正學習干凈代碼的概念。

簡潔的代碼應優(yōu)雅且易于閱讀。它應該重點突出，您應該注意這一點。所有測試均以純凈代碼運行。它們不應包含重復項，應盡量減少使用實體（例如類，方法和函數(shù)）。

干凈代碼開發(fā)人員應做的一些事情是：·

為變量，類，方法和函數(shù)創(chuàng)建有意義的名稱· 函數(shù)應該很小并且參數(shù)應盡可能少· 根本不需要注釋-代碼應該說明一切。

9. Git

毫無疑問，Git是當今Web開發(fā)中版本控制的標準。對于每個前端工程師而言，了解基本的Git概念和工作流程以在各種規(guī)模的團隊中有效工作都是非常重要的。

這是你應該知道的一些流行的Git命令：

git config、git init、git clone、git status、git add、git commit、git push、git pull、git branch知道這些命令可以提高工作效率總是很高興的，但是前端工程師還應該學習Git的基本概念。

10.軟技能

對于開發(fā)人員來說，經(jīng)常被忽視但確實非常重要的是獲得軟技能。

雖然有助于了解事物的技術(shù)方面，但了解如何在團隊中進行交流也同樣重要。如果您對技術(shù)職業(yè)很認真，并且/或者打算升任高級職位，則應該從事以下軟技能方面的工作：

同情、溝通、團隊合作、平易近人和樂于助人、忍耐、開放的思想、解決問題、責任心、創(chuàng)造力、時間管理永遠記?。洪_發(fā)人員最重要的交付物是高級開發(fā)人員。（提升你自己）

結(jié)論

以上就是給大家展示的前端開發(fā)人員應在2020年嘗試學習，改進或掌握的10項重要內(nèi)容。