毫無疑問，前端開發將成為2020年技術領域最熱門的學科之一。
以前，前端空間的開發人員只要瞭解一些HTML，CSS，也許還有jQuery來創建交互式網站，就足夠了。但是今天，他們面臨著廣泛且不斷變化的開發技能生態系統；掌握的工具，庫和框架；並且需要不斷投資於個人教育。
最近幾年，我們使用JavaScript為主要的Web應用程序提供了強大的新庫和框架，例如ReactJS，VueJS和Svelte。
本文旨在為您提供一些指導，指導您在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）
3. 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應用程序，大公司使用它們為用戶提供出色的體驗。
4. PWA
漸進式Web應用程序（PWA）無疑將在2020年成為現實。越來越多的公司選擇PWA取代本機應用程序，以便為用戶提供豐富的移動體驗。
PWA可靠（即時加載，無需連接互聯網即可工作），快速（流暢的動畫，對用戶交互的快速響應）和吸引人的體驗（本機應用程序的感覺，出色的用戶體驗）。
他們利用服務人員提供脫機功能，並利用Web應用清單文件提供全屏體驗。
構建漸進式Web應用程序的原因有：
· 可以從瀏覽器添加到用戶的主屏幕
· 即使沒有互聯網也能正常工作
· 支持網絡推送通知以增強用戶參與度
· 利用Google的Lighthouse功能
5. 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）通過模式定義的。創建架構後，前端開發人員和後端開發人員都可以彼此獨立地工作，因為他們知道已定義的數據結構。
與2019年一樣，微軟的VS Code將在2020年成為大多數前端工程師的第一編輯器。
它提供幾乎類似於IDE的功能，例如代碼自動完成和語法高亮顯示，並且可以通過其擴展市場進行幾乎無限的擴展。
特別是市場使VS Code如此出色。以下是您作為前端開發人員的一些出色擴展：
· JavaScript（ES6）代碼段
· npm
· beautify
· CSS速覽
· ESLint
· Live Sass編譯器
· Chrome調試器
這些是很酷的例子。在VS Code中還有很多可以發現的地方，因此，如果您尚未使用它，我建議您嘗試一下。
7.測試
未經測試的代碼不應找到它的生產方式。
在您的個人項目中似乎沒有任何測試似乎很方便，但在商業和企業環境中工作時必須進行測試。因此，對於任何開發人員而言，最好儘可能將測試集成到開發工作流程中。
可以區分以下測試用例：
單元測試
隔離測試單個組件或功能。
整合測試
測試組件之間的交互。
端到端測試
在瀏覽器中測試功能完善的用戶流。
有更多測試方法，例如手動測試，快照測試等。如果您想升任高級開發人員職位或打算在擁有某些開發標準的大型公司工作，則應嘗試進行測試 技能。
8.乾淨的代碼
能夠編寫乾淨的代碼是一項很棒的技能，許多組織都對此提出了很高的要求。如果您想從開發人員的位置升級為高級開發人員的位置，則應真正學習乾淨代碼的概念。
簡潔的代碼應優雅且易於閱讀。它應該重點突出，您應該注意這一點。所有測試均以純淨代碼運行。它們不應包含重複項，應儘量減少使用實體（例如類，方法和函數）。
乾淨代碼開發人員應做的一些事情是：
· 為變量，類，方法和函數創建有意義的名稱
· 函數應該很小並且參數應儘可能少
· 根本不需要註釋-代碼應該說明一切
如果您想了解有關乾淨代碼檢查的更多信息，請閱讀Robert C. Martin的書籍和帖子。
9. 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.軟技能
對於開發人員來說，經常被忽視但確實非常重要的是獲得軟技能。
雖然有助於瞭解事物的技術方面，但瞭解如何在團隊中進行交流也同樣重要。如果您對技術職業很認真，並且/或者打算升任高級職位，則應該從事以下軟技能方面的工作：
同情
溝通
團隊合作
平易近人和樂於助人
忍耐
開放的思想
解決問題
責任心
創造力
時間管理
永遠記住：開發人員最重要的交付物是高級開發人員。（提升你自己）
結論
在本文中，千鋒廣州小編向您展示了前端開發人員應在2020年嘗試學習，改進或掌握的10項重要內容。
這份清單並不是要完整，但希望它能給您明年的靈感-選擇全由您決定！
閱讀更多 艾特程序員 的文章
