Paul at 14:41, 1 April 2017

2017-04-01T14:41:53Z

Paul: /* JavaScript */

2016-03-19T01:05:20Z

‎JavaScript

Paul: /* the Language */

2016-03-08T02:26:13Z

‎the Language

Paul: /* See also */

2016-03-08T02:10:12Z

‎See also

Paul: /* See also */

2016-03-04T01:46:53Z

‎See also

Paul: /* JavaScript */

2016-03-04T00:48:30Z

‎JavaScript

Paul: Created page with "= JavaScript = ''by paul.plaquette, Senior Software Engineer, Trilda Open Source'' '''NeXT Steps:''' more to come : JavaScript Patterns have to be created, on a one page pe..."

2016-03-03T01:34:05Z

Created page with "= JavaScript = ''by paul.plaquette, Senior Software Engineer, Trilda Open Source'' '''NeXT Steps:''' more to come : JavaScript Patterns have to be created, on a one page pe..."

New page

= JavaScript =

''by paul.plaquette, Senior Software Engineer, Trilda Open Source''

'''NeXT Steps:'''
more to come : JavaScript Patterns have to be created, on a one page per pattern basis (unless they could be gathered per family e.g. creation patterns etc...)

'''''Everything You Always Wanted to Know About JavaScript... (But Were Afraid to Ask)''''' B)

<<TableOfContents(4)>>

== See also ==
* [[HTML5 | HTML5]]
* [[JavaScript]]
* [[Much_more_JavaScript_FrameWorks | More JavaScript Frameworks]]
* [[CSS3]]
* [[WebTechnologiesRef | Web Technologies Reference]]
* [[WebAPIs | Web APIs]]
* [[WebTools | Web Tools]]
* [[WebComputing | Web Computing]]

== JavaScript, the Language ==

=== the Language ===

* its syntax is very similar to C/C++ or Java
* blocks of code identified with {} in above languages are actually associated to functions in JavaScript
* it is an object oriented language
* everything is an object
* an object can be thought as an associative, hash coded dynamic array, (key , values)*n
* it is a functional language
* functions are first class objects
* they can own properties as any objects
* they can be handled as any other objects as , returned values of a function, as parameters to a function etc...
* variable declarations or variable visibility are associated to functions and more specifically to closures
* closures are objects associated with functions once they are created as dynamic object
* closures can stored data associated with a function

=== a few links ===

* http://en.wikipedia.org/wiki/JavaScript
* http://fr.wikipedia.org/wiki/ECMAScript

* https://developer.mozilla.org/en-US/docs/JavaScript
* https://developer.mozilla.org/en/JavaScript/Guide
* http://en.wikipedia.org/wiki/Client-side_JavaScript
* https://developer.mozilla.org/en/JavaScript_technologies_overview
* https://developer.mozilla.org/en/JavaScript/Guide
* https://developer.mozilla.org/en/JavaScript/Reference
* https://developer.mozilla.org/en/JavaScript/Language_Resources
* http://userscripts.org/

=== alternatives & extensions ===

* http://javascriptweblog.wordpress.com/2010/07/26/no-more-ifs-alternatives-to-statement-branching-in-javascript/
* http://en.wikipedia.org/wiki/Trans-compiled

* Narrative.js
http://www.neilmix.com/narrativejs/doc/

* Processing.js
http://en.wikipedia.org/wiki/Processing.js

http://processingjs.org/

* Coffee Script: CoffeeScript to JavaScript
http://coffeescript.org/

* oMeta:
http://tinlizzie.org/ometa/

* tiscript:
http://code.google.com/p/tiscript/

* Haxe:
http://en.wikipedia.org/wiki/Haxe

http://haxe.org/

* Objective-J, Objective c to JavaScript
http://en.wikipedia.org/wiki/Objective-J

* Parenscript: Common list to JavaScript
http://common-lisp.net/project/parenscript/

