這些前端資源，你值得擁有

Koa 是一個新的 web 框架，由 Express 幕後的原班人馬打造，致力於成爲 web 應用和 API 開發領域中的一個更小、更富有表現力、更健壯的基石。經過利用 async 函數，Koa 幫你丟棄回調函數，並有力地加強錯誤處理。 Koa 並無捆綁任何中間件，而是提供了一套優雅的方法，幫助您快速而愉快地編寫服務端應用程序。

egg: 爲企業級框架和應用而生

Nodejs學習筆記

Javascript

現代 Javascript 教程: 從基礎知識到高階主題，只需既簡單又詳細的解釋。

Philip Roberts: Javascript可視化運行 -> Github -> Demo

Lodash: Lodash是一個JavaScript庫，它使用函數式編程範例爲常見的編程任務提供實用程序功能。

Ramda: 一款實用的JavaScript 函數式編程庫。

Underscore : -> Github: Underscore.js是一個JavaScript庫，爲常見的編程任務提供實用程序功能。它與Prototype.js和Ruby語言提供的功能至關，但選擇功能性編程設計而不是擴展對象原型。

30 seconds of code -> Github: 精心收集的有用的 JavaScript 代碼片斷，可讓你在 30 秒或更少的時間內理解

AST Explorer: 用於探索各類解析器生成的AST的Web工具。

JavaScript 版本兼容性查詢

前端代碼片斷

flaviocopes: 一些JavaScript編程教程

Web 相關

Can I Use: 查詢瀏覽器的特性支持狀況

Package Different

查詢 NodeJS 的 ES2018 特性支持狀況

Web Dev: Google官方Web開發者資源

`Mock`

Easy-Mock: 高效僞造數據

Mock.js:生成隨機數據，攔截 Ajax 請求

Rapid-Api: 構建塊來加強您的應用程序, 發現並鏈接世界上最大的API中心的數千個API.

動畫庫(Javascript & CSS)

Threejs -> Github

Three.js是一個跨瀏覽器的腳本，使用JavaScript函數庫或API來在網頁瀏覽器中建立和展現動畫的三維計算機圖形。Three.js使用WebGL。源代碼託管在GitHub

Animate.css: 一個使用CSS3的animation製做的動畫效果的CSS集合，裏面預設了不少種經常使用的動畫，且使用很是簡單。

Animejs: Anime.js是一個輕量級JavaScript動畫庫，具備簡單但功能強大的API。它適用於CSS屬性，SVG，DOM屬性和JavaScript對象。

TweenMax.js

適用於移動端和現代互聯網的超高性能專業級動畫插件。
Tweenmax是GreenSock 動畫平臺的核心，配合其餘插件可動畫CSS屬性、濾鏡效果、顏色、聲音、色彩、幀、飽和度、對比度、色調、色系、亮度、貝塞爾

GreenSock: 適用於現代網絡的超高性能專業級動畫

Notes: 11 JavaScript Animation Libraries For 2019

Kubt.js -> Github: KUTE.js是一個Javascript動畫引擎，具備頂級性能，內存效率和模塊化代碼。它提供了大量工具來幫助您建立出色的自定義動畫。

Hover -> Github: CSS3動力懸停效果的集合，適用於連接，按鈕，徽標，SVG，特點圖像等。輕鬆應用於您本身的元素，修改或僅用於靈感。提供CSS，Sass和LESS。

css-tricks: 分享使用CSS樣式的技巧、經驗和教程等。值得前端開發者閱讀收藏的國外網站。

V8 引擎: 瞭解支持 Chrome 和 NodeJS 的 Google 開源高性能 Javascript 和 WebAssembly 引擎

測試框架

Mocha -> Mocha GitHub: Mocha是Node.js程序的JavaScript測試框架，具備瀏覽器支持，異步測試，測試覆蓋率報告以及任何斷言庫的使用。

Chai: Chai是節點和瀏覽器的BDD / TDD斷言庫，能夠與任何javascript測試框架愉快地配對。

Jest -> Jest Github: Jest是一個使人愉快的JavaScript測試框架，專一於簡單性。它適用於如下項目：Babel，TypeScript，Node，React，Angular，Vue等等！

Karma: 一個 runner ，旨在幫助開發者簡單而又快速的進行自動化單元測試 -> Github: karma測試框架的前世此生

Tape Github

jsPerf — JavaScript performance playground -> GitHub

優秀項目 & 插件

Webpack

Webpack config tool: webpack 配置工具

BootCDN: 穩定、快速、免費的前端開源項目 CDN 加速服務

BootStrap

BootsWatch: Free themes for Bootstrap

RxJS: 使用 Observables 的響應式編程的庫，它使編寫異步或基於回調的代碼更容易。-> Github -> 中文文檔

Layui -> Github

