JavaScript - From DHTML to a Multi-Paradigm Language

Transcript

1. JavaScript From DHTML to a Multi-Paradigm Language Robert Vogt #NCamp16
2. Robert Vogt Software Engineer from & in Sankt Gallen @_deniaz
4. «Web 2.0 describes World Wide Web websites that emphasize user-generated content, usability, and interoperability for end users.»
5. jQuery MooTools Prototype JS script.aculo.us
6. Single-page application
7. Angular React Object-Oriented Functional
9. JavaScript
10. «A programming paradigm is a style or way of programming. Some languages make it easy to write in some paradigms but not others.»
11. «Object-oriented programming is a programming language model organized around objects rather than actions and data rather than logic.»
12. class Dog extends Animal {} let dog = new Dog(); dog.walk();
13. let Animal = { walk: function() {} }; let Dog = Object.create(Animal); Dog.bark = function() { return ‘Woof!’; };
14. Class-based Inheritance Prototypical Inheritance
15. «Functional Programming is a programming paradigm that treats computation as the evaluation of mathematical functions and avoids changing-state and mutable data.»
16. Functions First-Class
17. let sum = function(a, b) { return a + b; }
18. Functions Higher-Order
19. $.get( 'http://example.com', (data) => { /* Success! */ } );
20. function createPrinter(a, b) { return function() { return ‘Namics’; } } const print = createPrinter(); print(); // Namics.
21. Functions Pure
22. let double = (x) = x * 2;
23. Closures Function
24. let incrementer = (function() { let _value = 0; return () => ++_value; })(); incrementer(); // 1 incrementer(); // 2 incrementer(); // 3
25. Data Immutable
26. const list1 = Immutable.List.of(1, 2); const list2 = list1.push(3, 4, 5);
27. Composition Function
28. let ten = double(sum(2, 3));
29. Soooo… Any Real World Examples?
31. Store View Action Action Dispatcher
32. const HelloMessage = (props) => ( <div>Hello {props.name}</div> );
33. «Those who are unaware they are walking in darkness will never seek light.» — Bruce Lee find me on twitter @_deniaz