* Emscripten: C/C++ to JavaScript
https://github.com/kripken/emscripten/wiki

http://en.wikipedia.org/wiki/Emscripten

https://github.com/kripken/emscripten

http://kripken.github.com/llvm.js/demo.html

* LLVM, LLVM.js
http://llvm.org/

https://github.com/kripken/llvm-js

http://kripken.github.com/llvm.js/demo.html

* Fantom:
http://en.wikipedia.org/wiki/Fantom_(programming_language)

http://fantom.org/

* Type Script:
http://en.wikipedia.org/wiki/TypeScript

http://www.typescriptlang.org/

http://typescript.codeplex.com/

* Opa:
http://en.wikipedia.org/wiki/Opa_(programming_language)

http://opalang.org/

* Google Dart:
http://www.dartlang.org/

http://code.google.com/p/dart/

http://en.wikipedia.org/wiki/Dart_(programming_language)

* Mozilla LLJS, Low Level, JavaScript

http://lljs.org/

* Google Web Toolkit
http://en.wikipedia.org/wiki/Google_Web_Toolkit

https://developers.google.com/web-toolkit/

== JavaScript, Tools ==

also check embedded tools within Web Browsers Chrome, Safari , Firefox, Opera

=== Building ===
* Ant: http://ant.apache.org/
* Rake: http://rake.rubyforge.org/

=== Code Static Analysis ===
* JSLint: http://www.JSLint.com , '''''[[https://github.com/douglascrockford/JSLint | JSLint on github]]'''''
Comes from the book: ''JavaScript: The Good Parts, o'reilly, by Douglas Crockford''

Douglas Crockford is a Senior JavaScript Architect at Yahoo, JSON introducer and maintener

* JSHint: http://www.jshint.com/ , '''''[[ https://github.com/jshint/jshint/ | JSHint on github]]'''''
the open source version for JSLint

=== JavaScript Engines ===

* http://en.wikipedia.org/wiki/Presto_(layout_engine)#ECMAScript_engines
* http://en.wikipedia.org/wiki/JavaScript_engine
* http://en.wikipedia.org/wiki/SpiderMonkey_(JavaScript_engine)
* http://en.wikipedia.org/wiki/Tamarin_(JavaScript_engine)
* http://en.wikipedia.org/wiki/KJS_(KDE)
* http://en.wikipedia.org/wiki/Narcissus_(JavaScript_engine)
* http://en.wikipedia.org/wiki/V8_(JavaScript_engine)
* http://en.wikipedia.org/wiki/Rhino_(JavaScript_engine)
* http://en.wikipedia.org/wiki/JScript
* http://en.wikipedia.org/wiki/Chakra_(JavaScript_engine)
* http://en.wikipedia.org/wiki/Nashorn_(JavaScript_engine)
* http://en.wikipedia.org/wiki/WebKit#JavaScriptCore

* http://code.google.com/p/v8-juice/
* https://github.com/mozilla/narcissus/
* https://developer.mozilla.org/en-US/docs/SpiderMonkey
* https://developer.mozilla.org/en-US/docs/Rhino

=== Debuggers ===
* Firebug: http://www.getfirebug.com/

=== Profiling ===
* Page-Speed: http://code.google.com/speed/page-speed/
* YUI Profiler: http://developer.yahoo.com/yui/profiler/
* YSlow: http://developer.yahoo.com/yslow/
* Benchmarking JavaScript : http://benchmarkjs.com/

=== Minimizing ===
Minimizing JavaScript Source Code consist to remove comments, spaces, carriage return and/or Line Feed char in order to reduce the size of the source code.

The goal is to reduce the source code size in order to reduce downloading time and web page load time by having less bytes.

Several minimizing tools are also changing variables and functions names to reduce identifier size, contributing to give the source code much less human readable.

However, ''minifying'' is not ''obfuscating'' the source code and does not protect intellectual property.

