10個面向開發人員的線上編程網站，面向開發人員編程

10個面向開發人員的線上編程網站，面向開發人員編程

文章翻譯自：http://dizyne.net/10-coding-playgrounds-for-developers/

圖片均出自原文

在過去的幾年裡，在互連網上出現了許多為開發人員提供的線上編程網站（Coding playgrounds）。這不是一件壞事情，畢竟，如果只有一個編程網站的話，開發人員們遲早會膩的。在這些網站上，你在網頁上編寫代碼，可以即時地看到效果。你可以編輯所有的東西並預覽其效果。當然，這些網站最適合編寫HTML，CSS和JavaScript代碼了。最贊的地方在於他們大多都是免費的，你可以很容易地與別人分享你的編程現場，這很適合於團隊工作和創新想法的交流。

如果你深入地想想這種編程模式的話，你就會發現這種模式對於項目合作很有協助。而且如果你使用得當的話，你會收穫很多。如果你在Coding 的時候發現你遇到問題了，你可以找你的朋友來跟你一起來玩，說不定問題很快就解決了。因此我們想給你推薦10個線上編程網站，去試試這些個工具，然後告訴我們你的感覺如何，隨時歡迎你的評論！

你或許也對CSS Code Snippets 和Javascript Resources and Tools感興趣。

Codepen 

這個工具寫前端代碼最合適了，其包括了教學，分享和設計構想的方方面面。這個網站提供了許多實用的功能，比如說分享代碼，內嵌程式碼片等。我們建議你邊開發項目邊使用Codepen來進行測試。

JSFiddle

這是一個shell 編輯器，而且因為可以使用JS庫來編寫用戶端介面，所以用JSFiddle編寫JS代碼將會特別舒服。現在你就可以選擇一些JS庫來開始你的代碼之旅。我覺得這或許是最好、最完美的JS研發、測試和分享平台了。

JS Bin

這是為那些想要測試CSS和Javascript程式碼片段的開發人員設計的網站，你還可以去這裡調試代碼。如果對自己的代碼很滿意的話，你可以儲存自己的項目並分享給朋友。

CSSDeck

這是一個線上的CSS沙箱軟體，你可以快速地測試你的CSS代碼片，並能感受到完成作品所帶來的成就感。這個工具還可以顯示程式碼數，並且有文法高亮。最贊的特性是可以你可以把代碼分享給任何人，可以是你的朋友或其他的人。

Dabblet

如果你想快速地測試你的HTML和CSS代碼片的話，那麼這個工具將是你的不二選擇。該軟體實現了Prefix-free 理念來簡化開發人員的工作，Prefix-free就是開發人員勿需寫CSS 首碼，由軟體來自動完成。你還可以將你的代碼儲存到Github上和朋友或別人來分享你的作品。當下該工具只支援Google Chrome，Safari和Firefox，但很明顯你很少用別的瀏覽器對吧？

Liveweave

如果你是一個Web設計人員或開發人員，那麼這個工具會很適合你，該工具支援HTML5和CSS3，當然還支援JavaScript。你可以用它來測試你的作品或工具。遇到問題了你可以和朋友一起來Coding一起來解決問題，寫出了很酷炫的代碼，你也可以炫耀一番。值得一提的是，該工具還有代碼智能提示哦。

Google‘s Code Playground

當所有人都來參與線上編程的時候，我們知道Google肯定也會來分一杯羹的。 GoogleCode Playground是一個基於web的工具，旨在讓開發人員來更方便地使用Google提供的API介面。你可以修改代碼然後查看結果。這個工具可以讓你查看任何的代碼而無需開啟一個外部編輯器。它還為開發人員提供了預設的API，你只需要選擇你想用的就可以了。

Editr

這是一個相對簡單的工具，你甚至可以在自己的伺服器上搭建該工具。該工具基於ACE編輯器，搭建起來非常簡單，支援水平、垂直和單一3種視圖。前兩種視圖用於線上編程，後一種用於展示你的作品。該工具遵循MIT License，所以我敢保證用起來絕對很爽。另外，Editr 設計簡潔美觀，絕對會招你青睞的。

D3 Playground

這個工具是為了更全面地支援D3.js庫而設計的，所有改變將即時地反映到輸出中。 當下CSS的角色已經舉足輕重，所以CSS代碼已經是Web開發中不可或缺的 一部分，幸運的是，該工具內嵌了CSS編輯環境，你可以輕鬆地編寫CSS代碼。

HTML5 Playground

這個工具提供了很多代碼和工具庫供開發人員學習和使用，當然很多是關於HTML5的有趣的新特性的，比如說是audio標籤，互動式form等。當然，還有很多的element，比如說range，date input，甚至還有郵件地址格式的自動檢查。這個工具很有前景，而且肯定能在工作中給你很多協助。

面向介面編程，具體怎操作？

。。有沒有搞錯，說這麼的複雜
介面（interface）只包含了函數（JAVA中叫方法）定義，它必須被實現，說白了他起到了技術規範的作用。
公司給你提供介面檔案，你去按照介面來實現。下面我用JAVA去說明一下

下面是一個使用者介面檔案UserDao

public interface UserDAO {

/**
* 擷取使用者總數.
*
* @return 使用者總數.
*/

public int getCount();
/**
* 擷取使用者總數.
*
* @param suser
* 註冊使用者名稱(精確查) (null:表無此條件).
* @param sname
* 使用者姓名(模糊查) (null:表無此條件).
* @param nlevel
* 使用者層級(1 5 9) (-1:表無此條件).
* @param slock
* 是否凍解(0 1) (null:表無此條件).
* @return 使用者總數.
*/
public int getCount(String suser, String sname, int nlevel, String slock);
｝

此介面聲明了 擷取使用者數 方法的2種重載方法。
介面必須被實現
因此，程式員實際上做的就是實現了這個介面的一個執行個體

public class UserDAOImpl implements UserDAO {

public int getCount() {
//下面的內容就是程式員要根據介面來編寫的了

}
public int getCount(String suser, String sname, int nlevel, String slock) {
//程式員編寫程式來實現這個方法
}

這個就是所謂的面向InterFace，就跟學校裡面規定你做作業的格式一樣，是一套限定你編寫程式的技術規範
 
一個專門開發遊戲的編程網站

www.gameres.com/國內
www.gamedev.net國外