昨天寫的文章，一大早發出去點開預覽的時候發現格式都錯亂了。又急著去上班就把文章給刪除了。本來是週一更的習慣也就打破，放到週二去更新了。今天週二，度過了煩人的週一，又開始一個新的工作日。

這篇文章起初是想做：有哪些適合新手練手的前端專案？但是我發現我一個人沒法整理，於是正在邀請幾位大大朋友在幫忙。所以這個主題暫時空缺一週或是兩週，在下週或是下下週的時候可能會補上來。也歡迎各位朋友在學習過程中碰到不錯的練習專案可以積極的推薦。

學習程式設計專欄連載的練手專案篇，如有興趣可以訪問前三篇：

本篇文章推薦分享五篇關於前端資源彙總的帖子，希望可以幫助到學習前端的你。同時你可以去看一看前端技能樹喔：前端技能

以下是目錄，更多資訊請訪問他們的主頁：

前端工具

部落格/社群/資訊

各類外掛

主流框架

手冊/書籍

設計/互動

一小部分目錄

綜合/資源

front-end-collect 分享自己長期關注的前端開發相關的優秀網站、部落格、以及活躍開發者。star:860

f2e-hub 包含Animation，UI，dialog，Carousels，color，image，workflow等。star:100

awesome-javascript

fks 前端技能彙總，包含前端知識架構，後端知識，linux，書籍推薦等。star:4000

node123 node.js中文資料導航。star:1200

Front-end-tutorial 最全的資源教程-前端涉及的所有知識體系。（12.25更新）

canvas/資料視覺化

echarts 基於Canvas，純Javascript圖表庫，提供直觀，生動，可互動，可個性化定製的資料視覺化圖表。star:6900

Chart.js 使用<canvas>標籤的簡易HTML5圖表。star:14600

sketch.js 跨平臺JavaScript創意編碼框架，gzip壓縮後僅有2kb。star:1500

d3 一個基於資料操作文件的js資料視覺化框架，最流行的視覺化庫之一。star:38000

zrender 一個輕量級的Canvas類庫，MVC封裝，資料驅動，提供類DOM事件模型，讓canvas繪圖大不同！star:850

c3 一個基於 D3.js 的可重用 JavaScript 圖表庫。幾乎零學習曲線。star:4.5K（6.28更新）

img2css 將圖片轉為純css程式碼。（11.3更新）

部分目錄（此處所有目錄連結到主頁），詳細資訊請訪問具體網址和github

第四篇： 網站Github資源收集 ，此篇沒有找到github地址，作者整理了自己在Github中的starred專案可以直接在此網站進行訪問。

部分目錄：

掘金是一個高質量的技術社群，從 Swift 到 React Native，效能優化到開源類庫，讓你不錯過網際網路開發的每一個技術乾貨。當然你可以選擇下載他們的app：點選連結或者各大應用市場搜尋「掘金」，技術乾貨盡在掌握中。趕緊去看看吧。