Modernes JavaScript für .NET Entwickler

Transcript

1. Ingo Rammer| thinktecture Modernes JavaScript für .NET-Entwickler Strukturieren und Modularisieren think mobile!
2. Ingo Rammer •  Gründer und technischer Consultant bei thinktecture •  Mein Fokus –  Unterstützung von Entwickler von verteilten, mobile Business-Anwendungen –  HTML5/JavaScript auf Windows, iOS, Android –  Interoperabilität von HTML5 mit nativem Code auf allen Plattformen @ingorammer ingo.rammer@thinktecture.com http://www.thinktecture.com Demos: https://github.com/ingorammer/talk-ModernJavaScript Slides: https://speakerdeck.com/ingorammer think mobile!
3. Generic Structure •  JavaScript Has Only One Problem •  But Watch This •  Foundations Of Non-Intuitive Elements •  How global elements are stored •  Scoping Of Variables •  Block Scope And The IIFE •  Namespaces In JavaScript •  Extending Namespaces In Later Script 3
4. Constructors and Objects •  Factories •  Factories and Closures •  Constructor Functions •  Constructor Functions with changing objects •  Constructor Functions And Prototypes •  Determining Class Equivalence •  this in JavaScript •  this in Events •  this and that in Events 4
5. Methods, ECMA, Errors •  Copying Methods •  Applying Methods •  Iterating over objects •  ECMA5 prototypical inheritance from anon objects •  ECMA5 properties •  Errors and Exceptions 5
6. JavaScript •  Patterns of JavaScript –  Benennungsmuster, und warum diese wichtig sind! –  Constructor Functions –  Accessors vs Dot-Notation (beim Aufruf von funktionen) –  Kopieren von Members („extend-Pattern“) –  Prototypen –  Closures –  Private/Public –  JavaScript Idioms ( window.foo = window.foo || bla) –  Object Augmentation –  for (var i in xxx) hasOwnProperty •  Browser-Support und polyfills –  forEach, JSON.stringify •  Namespacing und Modularisieren –  AMD, Nachladen, Require, … –  Bundling und Caching 6
7. •  prototypes •  this 7
8. Demos: https://github.com/ingorammer/talk-ModernJavaScript Slides: https://speakerdeck.com/ingorammer @ingorammer ingo.rammer@thinktecture.com http://www.thinktecture.com