2020年給前端開發工程師的10個學習建議

blank

2020年給前端開發工程師的10個學習建議

毫無疑問,前端開發將成為2020年技術領域最熱門的學科之一。

以前,前端空間的開發人員只要瞭解一些HTML,CSS,也許還有jQuery來創建互動式網站,就足夠了。 但是今天,他們面臨著廣泛且不斷變化的開發技能生態系統;掌握的工具,庫和框架;並且需要不斷投資於個人教育。

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

本文web前端的小編為大家提供一些指導,指導您在2020年作為前端開發人員來提升技術水準,無論您是剛開始程式設計還是已經有一定的經驗,下面一起來看看吧!

1.框架

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

在2019年,React(藍線),Vue(紅線),Angular(黃線)和Svelte(綠線)的搜索量支援此假設-Vue略高於React。 Angular在搜索量方面無法跟上,Svelte在此比較中絕對不起作用。

因此,對於2020年,使用或希望使用JAVAScript框架的前端開發人員應將React和Vue作為他們的主要選擇。 如果您正在處理大型企業專案,則Angular是有效的選擇。

2.靜態網站生成器

靜態網站生成器結合了伺服器端渲染的功能(對於SEO非常重要,而且還具有初始載入時間)和單頁應用程式。

如今,許多專案即使不需要伺服器端渲染也選擇了SSG,因為Next或Nuxt之類的解決方案具有便捷的功能,例如模組捆綁器,集成測試運行器等。

如果您認真對待前端開發,則應仔細研究以下專案,並嘗試獲得一些實踐經驗:

· Next(基於React)

· Nuxt(基於Vue)

· Gatsby(基於React)

· Gridsome (基於 Vue)

1. JAMstack

術語JAMstack代表JAVAScript(在用戶端上運行-例如,React,Vue或VanillaJS),API(伺服器端進程通過JAVAScript通過HTTPS抽象並訪問)和標記(在部署時預先構建的範本標記)。。

這是一種構建網站和應用程式以提高性能的方法-降低擴展成本,提供更高的安全性並提供更好的開發人員體驗。

儘管這些術語本身並不是什麼新鮮事物,但它們的共同點是相同的-它們並不依賴於Web伺服器。 因此,依賴於Ruby或Node.js後端或使用伺服器端CMS(例如Drupal或WordPress)構建的網站的單片應用程式不是使用JAMstack構建的。

如果要使用JAMstack,有一些最佳實踐:

整個專案都在CDN上提供服務

由於不需要伺服器,因此整個專案都可以通過CDN進行服務,從而釋放出無與倫比的速度和性能。

一切都存在於在Git中

每個人都應該能夠從Git儲存庫克隆整個專案,而無需資料庫或複雜的設置。

自動化構建

您可以完美地自動構建,因為所有標記都是預先構建的,例如使用webhooks或雲端服務。

原子部署

為了通過在大型專案中重新部署數百或數千個檔來避免出現不一致的狀態,原子部署將等待所有文件上傳,然後再進行更改。

即時緩存失效

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

像Netlify或Zeit這樣的著名主機都支援JAMstack應用程式,大公司使用它們為使用者提供出色的體驗。

1. PWA

漸進式Web應用程式(PWA)無疑將在2020年成為現實。 越來越多的公司選擇PWA取代本機應用程式,以便為使用者提供豐富的行動體驗。

PWA可靠(即時載入,無需連接互聯網即可工作),快速(流暢的動畫,對使用者交互的快速回應)和吸引人的體驗(本機應用程式的感覺,出色的用戶體驗)。

他們利用服務人員提供離線功能,並利用Web應用清單檔提供全屏體驗。

建構漸進式Web應用程式的原因有:

· 可以從瀏覽器添加到使用者的主螢幕

· 即使沒有互聯網也能正常工作

· 支援網路推送通知以增強用戶參與度

· 利用Google的Lighthouse功能

1. GraphQL

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

儘管REST通過提供無狀態伺服器之類的出色概念一直被認為是設計Web API的事實上的標準,但在跟上快速變化的用戶端訪問RESTful API時,RESTful API卻越來越不靈活。

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

使用REST API,開發人員可以透過從具有特定目的的多個端點(例如/ users/ 端點或/ tours / / location端點)中取得資料來收集資料。

使用GraphQL,這將以不同的方式工作。 開發人員會將查詢與他們的數據要求一起發送到GraphQL伺服器。 然後,伺服器將返回帶有所有相應數據的JSON物件。

使用GraphQL的另一個好處是它使用了強類型系統。 GraphQL伺服器上的所有內容都是使用GraphQL模式定義語言(SDL)通過模式定義的。 創建架構後,前端開發人員和後端開發人員都可以彼此獨立地工作,因為他們知道已定義的數據結構。

6.代碼編輯器/ IDE

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

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

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

· JavaScript(ES6)代碼段

· npm

· beautify

· CSS速覽

· ESLint

· Live Sass編譯器

· Chrome調試器

這些是很酷的例子。 在VS Code中還有很多可以發現的地方,因此,如果您尚未使用它,我建議您嘗試一下。

7.測試

未經測試的代碼不應找到它的生產方式。

在您的個人專案中似乎沒有任何測試似乎很方便,但在商業和企業環境中工作時必須進行測試。 因此,對於任何開發人員而言,最好盡可能將測試集成到開發工作流程中。

可以區分以下測試用例:

單元測試

隔離測試單個元件或功能。

整合測試

測試元件之間的交互。

端到端測試

在瀏覽器中測試功能完善的使用者流。

有更多測試方法,例如手動測試,快照測試等。 如果您想升任高級開發人員職位或打算在擁有某些開發標準的大型公司工作,則應嘗試進行測試 技能。

8.乾淨的代碼

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

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

乾淨代碼開發人員應做的一些事情是:

· 為變數,類,方法和函數創建有意義的名稱

· 函數應該很小並且參數應盡可能少

· 根本不需要註釋-代碼應該說明一切

如果您想瞭解有關乾淨代碼檢查的更多訊息,請閱讀Robert C. Martin的書籍和帖子。

1. Git

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

這是您應該知道的一些流行的Git命令:

git config

git init

git clone

git status

git add

git commit

git push

git pull

git branch

知道這些命令可以提高工作效率總是很高興的,但是前端工程師還應該學習Git的基本概念。

10.軟技能

對於開發人員來說,經常被忽視但確實非常重要的是獲得軟技能。

雖然有助於瞭解事物的技術方面,但瞭解如何在團隊中進行交流也同樣重要。 如果您對技術職業很認真,並且/或者打算升任高級職位,則應該從事以下軟技能方面的工作:

同情

溝通

團隊合作

平易近人和樂於助人

忍耐

開放的思想

解決問題

責任心

創造力

時間管理

永遠記住:開發人員最重要的交付物是高級開發人員。 (提升你自己)

What do you think?

Written by marketer

blank

2020下半年前端技術發展趨勢,值得每個前端人關注

blank

101個説明你成為更好Web開發程式師的技巧