* JSMin: http://www.crockford.com/javascript/jsmin.html
* Closure Compiler: http://code.google.com/closure/compiler/
* YUI Compressor: http://developer.yahoo.com/yui/compressor/

=== Parallelizing ===
* http://smallcultfollowing.com/babysteps/blog/2013/03/20/parallel-js-lands/
* http://smallcultfollowing.com/babysteps/blog/2013/03/20/a-tour-of-the-parallel-js-implementation/
* https://blog.mozilla.org/luke/2013/03/21/asm-js-in-firefox-nightly/
* http://www.2ality.com/2013/03/parallel-js.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+2ality+%282ality+%E2%80%93+technology%2C+life%29
* http://asmjs.org/
* http://asmjs.org/spec/latest/
* http://programmers.stackexchange.com/questions/193170/what-is-asm-js-and-what-does-it-mean-for-everyone
* http://badassjs.com/post/43420901994/asm-js-a-low-level-highly-optimizable-subset-of

== JavaScript, Tutorials ==

== JavaScript, Frameworks ==

* Alice.js: http://blackberry.github.com/Alice/
* Box2d : http://box2d-js.sourceforge.net/
* cocos2d : http://cocos2d-javascript.org/
* Javascript 2D Game Engine : http://www.lukewallin.co.uk/?go=engine

* Node.js :
* http://en.wikipedia.org/wiki/Node.js
* http://nodejs.org/

* jQuery : http://jquery.com/
* jQuery UI : http://jqueryui.com/
* jQuery Mobile : http://jquerymobile.com/

* Tweeter BootStrap :
* Wink Toolkit : http://www.winktoolkit.org/
* WebOS Enyo.js : http://enyojs.com/

[[Much_more_JavaScript_FrameWorks]]

== HTML5/CSS3/JS Frameworks Snippets ==
* JSFiddle: http://jsfiddle.net/
* JSBin: http://jsbin.com/
* jsPerf: http://jsperf.com/

== JavaScript, GuideLines, Best Practices, Advices ==

== JavaScript Coding Conventions ==

== JavaScript Naming Conventions ==

== JavaScript Writing Comments And API Doc ==

=== Writing Comments ===

=== Writing APIs Doc ===

== JavaScript, Design Patterns Catalog ==

DesignPatterns

..about things , we should use, reuse, abuse...

''books used''
* ''JavaScript Patterns, Stoyan Stephanov, O'' ' ''Reilly, September 28, 2010''
* ''Object Oriented JavaScript:…, Stoyan Stefanov, PACKT, July 24, 2008''
* ''Pro JavaScript Design Patterns, Ross Harmes, Dustin Diaz, APress, December 17, 2007 ''
* ''Hight Performance JavaScript,Nicholas C. Zakas, O'Reilly, March 30 2010''
* ''Secrets of JavaScript Ninja, John Resig, Bear Bibeault, Manning Publications, March 28, 2012 (pre edition free on the web)''

''web site:''
'' ''

=== JavaScript Coding Patterns Catalog ===

* ''' Good Practices '''
* [[MinimizingGlobals | Minimizing Globals]]
* [[ProblemsWithGlobals | Problems with Globals]]
* [[GlobalVariablesAccess | Global Variables Access]]
* [[SingleVarJSPattern | Single Var JS Pattern]]
* [[HoistingJSPattern | Hoisting JS Pattern]]
* [[ForLoops | For Loops]]
* [[ForInloops | For In loops]]
* [[CallbackJSPattern | Callback JS Pattern]]
* [[NotAugmentingBuiltInPrototypes | (Not) Augmenting Built-in Prototypes]]
* [[SwitchJSPatterns | Switch JS Patterns]]
* [[ImpliedTypeCasting | Implied Type Casting]]
* [[AvoidingEval | Avoiding eval()]]
* [[NumberConversionWithParseInt | Number Conversion with parseInt()]]
* [[Conditionals | Conditionals]]
* [[ArrayLitteralJSPattern | Array Litteral JS Pattern]]

