![The World as it Exists Today
import {Todo} from './todo';
export class Index {
constructor() {
this.heading = 'Todos';
this.todos = [];
this.todoDescription = '';
}
addTodo() {
if (this.todoDescription) {
this.todos.push(new Todo(this.todoDescription));
this.lastAction = `Added new item: ${this.todoDescription}`;
this.todoDescription = '';
}
}
}](https://image.slidesharecdn.com/modern-js-talk-codestock2017-170516191935/85/The-War-is-Over-and-JavaScript-has-won-Living-Under-the-JS-Regime-24-320.jpg)
![JavaScript is better!
import {Todo} from './todo';
export class Index {
constructor() {
this.heading = 'Todos';
this.todos = [];
this.todoDescription = '';
}
addTodo() {
if (this.todoDescription) {
this.todos.push(new Todo(this.todoDescription));
this.lastAction = `Added new item: ${this.todoDescription}`;
this.todoDescription = '';
}
}
}](https://image.slidesharecdn.com/modern-js-talk-codestock2017-170516191935/85/The-War-is-Over-and-JavaScript-has-won-Living-Under-the-JS-Regime-27-320.jpg)
The War is Over, and JavaScript has won: Living Under the JS Regime
- 1. The War is Over, and JavaScript has won: Living Under the JS Regime Matt Honeycutt @matthoneycutt http://trycatchfail.com
- 2. About Me Icon from icons8.com
- 3. Part 1: Defeat and Sadness
- 4. It started in the browser… Browser Server Mobile Embedded
- 5. It started in the browser… Browser Server Mobile Embedded
- 6. Then it came for the server…. Browser Server Mobile Embedded
- 7. And it spread… Browser Server Mobile Embedded
- 8. And spread… Browser Server Mobile Embedded
- 9. JAVASCRIPT
- 12. The World Went Crazy
- 13. To My Old Team: I’m so very, very sorry for what 2008-ish Matt did with jQuery. He really didn’t know any better. - Modern Matt
- 14. How awesome I thought my JavaScript was…
- 15. What I actually built
- 16. Bad Memories
- 17. More Bad Memories (function($, undefined) { })(jQuery);
- 18. More Bad Memories undefined = !undefined;
- 19. More Bad Memories window.ourCompany = window.ourCompany || {}; window.ourCompany.utils = window.ourCompany.utils || {}; window.ourCompany.utils.doStuff = function() { //... }
- 20. The Tragedy “…JavaScript is a tragically important language…”
- 21. Part 3: A Better Future, Now
- 22. This Isn’t the JavaScript that Killed Your Father…
- 23. Then vs. Now Prototypical inheritance Lots of jQuery Redefined undefined More jQuery var that = this; jQuery Hoisting IIFEs Globals jQuery Classes Arrow functions Generators Modules Better libraries and frameworks And lots more! (don’t worry, we still have the bad parts!)
- 24. The World as it Exists Today import {Todo} from './todo'; export class Index { constructor() { this.heading = 'Todos'; this.todos = []; this.todoDescription = ''; } addTodo() { if (this.todoDescription) { this.todos.push(new Todo(this.todoDescription)); this.lastAction = `Added new item: ${this.todoDescription}`; this.todoDescription = ''; } } }
- 25. There’s Also TypeScript import { Component } from '@angular/core'; import { NgForm } from '@angular/forms'; @Component({ selector: 'page-user', templateUrl: 'signup.html' }) export class SignupPage { signup: {username?: string, password?: string} = {}; submitted = false; constructor(public navCtrl: NavController, public userData: UserData) {} onSignup(form: NgForm) { this.submitted = true; if (form.valid) { this.userData.signup(this.signup.username); this.navCtrl.push(TabsPage); } } }
- 26. Modern JS is Capable of Great Things!
- 27. JavaScript is better! import {Todo} from './todo'; export class Index { constructor() { this.heading = 'Todos'; this.todos = []; this.todoDescription = ''; } addTodo() { if (this.todoDescription) { this.todos.push(new Todo(this.todoDescription)); this.lastAction = `Added new item: ${this.todoDescription}`; this.todoDescription = ''; } } }
- 28. But it’s not perfect
- 29. But we can cope!
- 30. Demos!
- 33. Your JavaScript Bug-Out Bag Visual Studio Code NodeJS NPM Aurelia or <insert other popular framework> MODERN JavaScript (or TypeScript) Babel Lo-dash
- 34. Credits Wat presentation: https://www.destroyallsoftware.com/talks/wat Wtf.js: https://gist.github.com/MichalZalecki/c964192f8 30360ce6361 Martin Thoma: https://martin- thoma.com/javascript-wtf/