在哪裡可以看別人寫的代碼?

作為前端的初學者,聽到,看到很多有經驗的前輩說應該多寫多練習代碼,還應該多看別人寫的代碼,這樣有助於自身的理解與學習,那麼,應該到哪裡看別人的代碼?或者說通過什麼樣的途徑學習有經驗者的代碼作品?


看別人寫代碼?你是叫我在鬥魚上面開個直播間直播么……

看別人寫代碼去 github。


您好! github對新手來說是一個跟好的學習平台,有許多著名框架的完整源代碼和大牛的賬號,對於在中國的程序員中http://coding.net是一個很好的選擇:

1 http://www.github.com

2 http://www.coding.net


倒是有直接看別人直播寫代碼的平台。Livecoding.tv


有個幾十年經驗的程序員前輩線上直播寫一個完整的遊戲,帶解說。

可以在Twitch看到直播,之前的視頻存檔在Youtube上

官網:Handmade Hero

What is Handmade Hero?

Handmade Hero is an ongoing project to create a complete, professional-quality game accompanied by videos that explain every single line of its source code.


我表示前端的代碼網頁上不是都可以看到么。。。(如果後端不開源的代碼只能把網站擼下來了/w


代碼編程視頻直播網:http://www.watchpeoplecode.com


youtube上訂閱tourist錄播寫TopCoder,這酸爽。

不過這和前端無關。。。


暫時想到:

Github (合理的使用 Advanced Code Search · GitHub 會有不小的幫助)

CodePen (代碼片段)

在此之上,看看相關論壇,多和有經驗的人交流,了解並關注一些優秀的框架,努力讀懂,感覺也是事半功倍呢。


看到好的站,F12,然後分析、看。


Ctrl+u 或者 F12


打開網頁ctrl+s然後把保存的頁面在前端軟體打開就有了 我一般都是這麼簡單粗暴的


https://www.livecoding.tv/


題主的意思是看別人寫的代碼,不是看別人寫代碼!

鑒於話題是css、js。。。的web前端開發,瀏覽器按F12或上gethub。


GitHub · Where software is built

開源中國 - 找到您想要的開源項目,分享和交流


推薦閱讀:

前端有哪些好的學習網站?
CSS布局中有什麼不好的習慣?
ECMAScript 2015 (ECMAScript 6) 發布對前端領域的影響到底有多大?
前後端分離,後台返回的數據前端沒法寫,怎麼辦?
div框中的字為什麼不會跟著div框一起浮動?

TAG:前端開發 | CSS | JavaScript | 網頁布局 | 網頁製作 |