Essentials of Javascript - Cultural View

More documents

Recommendations

Info

John Resig 123 External links • John Resig - About Me [10] • John Resig: JavaScript's Chuck Norris [11] References [1] http://ejohn.org [2] http://ejohn.org/blog/ [3] http://www.infoworld.com/article/07/10/04/Code-library-aims-to-fuel-easier-JavaScript-handling_1.html [4] http://www.rit.edu/alumni/ihf/inductee.php?inductee=10 [5] http://ejohn.org/blog/tags/extensions/ [6] http://ejohn.org/blog/new-processingjs-and-sizzlejs-sites/ [7] http://www.webpronews.com/topnews/2005/07/11/google-maps-address-hack [8] http://www.ejohn.org/blog/ [9] http://twitter.com/jeresig/statuses/1090013257 [10] http://ejohn.org/about/ [11] http://benalman.com/news/2009/12/john-resig-javascripts-chuck-norris/ • Presentation on JavaScript & jQuery @ NEU ACM (http://video.google.com/ videoplay?docid=-7485992465859932389) Reverse Ajax Reverse Ajax refers to an Ajax design pattern that uses long-lived HTTP connections to enable low-latency communication between a web server and a browser. Basically it is a way of sending data from client to server and a [1] [2] mechanism for pushing server data back to the browser. This server–client communication takes one of two forms: • Client polling: the client repeatedly queries (polls) the server and waits for an answer. • Server pushing: a connection between a server and client is kept open and the server sends data when available. Reverse Ajax describes the implementation of either of these models, or a combination of both. The design pattern is also known as Ajax Push, Full Duplex Ajax and Streaming Ajax. Examples The following is a simple example. Imagine we have 2 clients and 1 server, and client1 wants to send the message "hello" to every other client. With traditional Ajax (polling): • client1 sends the message "hello" • server receives the message "hello" • client2 polls the server • client2 receives the message "hello" • client1 polls the server • client1 receives the message "hello" With reverse Ajax (pushing): • client1 sends the message "hello" • server receives the message "hello" • server sends the message "hello" to all clients Less traffic is generated with Reverse Ajax and messages are transferred with less delay (low-latency).
Reverse Ajax 124 External links • The Slow Load Technique/Reverse AJAX - Simulating Server Push in a Standard Web Browser [3] • Exploring Reverse Ajax [4] • Reverse Ajax with DWR (an Java Ajax framework) [5] • Changing the Web Paradigm - Moving from traditional Web applications to Streaming-AJAX [6] References [1] Crane, Dave; McCarthy, Phil (July 2008) (in English). Comet and Reverse Ajax: The Next Generation Ajax 2.0. Apress. ISBN 1590599985. [2] Martin, Katherine (2007-03-22). "Developing Applications using Reverse Ajax" (http://today.java.net/pub/a/today/2007/03/22/ developing-applications-using-reverse-ajax.html). java.net, O'Reilly and CollabNet. . [3] http://www.obviously.com/tech_tips/slow_load_technique [4] http://gmapsdotnetcontrol.blogspot.com/2006/08/exploring-reverse-ajax-ajax.html [5] http://ajaxian.com/archives/reverse-ajax-with-dwr [6] http://www.lightstreamer.com/Lightstreamer_Paradigm.pdf Rico (Ajax) Rico is an open source JavaScript library for developing rich Internet applications (RIAs) that use Ajax. [1] Rico uses the Prototype Javascript Framework and JSON libraries. Features • LiveGrid - One of Rico's best known features is its LiveGrid. • Animation Effects - Rico 2.0 provides responsive animation for smooth effects and transitions that that can communicate change in richer ways than traditional web applications have explored before. Unlike most effects, Rico 2.0 animation can be interrupted, paused, resumed, or have other effects applied to it to enable responsive interaction that the user does not have to wait on. • Behaviors - Rico can be used to create components that behave similar to those found in Adobe Flex and OpenLaszlo. • Styling - Rico provides several cinematic effects as well as some simple visual style effects in a very simple interface. • Drag and Drop - Rico provides a simple interface for enabling web application to support drag and drop. • Ajax Support - Because Rico uses the Prototype library, which contains classes for using Ajax, Rico provides a very simple interface for registering Ajax request handlers as well as HTML elements or JavaScript objects as Ajax response objects. Multiple elements and/or objects may be updated as the result of one Ajax request.
Page 1 and 2:
Essentials of Javascript Visit the
Page 3 and 4:
John Resig 122 Reverse Ajax 123 Ric
Page 5 and 6:
JavaScript 2 History Anyway I know
Page 7 and 8:
JavaScript 4 Prototype-based protot
Page 9 and 10:
JavaScript 6 LCMCalculator.prototyp
Page 11 and 12:
JavaScript 8 Example - use in web p
Page 13 and 14:
JavaScript 10 request that might ha
Page 15 and 16:
JavaScript 12 Application platform
Page 17 and 18:
JavaScript 14 See also • Client-s
Page 19 and 20:
JavaScript 16 [25] Robert Nyman, Ge
Page 21 and 22:
JavaScript syntax 18 JavaScript syn
Page 23 and 24:
JavaScript syntax 20 Primitive data
Page 25 and 26:
JavaScript syntax 22 String A Strin
Page 27 and 28:
JavaScript syntax 24 Native Objects
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 and 80: Comparison of JavaScript-based sour
Page 81 and 82: 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: John Resig 122 John Resig John Resi
Page 129 and 130: Seed (programming) 126 Seed (progra
Page 131 and 132: Seed (programming) 128 See also •
Page 133 and 134: Comparison of Server-side JavaScrip
Page 139 and 140: SproutCore 136 • Tasks. Tasks man
Page 141 and 142: Unobtrusive JavaScript 138 }); Beca
Page 143 and 144: Venkman 140 External links • Venk
Page 145 and 146: XMLHttpRequest 142 Microsoft added
Page 147 and 148: XMLHttpRequest 144 The send method
Page 149 and 150: XMLHttpRequest 146 [21] "Specificat
Page 151 and 152: Article Sources and Contributors 14
Page 153 and 154: Article Sources and Contributors 15
Page 155: License 152 License Creative Common
show all

Essentials of Javascript - Cultural View

Create successful ePaper yourself

Delete template?

Save as template?