Upgrade to Pro — share decks privately, control downloads, hide ads and more …

DocumentUp @ JSMontreal

C96dbcc746d551ea0665da4a23536280?s=47 jeromegn
February 15, 2012
Programming
1
120

DocumentUp @ JSMontreal

C96dbcc746d551ea0665da4a23536280?s=128

jeromegn

February 15, 2012
Tweet

More Decks by jeromegn

See All by jeromegn
C96dbcc746d551ea0665da4a23536280?s=48 jeromegn
1
67

Other Decks in Programming

See All in Programming
C766fe58109bc3750d333f4835ba43c2?s=48 emberconf
0
130
438799c739f93d00abc30fa2da33c543?s=48 rukiadia
1
780
325afd2c9db540c83485f509f2845acb?s=48 hiro_y
1
440
E505897a79eede1a676f92740261e8f8?s=48 kubode
1
170
4ab3fec3e82ddb19bcadd93ef909a443?s=48 syucream
4
1.4k
0063efb4c7066273b877fdabcdcd15b3?s=48 dora1998
0
160
0ed10d1154c696886ca483fe827cb299?s=48 thatjeffsmith
0
590
5c588fdfe782f92fa6b081903edd82bb?s=48 hr01
0
1.9k
Ebc0665c43d158c6e6450c7bd2de2fe0?s=48 ottijp
0
170
C90bac78c0fb61105cfd8239767f903d?s=48 o0h
PRO
3
1.5k
6dc67d02d6b322ee317cece9b045317d?s=48 kalupas226
0
130
Ba0adbbfa699d09f6ee7b4402e4dcf9f?s=48 kulkarniankita09
0
260

Featured

See All Featured
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
8
590
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
157
6.5k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
8
780
78b475797a14c84799063c7cd073962f?s=48 holman
288
130k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
252
19k
245cee81a9c424266e5e401d844ea881?s=48 lara
172
9.7k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
330
15k
282d599b414022eba5096510f675b6e2?s=48 chrislema
173
14k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
233
880k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
128
20k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
220
120k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
81
3.4k

Transcript

  1. Instant documentation for your markdown

  2. @jeromegn • Web Developer at DemandForce • Creator of Backbone

    Todos • Jack of all trades

  3. Quick demo

  4. Why?

  5. Usage DocumentUp.document({ repo: "jeromegn/documentup", name: "DocumentUp", twitter: [ "jeromegn", "DocumentUp"

    ] });

  6. Two versions

  7. Version 1: All front-end

  8. Ender.js

  9. Assemble your own framework

  10. Bonzo: DOM Qwery: Selectors Bean: DOM Events Reqwest: AJAX Components

  11. npm install -g ender ender build bonzo qwery reqwest bean

  12. Github (JSONP) API

  13. marked.js is fast

  14. localStorage as a cache

  15. window.localStorage.setItem(“username/repository”, html) window.localStorage.getItem(“username/repository”)

  16. Version 2: All back-end

  17. Hosted

  18. Config documentup.json

  19. Post-Receive Hook

  20. On-demand

  21. POST curl -X POST --data-urlencode content@README.md \ http://documentup.com/compiled > index.html

    && open index.html

  22. JSONP $.ajax({ url: "http://documentup.com/compiled", dataType: "jsonp", data: { content: "#

    test", name: "Test JSONP!" }, success: function(resp){ // `status` is always provided if (resp.status == 200) { // Write to your document document.open(); document.write(resp.html); document.close(); } } });

  23. gh-pages <!DOCTYPE html> <html> <head> <script src="documentup.min.js"></script> <script> DocumentUp.document("username/repository"); </script>

    </head> <body></body> </html>

  24. 200 KB+ to 0.5 KB

  25. Open source jeromegn/DocumentUp

  26. Thank you