![Revealing Module Pattern
var
calcModule
=
(function(){
var
a
=
[1,2,3];
function
calculate(){
return
(a[0]*a[1])+a[2];
}
function
calcAndAdd(){
return
calculate()
+
1;
}
function
calcAndSubtract(){
return
calculate()
-‐
1;
}
return
{
add:
calcAndAdd,
subtract:
calcAndSubtract
}
})();
var
res
=
calcModule.add();IIFE usage
public
API
private](https://image.slidesharecdn.com/20150508si-se-150510130902-lva1-app6892/85/The-curious-Life-of-JavaScript-Talk-at-SI-SE-2015-28-320.jpg)
Ad
More Related Content
What's hot (20)
Viewers also liked (8)
Ad
Similar to The curious Life of JavaScript - Talk at SI-SE 2015 (20)
![[Coscup 2012] JavascriptMVC](https://cdn.slidesharecdn.com/ss_thumbnails/coscupjavascriptmvc-120818115356-phpapp01-thumbnail.jpg?width=560&fit=bounds)
Ad
More from jbandi (8)
Recently uploaded (20)
![Pixologic ZBrush Crack Plus Activation Key [Latest 2025] New Version](https://cdn.slidesharecdn.com/ss_thumbnails/fashionevolution2-250322112409-f76abaa7-250428124909-b51264ff-250504160528-fc2bb1c5-thumbnail.jpg?width=560&fit=bounds)
![Download Wondershare Filmora Crack [2025] With Latest](https://cdn.slidesharecdn.com/ss_thumbnails/neo4j-howkgsareshapingthefutureofgenerativeaiatawssummitlondonapril2024-240426125209-2d9db05d-250419-250428115407-a04afffa-thumbnail.jpg?width=560&fit=bounds)
![Get & Download Wondershare Filmora Crack Latest [2025]](https://cdn.slidesharecdn.com/ss_thumbnails/revolutionizingresidentialwi-fi-250422112639-60fb726f-250429170801-59e1b240-thumbnail.jpg?width=560&fit=bounds)
The curious Life of JavaScript - Talk at SI-SE 2015
- 2. D Jonas Bandi 5 Years ago I had no clue about JavaScript Today JavaScript pays my bills
- 3. My Journey into JavaScript Land
- 4. I went through the five stages of grief.
- 5. Denial
- 7. Fear
- 8. Repulsion
- 9. Curiosity
- 12. Most of the people writing in JavaScript are not programmers. They lack the training and discipline to write good programs. - Douglas Crockford, 2001 The ecosystem around JavaScript as a serious application platform continues to evolve. - ThoughtWorks Technology Radar, January 2014 A very large group of developers still thinks of JavaScript as a joke. - Davy Brion, 2011 We strongly suggest to adopt JavaScript as a first class language. - ThoughtWorks Technology Radar, 2011 Through 2014, improved JavaScript performance will begin to push HTML5 and the browser as a mainstream enterprise application development environment. - Gartner, October 2013
- 13. Any application that can be written in JavaScript, will eventually be written in JavaScript. - Atwood’s Law, 2007 http://www.codinghorror.com/blog/2007/07/the-principle-of-least-power.html
- 14. We are slaves to JavaScript because people have simply started to accept its weirdness and flaws, much like a Stockholm Syndrome phenomenon. - Chris Richardson, 2013 http://www.youtube.com/watch?v=CN0jTnSROsk&list=WLB09959CADB0E3254
- 15. Two Worlds?
- 16. Childhood
- 17. JavaScript had a difficult childhood. It spent a lot of time listening to its parents fighting with one another about what they wanted it to be when it grew up. As any young language would, it tried hard to please its parents. As a result it suffers from what can only be described as behavioural quirks. - Dan North, The Rise and Rise of JavaScript http://dannorth.net/2011/12/19/the-rise-and-rise-of-javascript/
- 18. Birth
- 19. HyperCard for the browser Scheme Self Mocha Make it look like Java! Completed in 10 days! Java JavaScript h"p://javascriptjabber.com/124-‐jsj-‐the-‐origin-‐of-‐javascript-‐with-‐brendan-‐eich/ Brendan Eich
- 22. The Bad Parts
- 23. Adoption
- 24. JavaScript has good parts!
- 25. • Object • Class • Method • Constructor • Packages • Inheritance Language Constructs • Object • Function ...everything else can be implemented
- 26. Closures
- 27. Elegant Parts
- 28. Revealing Module Pattern var calcModule = (function(){ var a = [1,2,3]; function calculate(){ return (a[0]*a[1])+a[2]; } function calcAndAdd(){ return calculate() + 1; } function calcAndSubtract(){ return calculate() -‐ 1; } return { add: calcAndAdd, subtract: calcAndSubtract } })(); var res = calcModule.add();IIFE usage public API private
- 29. You can even implement classes and classical inheritance in JavaScript.
- 30. function Person(first, last) { // 'this' is an empty object this.first = first; this.last = last; // 'this' is returned when called with 'new' } Person.prototype.fullName = function() { return this.first + ' ' + this.last; }; Person.prototype.fullNameReversed = function() { return this.last + ', ' + this.first; }; var pers = new Person("John", "Doe"); console.log(pers.fullName()); console.log(pers.fullNameReversed()); usage sharedm ethods constructor
- 31. function Person(name) { this.name = name; }; Person.prototype.getName = function() { return this.name; }; function Employee(name, employer) { // rent-a-constructor Person.call(this, name); // extend with more properties this.employer = employer; }; Employee.prototype = new Person(); var empl = new Employee("Tyler Durden", "TheClub"); empl.getName() super-class sub-class usage
- 32. Growing Up
- 33. AJAX REVOLUTION 2000 - 2006
- 34. SECOND BROWSER WAR Massive JavaScript performance improvement
- 36. Client-Side MVC Application Structure Data-Binding A “Second Generation” of JavaScript Frameworks sf
- 37. A “Third Generation” of JavaScript Frameworks Complete Client-Side Application Development
- 39. Toolset
- 40. Bower
- 41. Popularity
- 44. JavaScript is the Language of the Web. Another software technology will come along and kill off the web. That judgement day will arrive very soon. -Forrester Research in 2000 The Web has won!
- 45. HTML 5 HTML5 explained: • Html is the structure • CSS is the colour and style • JavaScript is everything else Scott Hanselman:Angle Brackets, Curly Braces http://channel9.msdn.com/Events/Build/2012/3-027
- 48. h"p://www.thoughtworks.com/radarThoughtWorks Technology Radar, July 2011 GWT is a reasonable implementaIon of a poor architectural choice. GWT a"empts to hide many of the details of the web as a plaJorm by creaIng desktop metaphors in Java and generaIng JavaScript code to implement them. First, in many ways, JavaScript is more powerful and expressive than Java, so we suspect that the generaIon is going in the wrong direcIon.
- 49. var add = function(first, second) { return first + second; }; var splitCall = function(first, func){ return function(second){ return func(first, second); } } var addOne = splitCall(1, add); addOne(22); // -> 23
- 50. I now see my early attempts to support the classical model in JavaScript as a mistake. The gift of JavaScript to humanity is class- free object-oriented programming. https://youtu.be/bo36MrBfTk4?t=33m38s
- 51. Ecosystem
- 52. Write Code Build Test Deploy Language IDE Toolset compile package Test-Frameworks dependency management Libraries / Frameworks
- 53. Write Code Build Test Deploy Language IDE Toolset compile package Test-Frameworks dependency management Libraries / Frameworks Bower
- 54. Building
- 55. PROJECT BUILD Compile Package TestDeploy Develop (IDE) Build jar, war, assembly … into a container (Tomcat, JBoss, IIS …) execute Backend (Java, .NET) Linting Package TestDeploy Develop (Editor, IDE) Minification, Concatenation, Revision copy to directory execute in browser Frontend (JavaScript)
- 56. Testing
- 58. LARGE JAVASCRIPT APPLICATIONS ? LoC ? LoC ? LoC
- 59. LARGE JAVASCRIPT APPLICATIONS 400’000 LoC (2012) 300’000 LoC (2012) 200’000 LoC (2013)
- 61. SPA Architecture View Model Controller Services ClientServer clear boundary "object model" • Rich client programming model in the browser • Clear separation of concern between client and server
- 63. Eco-Mess?
- 64. Frontend Libraries & Frameworks
- 65. JakeJavaScript build Tool similar to Rake or Make. Broccoli Bower Build Tools
- 66. TestemA test runner that makes Javascript unit testing fun. Testing Tools Zombie.js Insanely fast, headless full-stack testing
- 67. ACTIVE ECOSYSTEM (Maven Central has 930k artifacts / 109k unique artifacts) www.npmjs.org
- 72. Not every week-end project should be made public and available through Bower. The Javascript community needs to learn to filter itself. - Manuel Bernhardt, 2014 http://manuel.bernhardt.io/2014/12/30/generation-javascript/
- 73. Growing Older
- 74. Big Momentum
- 75. It's Spreading!
- 76. Nashorn Beyond the Browser nodebots.io Native Script React Native
- 77. • Full-Stack JavaScript • Isomorphic JavaScript • Run JavaScript logic on traditional Java / .NET backend • Validation • Workflow / Scripting Reuse & Sharing Logic View Controller Client Server Business Logic "Code Repository" Model
- 78. JavaScript as a CompilationTarget GoogleTraceur by Facebookflowtype.org Clojure Script cappuccino-project.orggwtproject.org https://github.com/jashkenas/coffeescript/wiki/List-of-languages-that-compile-to-JS babeljs.io "The Assembly Language of the Web"
- 79. ECMAScript 6 "The big makeover..."
- 81. Classes? WTF!?
- 82. Arrows Template Strings Modules Classes Generators Promises Enhanced Object Literals Block Scope ... https://github.com/lukehoban/es6features
- 84. Questions? Interested in JavaScript courses? Visit: http://ivorycode.com/#schulung