* ''' Coding Patterns '''
* [[ReturningFunctionsJSPattern | Returning Functions JS Pattern]]
* [[SelfDefiningFunctionsJSPattern | Self-Defining Functions JS Pattern]]
* [[ImmediateFunctionsJSPattern | Immediate Functions JS Pattern]]
* [[ImmediateObjectInitializationJSPattern | Immediate object initialization JS Pattern]]
* [[InitTimeBranchingJSPattern | Init Time Branching JS Pattern]]
* [[LazyJSDefinitionJSPattern | Lazy Definition JS Pattern]]
* [[MemoizationJSPattern | Memoization JS Pattern]]
* [[ConfigurationObjectJSPattern | Configuration Object JS Pattern]]
* [[CurryJSPattern | Curry JS Pattern]]
* [[PrimitivesWrappersJSPattern | Primitives Wrappers JS Pattern]]

* ''' Object Creation Patterns '''
* [[NamespaceJSPattern | Namespace JS Pattern]]
* [[DeclaringDependenciesJSPattern | Declaring Dependencies JS Pattern]]
* [[PrivatePropertiesAndMethodsJSPattern | Private Properties and Methods JS Pattern]]
* [[PrivilegedMethodsJSPattern | Privileged Methods JS Pattern]]
* [[EnforcingNewJSPattern | Enforcing New JS Pattern]]
* [[ModuleJSPattern | Module JS Pattern]]
* [[RevealingModuleJSPattern | Revealing Module JS Pattern]]
* [[SandboxJSPattern | Sandbox Pattern]]
* [[ObjectConstantsJSPattern | Object Constants JS Pattern]]
* [[ChainingJSPattern | Chaining JS Pattern]]
* [[MethodMethodJSPattern | method()Method JS Pattern]]

* ''' Code reuse Patterns '''
* [[ClassicalInheritanceJSPattern | Classical Inheritance JS Pattern]]
* [[ModernInheritanceJSPattern | Modern Inheritance JS Pattern]]
* [[DefaultCodeReuseJSPattern | Default Code Reuse JS Pattern]]
* [[RentAConstructorReuseJSPattern | Rent-A-Constructor Reuse JS Pattern]]
* [[RentAndSetPrototypeReuseJSPattern | Rent And Set Prototype Reuse JS Pattern]]
* [[ShareThePrototypeReuseJSPattern | Share The prototype Reuse JS Pattern]]
* [[ATemporaryConstructorReuseJSPattern | A Temporary Constructor Reuse JS Pattern]]
* [[KlassJSPattern | Klass JS Pattern]]
* [[PrototypalInheritanceJSPattern | Prototypal Inheritance JS Pattern]]
* [[MixInJSPattern | Mix-in Pattern]]
* [[BorrowingMethodsJSPattern | Borrowing Methods JS Pattern]]

* [[InterfaceEmulationJSPattern | Interface Emulation JS Pattern]]
* [[SeparatingBehaviorJSPattern | Separating Behavior JS Pattern]]
* [[RegularExpressionLiteral | Regular Expression Literal]]
* [[WorkingWithJSON | Working with JSON]]

=== JavaScript Design Patterns Catalog ===

* '''Creational Patterns'''
* [[FactoryJSPattern | Factory JS Pattern]]
* [[BuilderJSPattern | Builder JS Pattern]]
* [[FactoryMethodJSPattern | Factory Method JS Pattern]]
* [[PrototypeJSPattern | Prototype JS Pattern]]
* [[SingletonJSPattern | Singleton JS Pattern]]

* '''Structural Patterns'''
* [[AdapterJSPattern | Adapter JS Pattern]]
* [[BridgeJSPattern | Bridge JS Pattern]]
* [[CompositeJSPattern | Composite JS Pattern]]
* [[DecoratorJSPattern | Decorator JS Pattern]]
* [[FaçadeJSPattern | Façade JS Pattern]]
* [[FlyweightJSPattern | Flyweight JS Pattern]]
* [[ProxyJSPattern | Proxy JS Pattern]]
* [[WrapperJSPattern | Wrapper JS Pattern]]

