Index: src/site/samples/websockets/index.markdown |
diff --git a/src/site/samples/websockets/index.markdown b/src/site/samples/websockets/index.markdown |
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..9b4c45951884929eb0375a99e261654990db5568 100644 |
--- a/src/site/samples/websockets/index.markdown |
+++ b/src/site/samples/websockets/index.markdown |
@@ -0,0 +1,35 @@ |
+--- |
Kathy Walrath
2013/10/23 15:41:05
In the sample index, it says websockets instead of
shailentuli
2013/10/23 17:36:57
Done.
|
+layout: default |
+title: A basic websockets example |
Kathy Walrath
2013/10/23 15:41:05
Use Title Caps
websockets -> WebSockets
shailentuli
2013/10/23 17:36:57
Done.
|
+live_example_url: example/index.html |
+ |
+header: |
+ css: ["/samples/samples.css"] |
+--- |
+ |
+## {{ page.title }} |
+ |
+A simple example of using WebSockets for communication. |
+ |
+You can learn about the basics of WebSockets by reading the |
+[Introducing WebSockets: Bringing Sockets to the Web](http://www.html5rocks.com/en/tutorials/file/filesystem/) |
+article on HTML5Rocks. |
+ |
+WebSocket is a protocol providing full-duplex communications channels over a |
+single TCP connection. |
+ |
+This example opens a WebSocket connection to an echo server |
+(`ws://echo/websocket.org`), sends data to the server, and then displays the |
+response on the web page. |
+ |
+You can open the example in Dart Editor and run it by clicking `index.html`. |
+ |
+Read the |
+[source](https://github.com/dart-lang/dart-samples/tree/master/web/html5/websockets/basics). |
+ |
+<iframe class="running-app-frame" |
+ style="height:500px;width:100%;" |
+ src="{{page.live_example_url}}"> |
+</iframe> |
+ |
+See all [samples](/samples/). |