GitHub 上有什麼好玩又有挑戰的前端項目?

本人大三,學習js大概一年的時間,

最近感覺學習遇到了瓶頸,負責人給我的建議是嘗試java或者掛載一個上線的項目

在此徵求一下意見。


先提供兩個方向給你做下參考:

  • 研究頁面框架,掌握其核心思想。關於這個方面在github上有個非常好的項目:https://github.com/tastejs/todomvc,可以參考下我在這個問題下的回答:angular 和 React 想選擇一個學習,哪個比較好? - eit Maple 的回答
  • 如果想用js做一些酷酷的事情,那麼有圖像處理方面的庫,是騰訊的AlloyTeam做的AlloyImage,還有很多待完善的功能,也歡迎你做一些貢獻。傳送門在此:AlloyTeam/AlloyImage · GitHub

-----------------冒著考試掛掉的風險來補充兩個---5.26更新---------------

  • 好多回答提到的D3,確實是一個非常有名非常有名的並且十分炫酷吊炸天的JS庫,你不容錯過:mbostock/d3 · GitHub (修改:d3的fork數並不是GitHubjs庫中最多的,搞錯了)
  • 另外一個也很有意思,不過門檻略高,Three.js,是個3D庫,沒有相關領域經驗的同學,坑大慎入。先來個華華麗麗的樣例來秀一秀:How To Make The Earth In WebGL?。GitHub傳送門mrdoob/three.js · GitHub

-----------------5.30--------------------

  • 本來想在這個答案里慢慢分類總結一些,沒想到 @trigkit4 捷足先登了,那我就給他打個廣告吧,github上值得關注的前端項目。 這裡面應該總結得挺全了,足以滿足各種癖好了 ; )


推薦一個好玩的chrome extension項目吧:tw93/900Month · GitHub。

根據題目,題主是學習js的,遇到瓶頸,我覺得應該需要尋找一個前端新方面來提升學習。不建議去弄Java的項目(雖然技多不壓身),為何不去用用Angular或者React,假如想學習後台相關知識,可以去學學Nodejs,這樣當你體會到了前端新樂趣,其實技術也提升了。

當初在微博上面看到這個,恰好在學習Angular,之前也想做一個chrome extension,所以就開始做了,利用空餘時間做了幾天,代碼其實很爛,做完畢設再優化。

介紹為:The chrome-extension of 900Month is built by AngularJS.Life is only 900 months.Draw a 30×30 table on paper.Check a box every month. That"s your whole life.見圖:

論如何做一個讓文藝狗喜歡的前端項目:

  1. 界面設計簡潔,less is more的原則。
  2. 首頁得放一張意味深長的圖,加一句深情的話,讓其看著有想法。
  3. 全部用英語,加上一些簡短的句子。
  4. 上面純屬調侃。

想表達的:有新想法就去做,這樣自己也可以體會到開發的樂趣,同時學到了新知識。


說到好玩和有挑戰的前端項目,我會推薦D3。

D3 是一個知名的前端圖形引擎。

mbostock/d3 · GitHub

Gallery · mbostock/d3 Wiki · GitHub

http://bl.ocks.org/mbostock

首先效果華麗,自由度高,可以開發各種漂dan亮teng的圖表。因此好玩。

引擎和例子中都包含了很多重要演算法,API設計中隱含很好的程序設計思想。因此有挑戰。

示例簡短,文檔齊全,因此容易學習。

就它了。

學前端框架的話, https://github.com/showcases/front-end-javascript-frameworks 自己逛吧。

同推薦 tastejs/todomvc · GitHub


jformatter


其實你需要的是一個自己的博客


dypsilon/frontend-dev-bookmarks · GitHub

關於前端開發的非常贊的bookmark,比較適合新人入門


網易雲class有web developer,非常好的professional。


博客,或者很多項目糊上去。

js光憑這種拿出來就能看的活,寫的精緻點,多種pattern結合一下。

玩一點多種架構之類的~

或者玩玩hack也不錯,面試的時候如果給出意想不到的答案會有暴擊加成的喲。

我當時面試的時候幫助面我的前輩了解了一些新特性,爽爽噠~

還有別老是jQuery和bootstrap一條路玩到底。。。

展示你造輪子的能力或者駕馭不同輪子or框架的能力,都挺好。

說到底還是正確地自我營銷,只要讓他們看到你的價值就好啦~

會一點node然後寫點伺服器相關的東西,或者展示一下你的語言池,都不錯的。

我和室友們憑著刷項目和acm拿了三個阿里的實習,並且集齊了BAT和MSRA的實習offer。

我覺得主要是面試我們能對自己做過的東西侃侃而談,找到共鳴的點,就好說了。

所以我覺得你要在自己的門面上多下點功夫呀,多做一些實踐。


做一個博客

帶資料庫那種的


其實技術上大都是可以替換的,但是一個好的創意或者說是一個能讓你由心而發「卧槽」的一個想法是比較難得的,可以換個方向思考下~


推薦閱讀:

SourceForge 是如何一步一步被 GitHub 超越的?
自己在github上寫的開源項目沒有人star是怎樣的一種體驗?
github上利用jekyll搭建自己的blog的操作順序?
GitHub 中為什麼有了 Watch 又增加了一個 Star 呢?
GitHub 為什麼討人喜歡?

TAG:前端開發 | JavaScript | 開源項目 | GitHub | 前端工程師 |