【譯】2019年前端必備資源

原文： Essential Frontend Resources in 2019
做者：Zahin alwa
譯者：博軒
爲保證文章的可讀性，本文采用意譯

在過去的十年中，前端開發已席捲全球，由世界上最大的軟件公司贊助和領導的全部Web技術（HTML，CSS，JS等）都取得了長足的進步。在至關長的一段時間，在軟件行業中，這能夠說是收入最高，需求最多，最使人滿意的工做之一。若是您尚未開始學習，這是學習它的最佳時間😃！

這是一份詳盡的 Web 資源表，能夠幫助你在2019年，成爲一名出色的前端開發人員。

譯註：我改了順序，作了分類以及少數補充

文檔

MDN web docs

Mozilla 開發者文檔，提供了前端（HTML，CSS，Js等）代碼參考和學習教程🤓。這將是您的編碼聖經，您應該認真地遵照它！

MDN（Mozilla Developer Network ）是一個 wiki，即意味着任何人均可以向其添加和編輯內容。你不必定非得是一個程序員或瞭解許多涉及技術方面的知識。這裏有不少須要完成的任務，從簡單的（如校對和糾正拼寫）到複雜的（如撰寫 API 文檔）。

JavaScript 入門指南

javascript.com，javascript.info 開始學習Javascript😼。

譯註：推薦 現代 JavaScript 教程 ，由於有中文版

v8.dev - v8 引擎

v8.dev，以瞭解支持 Chrome 和 NodeJS 的 Google 開源高性能 Javascript 和 WebAssembly 引擎🦸‍♂️。

工具·在線編輯

caniuse

caniuse.com 檢查前端技術的跨瀏覽器兼容性。

kangax - 檢查✅JavaScript版本

kangax-js-compat-table 檢查✅JavaScript版本（ES5，ES6，ES2016 +等）在不一樣編譯器，服務器/運行時和平臺（桌面和移動）之間的兼容性。

HTML / CSS 可視化指南

htmlreference.io，cssreference.io HTML / CSS 的可視化指南🤩和代碼示例庫。

leanpub.com

leanpub.com 能夠輕鬆編寫，發佈和銷售，正在進行中的和已完成的電子書，以及在線課程。

codepen.io

codepen.io 來構建，測試🧐和發現前端代碼。

jsfiddle.net

使用 jsfiddle.net 來爲庫/框架文檔構建演示 demo，並用前端代碼來調試。

codesandbox.io

codesandbox.io 使用最早進的技術構建✍️和共享 Web 應用程序。

佈局

• flexbox playground
• grid playground

github.com

github.com 與數百萬開發人員一塊兒託管和審閱代碼，管理項目和構建軟件。

正則

• any-rule "學不動了"必用, 正則大全

繪圖工具

• 樂吾編輯器 前端開源、易擴展、方便集成的繪圖工具（微服務架構圖、網絡拓撲圖、流程圖、活動圖等）

博客·社區

web.dev - Google 開發者

web.dev 能夠由 Google 開發者👨‍💻 帶你瞭解 Web🕷 基礎。

css-tricks

css-tricks 學習 CSS 相關的一切 😻。

ponyfoo.com

ponyfoo.com 從開放的 Web 平臺，獲取有價值的內容。

博客，週刊，等多種形式，爲你們提供有價值的內容。由 《JavaScript Web 應用開發》 的做者 Nicolas Bevacqua 建立的平臺。

smashingmagazine.com

smashingmagazine.com 從網頁設計師🤓，和開發人員那裏獲取專業的資源。

freecodecamp.org

freecodecamp.org 與社區合做👨🏫，打造前端項目。

hashnode.com

hashnode.com 與世界各地的開發人員聯繫並發展您的職業生涯。

dev.to

dev.to 與他人分享和發現好主意，進行討論並結交朋友。

alligator.io

alligator.io，快速理解那些看似困難的前端代碼片斷。

medium.com

medium.com 發現，閱讀和撰寫🖊相關文章。

掘金

掘金 一個幫助開發者成長的社區

flaviocopes.com

flaviocopes.com 嗨，我是工程師Flavio。我爲 JavaScript 和 Web 開發人員編寫教程，

代碼課程

英文

• codecademy.com
• udemy.com
• pluralsight.com
• lynda.com

中文

• 慕課網
• 極客學院
• B站

egghead.io

egghead.io，向行業專家學習最佳的 JavaScript 工具和框架。

動態

• twitter.com
• instagram.com
• 微博 能夠關注您喜歡的人，瞭解他們的工做🔍並分享您的工做。

frontendfront.com

frontendfront.com 隨時瞭解世界各地發生的最新網絡新聞，趨勢和會議。

uptodate.frontendrescue.org

uptodate.frontendrescue.org 跟隨前端領導人🏆，找到最好的資源，參加會議，獲得啓發，創建（刷新）本身的東西。

產品

producthunt.com

producthunt.com 幫你發現並找到那些💯的新產品。

repl.it

repl.it 學習，建設，合做，在同一個地方實現你的想法🤩。

問答

stackoverflow.com

stackoverflow.com 得到最棘手的編碼問題的答案😁，與您的同事私下分享知識，並幫你找到下一個理想的工做。

segmentfault.com

segmentfault.com 改變並提高人們獲取知識的方式和效率，幫助更多的開發者得到成長與成功。

喜歡這個清單嘛？是否有更多資源想要與我分享呢，歡迎留言~