* '''Behavioral Patterns'''
* [[ChainOfResponsibilityJSPattern | Chain Of Responsibility JS Pattern]]
* [[ChainingJSPattern | Chaining JS Pattern]]
* [[CommandJSPattern | Command JS pattern]]
* [[InterpreterJSPattern | Interpreter JS Pattern]]
* [[IteratorJSPattern | Iterator JS Pattern]]
* [[MediatorJSPattern | Mediator JS Pattern]]
* [[MementoJSPattern | Memento JS Pattern]]
* [[ObserverJSPattern | Observer JS Pattern]]
* [[StateJSPattern | State JS Pattern]]
* [[StrategyJSPattern | Strategy JS Pattern]]
* [[TemplateMethodJSPattern | Template Method JS Pattern]]
* [[VisitorJSPattern | Visitor JS Pattern]]

* '''Pattern Oriented Software Architectures'''
* [[LayersJSPattern | Layers JS Pattern]]
* [[PipesAndFiltersJSPattern | Pipes And Filters JS Pattern]]
* [[BlackboardJSPattern | Blackboard JS Pattern]]
* [[BrokerJSPattern | Broker JS Pattern]]
* [[ModelViewControllerJS attern | Model-View-Controller JS Pattern]]
* [[PresentationAbstractionControlJSPattern | Presentation-Abstraction-Control JS Pattern]]
* [[MicrokernelJSPattern | Microkernel JS Pattern]]
* [[ReflectionJSPattern | Reflection JS Pattern]]
* [[WholePartJSPattern | Whole-Part JS Pattern]]
* [[MasterSlaveJSPattern | Master-Slave JS Pattern]]
* [[ProxyJSPattern | Proxy JS Pattern]]
* [[CommandProcessorJSPattern | Command Processor JS Pattern]]
* [[ViewHandlerJSPattern | View Handler JS Pattern]]
* [[ForwarderReceiverJSPattern | Forwarder-Receiver JS Pattern]]
* [[ClientDispatcherServerJSPattern | Client-Dispatcher-Server JS Pattern]]
* [[PublisherSubscriberJSPattern | Publisher-Subscriber JS Pattern]]

=== JavaScript DOM and Browser Design Patterns ===
* [[DOMScriptingJSPattern | DOM Scripting JS Pattern]]
* [[EventsJSPattern | Events JS Pattern]]
* [[RemoteScriptingJSPattern | Remote Scripting JS Pattern]]
* [[RemoteScriptingJSPattern | Remote Scripting JS Pattern]]
* '''Deploying JavaScript Patterns'''
* [[Combining Scripts JSPattern | Combining Scripts JS Pattern]]
* [[MinifyingAndCompressingJSPattern | Minifying And Compressing JS Pattern]]
* [[ExpiresHeaderJSPattern | Expires Header JS Pattern]]
* [[UsingACDNJSPattern | Using a CDN JS Pattern]]
* '''Loading Strategies JS Patterns'''
* [[PlaceOf<script>elementJSPattern | Place of <script> element Pattern]]
* [[HTTPChunkingJSPattern | HTTP Chunking JS Pattern]]
* [[Dynamic<script>elementforNonBlockingDownloadsJSPattern | Dynamic <script> element for Non-blocking Downloads JS Pattern]]
* [[LazyLoadingJSPattern | Lazy-Loading JS Pattern]]
* [[LoadingOnDemandJSPattern | Loading on Demand JS Pattern]]
* [[PreLoadingJavaScriptJSPattern | Pre-Loading JavaScript JS Pattern]]

== JavaScript Anti-Patterns ==

...about things we should avoid...

[[AntiPatterns]]

