Essentials of Javascript - Cultural View
Essentials of Javascript - Cultural View Essentials of Javascript - Cultural View
Comparison of JavaScript-based source code editors 77 Usability Initial parse is slow, further performance is independent of document size TODO: Other aspects new text sometimes syntax highlighted only after going out of the viewable area No PageDown/PageUp text ghosting if syntax highlight enabled • Add Amy Editor (see also embedded version [40] ) http://www.amyeditor.com/ • What size files do these editors handle best can't type Enter no documentation • Dependencies: Certain JavaScript library? How many files does it require? When compressed, what is the minimum download size in kilobytes? • Tabbed editing? • Javascript architecture (prototype, functional, or closure-based) • How responsive is each library (with and without a large file loaded)? (Not sure how to measure this yet.) • How long is the delay before syntax-highlighting occurs on new text? Extensibility features • Feature plugins • Interface languages (English, French, etc.) • Syntax highlighting plugins • Bracket completion plugins • Language snippet plugins • Code suggestion plugins Offspring projects Below is a list of projects based on each engine. CodeMirror powered • ShiftEdit Web-based IDE [41] • Google's API playground [42] • r3 [43] , a template management engine developed by Yahoo! • FireRainbow [44] - JavaScript syntax highlighting for Firebug • Freebase's Acre IDE [45] • Google Earth KML sampler [46] • Eloquent JavaScript's console [47] • A cool tutorial about the element [48] • An online IDE for the Orc programming language [49] • Kodingen - A Cloud Development Environment [50] Editor is fast and responsive even on 100k+ lines of code in a single file. Only one on a webpage.
Comparison of JavaScript-based source code editors 78 CodePress powered • Ultimate CMS Tool [51] by Martin Kirk - [Currently only Firefox is supported] • Extplorer [52] by Soeren Eberhardt • ModX CMS plugin [53] • WordPress plugin [54] • Typo 3 plugin [55] • CMS Drupal integration [56] • Codepress plugin for jQuery [57] • Ext plugin [58] EditArea powered • F->IT [59] , browser-based online JavaScript FTP client • WebDevStudio [60] - web IDE. • Django-EditArea [61] - EditArea integration into Django. MDK Editor powered • ShiftEdit Web-based IDE [41] • Mobile Development IDE [62] External links • CodeMirror vs. CodePress [63] • EditArea vs. CodePress [64] References [1] http://marijn.haverbeke.nl/codemirror/ [2] http://marijn.haverbeke.nl/codemirror/mixedtest.html [3] http://github.com/marijnh/CodeMirror [4] CodeMirror supported browsers (http://marijn.haverbeke.nl/codemirror/index.html#supported) [5] http://codepress.org [6] http://codepress.sourceforge.net/ [7] http://sourceforge.net/projects/codepress/ [8] http://code.google.com/p/codetextarea/ [9] http://www.notapad.org [10] http://www.nicolarizzo.com/gamesroom/experimental/CodeEditor.html [11] http://www.cdolivet.com/index.php?page=editArea [12] http://www.cdolivet.com/editarea/editarea/exemples/exemple_full.html [13] EditArea compatibility chart (http://www.cdolivet.com/editarea/editarea/docs/compatibility.html) [14] http://helene.muze.nl/ [15] http://helene.muze.nl/ariadne/loader.php/helene/demo/ [16] http://markitup.jaysalvat.com/home/ [17] http://markitup.jaysalvat.com/examples/ [18] (http://markitup.jaysalvat.com/home/) [19] http://robrohan.com/projects/9ne/ [20] http://gpl.internetconnection.net/vi/ [21] http://www.ymacs.org/ [22] http://www.ymacs.org/demo/ [23] http://code.ymacs.org/hgwebdir.cgi/ymacs/ [24] http://www.mdk-photo.com/editor/ [25] https://mozillalabs.com/bespin/ [26] https://bespin.mozilla.com/ [27] http://hg.mozilla.org/labs/bespinclient/
- Page 29 and 30: JavaScript syntax 26 } Math The Mat
- Page 31 and 32: JavaScript syntax 28 // ? - 0 or 1
- Page 33 and 34: JavaScript syntax 30 Operators The
- Page 35 and 36: JavaScript syntax 32 alert( Boolean
- Page 37 and 38: JavaScript syntax 34 Conditional op
- Page 39 and 40: JavaScript syntax 36 With The with
- Page 41 and 42: JavaScript syntax 38 Methods A meth
- Page 43 and 44: JavaScript syntax 40 Inheritance Ja
- Page 45 and 46: JavaScript syntax 42 See also • C
- Page 47 and 48: JavaScript Style Sheets 44 } fontSi
- Page 49 and 50: JavaScript engine 46 JavaScript eng
- Page 51 and 52: Ajax (programming) 48 Ajax (program
- Page 53 and 54: Ajax (programming) 50 • Ajax-powe
- Page 55 and 56: ?: 52 ?: In computer programming, ?
- Page 57 and 58: ?: 54 Furthermore, the ternary oper
- Page 59 and 60: ?: 56 ?: in style guidelines Some c
- Page 61 and 62: Appcelerator Titanium 58 See also
- Page 63 and 64: Bookmarklet 60 Bookmarklet A bookma
- Page 65 and 66: Bookmarklet 62 References [1] Domai
- Page 67 and 68: Client-side JavaScript 64 implement
- Page 69 and 70: Client-side JavaScript 66 Reference
- Page 71 and 72: dhtmlx [1] Comparison of JavaScript
- Page 73 and 74: ility / ion Comparison of JavaScrip
- Page 75 and 76: Comparison of JavaScript frameworks
- Page 77 and 78: Comparison of JavaScript frameworks
- Page 79: Comparison of JavaScript-based sour
- Page 83 and 84: Douglas Crockford 80 Douglas Crockf
- Page 85 and 86: DWR (Java) 82 DWR (Java) Developer(
- Page 87 and 88: EMVC 84 EMVC Developer(s) Ed Hertzo
- Page 89 and 90: Brendan Eich 86 References [1] Stev
- Page 91 and 92: JSDoc 88 JSDoc JSDoc is a syntax fo
- Page 93 and 94: JSDoc 90 History The earliest examp
- Page 95 and 96: JSSP 92 JSSP JSSP, or JavaScript Se
- Page 97 and 98: JScript 94 JScript is sometimes ref
- Page 99 and 100: JScript 96 [9] http://msdn2.microso
- Page 101 and 102: JSON 98 JSON Filename extension .js
- Page 103 and 104: JSON 100 Using JSON in Ajax The fol
- Page 105 and 106: JSON 102 /> state='NY' postalCode='
- Page 107 and 108: JSON 104 parseResponse({"Name": "Ch
- Page 109 and 110: JSON 106 [21] Ben-Kiki, Oren; Evans
- Page 111 and 112: JsonML 108 ["person", {"created":"
- Page 113 and 114: Lightbox (JavaScript) 110 Lightbox
- Page 115 and 116: Lively Kernel 112 Lively Kernel Liv
- Page 117 and 118: Lively Kernel 114 The Lively Wiki T
- Page 119 and 120: Lively Kernel 116 }); } External li
- Page 121 and 122: Minification (programming) 118 Mini
- Page 123 and 124: Objective-J 120 Objective-J Paradig
- Page 125 and 126: John Resig 122 John Resig John Resi
- Page 127 and 128: Reverse Ajax 124 External links •
- Page 129 and 130: Seed (programming) 126 Seed (progra
Comparison <strong>of</strong> JavaScript-based source code editors 78<br />
CodePress powered<br />
• Ultimate CMS Tool [51] by Martin Kirk - [Currently only Firefox is supported]<br />
• Extplorer [52] by Soeren Eberhardt<br />
• ModX CMS plugin [53]<br />
• WordPress plugin [54]<br />
• Typo 3 plugin [55]<br />
• CMS Drupal integration [56]<br />
• Codepress plugin for jQuery [57]<br />
• Ext plugin [58]<br />
EditArea powered<br />
• F->IT [59] , browser-based online JavaScript FTP client<br />
• WebDevStudio [60] - web IDE.<br />
• Django-EditArea [61] - EditArea integration into Django.<br />
MDK Editor powered<br />
• ShiftEdit Web-based IDE [41]<br />
• Mobile Development IDE [62]<br />
External links<br />
• CodeMirror vs. CodePress [63]<br />
• EditArea vs. CodePress [64]<br />
References<br />
[1] http://marijn.haverbeke.nl/codemirror/<br />
[2] http://marijn.haverbeke.nl/codemirror/mixedtest.html<br />
[3] http://github.com/marijnh/CodeMirror<br />
[4] CodeMirror supported browsers (http://marijn.haverbeke.nl/codemirror/index.html#supported)<br />
[5] http://codepress.org<br />
[6] http://codepress.sourceforge.net/<br />
[7] http://sourceforge.net/projects/codepress/<br />
[8] http://code.google.com/p/codetextarea/ [9]<br />
http://www.notapad.org<br />
[10] http://www.nicolarizzo.com/gamesroom/experimental/CodeEditor.html<br />
[11] http://www.cdolivet.com/index.php?page=editArea<br />
[12] http://www.cdolivet.com/editarea/editarea/exemples/exemple_full.html<br />
[13] EditArea compatibility chart (http://www.cdolivet.com/editarea/editarea/docs/compatibility.html)<br />
[14] http://helene.muze.nl/<br />
[15] http://helene.muze.nl/ariadne/loader.php/helene/demo/<br />
[16] http://markitup.jaysalvat.com/home/<br />
[17] http://markitup.jaysalvat.com/examples/<br />
[18] (http://markitup.jaysalvat.com/home/)<br />
[19] http://robrohan.com/projects/9ne/<br />
[20] http://gpl.internetconnection.net/vi/<br />
[21] http://www.ymacs.org/<br />
[22] http://www.ymacs.org/demo/<br />
[23] http://code.ymacs.org/hgwebdir.cgi/ymacs/<br />
[24] http://www.mdk-photo.com/editor/<br />
[25] https://mozillalabs.com/bespin/<br />
[26] https://bespin.mozilla.com/<br />
[27] http://hg.mozilla.org/labs/bespinclient/