前端的案例/項目應當存放在那？ GitHub？沒問題,但是最為一個專業前端人員,如果你還沒有用過 CodePen，是時候去了解一下了。
官方站點連接[https://codepen.io/]
前端學習去哪里?看傳統的視頻?太無趣了,不妨看看Scrimba吧
Scrimba鏈接[https://scrimba.com/]
CodePen 是一個完全免費的前端代碼托管服務。
與 GitHub Pages 相比，它最重要的優勢有： 即時預覽。你甚至可以本地修改並即時預覽別人的作品。 支持多種主流預處理器。你從不需要手寫生產級別的代碼，無論是 Jade 、 LESS 、 Sass ，還是 CoffeeScript 、 es6+（ Babel ），都能盡情使用。
快速添加外部資源文件。只需在輸入框里輸入庫名， CodePen 就會從 cdnjs 上尋找匹配的 css 或 js 庫。 免費用戶支持創建三個模板，不是每個作品都需要從白板開始。
優秀的外嵌體驗，且支持 oEmbed 。在 WordPress 或 Reddit 等支持 oEmbed 的平台上，只要簡單地把鏈接貼入編輯框，發布后會自動轉為嵌入作品。
當然，它不是 Git ，不能記錄提交歷史。不過有 fork 功能，通常出於“備份他人優秀作品，防止未來該作品消失了或者變了樣子”的目的而使用。
如何上首頁 上首頁是提高作品曝光率的最有效途徑。一般來說，上過首頁的作品的訪問量通常比其它的高出一兩個數量級，這從我的主頁能看出一些端倪。那么如何上首頁？很簡單，要做的僅僅是把作品轉發到 twitter ，並 @CodePen 即可。如果作品符合 CodePen 團隊的胃口，他們會將作品放入隊列中，等幾小時就能在首頁看到你的作品了。 什么樣的作品符合 CodePen 團隊的胃口？他們在文檔里這樣說道： 這沒有特定的規律可循，我們只是選我們喜歡的。我們認為有趣的、不尋常的、好看的作品。 被挑選的作品往往有着不錯的視覺體現。假如你寫了自古以來最精明的 JavaScript 排序算法，然而頁面一片空白，那我們可能不會看上它，因為白板在首頁區域實在不好看。不過假如你把它寫成文章（ Post ），那就另當別論了。
note:
在 CodePen 上發布的公開作品均使用 MIT 開源協議。
CodePen 團隊目前只有八個人，完全稱得上小而精。
許多國內網站從CodePen上獲得靈感!
也是偶然從comehope老師專欄那發現的,大家可以在Scrimba上follow一波,個人挺欣賞老師的設計美感的.
關於Scrimba,它不同於傳統的視頻教學,除了評論就什么也不能做,Scrimba不同,它是音頻+編碼回放的形式展現,用戶能隨時暫停,除了編輯同時可以在形似Siri窗口查看視圖.
總之是非常有創意的編程教學網站,新手去學習,大佬去找靈感!