* http://jaysoo.ca/2010/05/06/javascript-anti-patterns
* http://james.padolsey.com/javascript/anti-patterns-in-the-making/
* http://themoderndeveloper.com/2010/10/javascript-patterns-and-antipatterns/
* http://www.nczonline.net/blog/2009/04/28/javascript-error-handling-anti-pattern/
* http://erik.eae.net/archives/2009/11/09/21.12.16/
* http://blog.bolinfest.com/2009/11/closure-compiler-turns-pattern-into.html
* http://bolinfest.com/javascript/inheritance.php

== References ==

'''''books used: '''''

* JavaScript Patterns, Stoyan Stephanov, O'Reilly, September 28, 2010
* Object Oriented JavaScript:…, Stoyan Stefanov, PACKT, July 24, 2008
* Pro JavaScript Design Patterns, Ross Harmes, Dustin Diaz, APress, December 17, 2007
* Hight Performance JavaScript,Nicholas C. Zakas, O'Reilly, March 30 2010
* JavaScript: The Good Parts, Douglas Crockford, o'Reilly , May 16 2008
* Secrets of JavaScript Ninja, John Resig, Bear Bibeault, Manning Publications, March 28, 2012 (pre edition free on the web)
* JavaScript: The Good Parts, o'reilly, by Douglas Crockford, May 2008

'''''web sites:'''''

* http://www.slideshare.net/stoyan/javascript-patterns
* http://www.jspatterns.com/
* http://www.webreference.com/programming/javascript/ncz/column5/index.html
* http://jsdesignpatterns.com/
* http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/
* http://eloquentjavascript.net/
* http://velocityconf.com/velocityeu/public/schedule/detail/21634
* http://paulirish.com/2009/perf/
* http://net.tutsplus.com/tutorials/javascript-ajax/the-essentials-of-writing-high-quality-javascript/
* http://shichuan.github.com/javascript-patterns/
* http://sourcemaking.com/

← Older revision		Revision as of 14:41, 1 April 2017
Line 1:		Line 1:
	= JavaScript =		= JavaScript =

−	~~''by paul.plaquette, Senior Software Engineer, Trilda ''~~

	'''NeXT Steps:'''		'''NeXT Steps:'''

@@ Line 1: / Line 1: @@
 = JavaScript =
-''by paul.plaquette, Senior Software Engineer, Trilda Open Source''
+''by paul.plaquette, Senior Software Engineer, Trilda ''
 '''NeXT Steps:'''
@@ Line 7: / Line 7: @@
-'''''Everything You Always Wanted to Know About JavaScript... (But Were Afraid to Ask)''''' B)
+'''''Everything You Always Wanted to Know About JavaScript... (But Were Afraid to Ask)'''''

@@ Line 59: / Line 59: @@
      * variable declarations or variable visibility are associated to functions and more specifically to closures
      * closures are objects associated with functions once they are created as dynamic object
-     * closures can stored data associated with a function
+     * closures can store data associated with a function
 === a few links ===

@@ Line 12: / Line 12: @@
 == See also ==
-* [[HTML5 | HTML5]]
+* [[Main_Page]]
 * [[JavaScript]]
 * [[JavaScriptFrameWorks | JavaScript Frameworks]]
-* [[CSS3]]
+* [[Cordova | Cordova, a framework previously know as PhoneGap]]
 * [[WebTechnologiesRef | Web Technologies Reference]]
 * [[WebAPIs | Web APIs]]
 * [[WebTools | Web Tools]]
-* [[Main_Page]]
+* [[WebPresentationTools | Web Presentation Tools]]
 == JavaScript, the Language ==

JavaScript - Revision history

Paul at 14:41, 1 April 2017

Paul: /* JavaScript */

Paul: /* the Language */

Paul: /* See also */

Paul: /* See also */

Paul: /* JavaScript */

Paul: Created page with "= JavaScript = ''by paul.plaquette, Senior Software Engineer, Trilda Open Source'' '''NeXT Steps:''' more to come : JavaScript Patterns have to be created, on a one page pe..."