Awesome Lists

圖表庫

Echarts -> Github

AntV -> Github

G2 是一套基於可視化編碼的圖形語法，以數據驅動，具備高度的易用性和擴展性，用戶無需關注各類繁瑣的實現細節，一條語句便可構建出各類各樣的可交互的統計圖表。

G6 是一個簡單、易用、完備的圖可視化引擎，它在高定製能力的基礎上，提供了一系列設計優雅、便於使用的圖可視化解決方案。能幫助開發者搭建屬於本身的圖圖分析應用或是圖編輯器應用。

F2 是一個專一於移動，開箱即用的可視化解決方案，完美支持 H5 環境同時兼容多種環境（Node, 小程序，Weex），完備的圖形語法理論，知足你的各類可視化需求，專業的移動設計指引爲你帶來最佳的移動端圖表體驗。

L7 中的 L 表明 Location，7 表明世界七大洲，寓意能爲全球位置數據提供可視化能力。L7 的目標是提供一套地理空間數據可視化框架，易用易擴展，支持海量數據的高性能和 3D 高質量渲染，安全可靠（無地圖法務風險）的地理空間數據可視化解決方案。

Recharts -> Github

Datamatic

開發資源

Awesomes前端開發資源

語雀 IT 百科精品知識庫

算法學習 & 機器學習

Rappid算法學習

AI算法工程師手冊

機器深度學習

VisuAlgo - 數據結構和算法動態可視化 (Chinese)

Algorithm Visualizer -> Github

Papers With Code : the latest in machine learning

Data Structure Visualizations: 舊金山大學CS Data Structure

BestofML: 收集彙總了機器學習相關的資源，包括書籍、課程、博客、論文等 -> Github

internetfundamentals：瞭解Web的工做原理，並邁出建立網頁的第一步！一個徹底免費的視頻課程，適合初學者

數學知識學習

微積分
線性代數

機率論

最優化方法

Math ∩ Programming

Immersive Linear Algebra: 一本會動的線代書，O(∩_∩)O哈哈~

機器學習的數學基礎知識 ->Github -> Download

機器學習 - The Hundred-Page Machine Learning Book

MIT 的數據結構課程

計算機科學速成課(視頻): Youtube 熱門視頻課程

Linux

Linux命令大全

Explain Shell -> Github: 一個解釋 shell 的網站，你不理解某個命令的時候，在網站輸入這個命令，網站會自動幫你分解解釋對應參數的意思。

Iodide: Mozilla 支持的在 Web 中實現各類數據科學的效果 -> Github

Icon & 設計 & 網頁

它免費提供設計素材、插件、工具，其中設計素材包括：UI 、圖標、網頁、插畫、實物、桌面、組件、表單、字體，而且按照不一樣的設計軟件對應的文件進行分類，包括：Photoshop 、Sketch 、Adobe Xd 、Illustrator 文件。

Product Hunt: 產品相關

Issue Hunt: issue須要幫助或者有餘力去幫助別人，固然也能夠賺錢哦

網絡安全的教程

以一個黑客的角度將你帶入，它配套了十幾個小demo，一步一步帶你發現各類各樣的安全漏洞。由於這些demo都是交互式，玩起來很帶感。

開發社區 & 學習社區

Medium: 輕量級內容發行的平臺，容許單一用戶或多人協做，將本身創做的內容以主題的形式結集爲專輯（Collection），分享給用戶進行消費和閱讀

Stack Overflow: 最好的軟件類問答網站了，給軟件開發人員工做和學習提供了很是大的便利

Vue.js 社區

React.js社區

掘金

InfoQ: InfoQ 是一個實踐驅動的社區資訊站點，致力於促進軟件開發領域知識與創新的傳播。

best-chinese-front-end-blogs: 收集優質的中文前端博客

softnshare

工具

Repl.it: 不要浪費時間創建一個開發環境。它爲您提供了一個即時的IDE，讓您能夠在一個地方學習、構建、協做和託管全部內容。

Glitch

正則表達式可視化工具

Regulex

Regulex是一個JavaScript正則表達式可視化工具，由純JavaScript實現，源碼託管在Github上。

Regexper

Regexper是由Jeff Avallone開發的一款JavaScript正則表達式可視化工具，源碼託管在Github上。它可以讓正則表達式字符串以 Railroad 形式圖形化，便於閱讀和理解。同時推薦一款 JavaScript 正則在線測試工具——Regexpal，能夠和 Regexper 配合使用。

Debuggex

Debuggex是一個測試正則表達式的Web應用，它支持JavaScript、Python以及PCRE。

國際化應用的利器: 發現一個製做國際化應用的利器。該網站收集各類語言包，你輸入中文，它返回各類語言包對這個詞的翻譯。

前端網站導航

D2日報

心譚博客