This talk is not about never writing JavaScript. It is about writing JavaScript when you actually need to and in a minimal fashion. This talk focuses on JavaScript in the browser.

1. JavaScript is Great
But Stop Writing It

2. Rory Hardy — @gneatgeek

3. When Do You Write JavaScript?

4. JavaScript
$('button')
.on('mousedown', function () {
this.style.background = '#ccc';
})
.on('mouseup', function () {
this.style.background = '#fff';
});

5. HTML + CSS
<button>Button Text</button> button {
background-color: #fff;
}
button:active {
background-color: #ccc;
}

6. Stop Writing JavaScript?
Image Source: www.f-lohmueller.de/

7. Let's Talk About HTML5
Content
• Form validation
• Audio
• Video
• More

8. Let's Talk About CSS
Presentation
• Animation
• Transforms
• Flexbox
• More
Image Source: https://mdn.mozillademos.org

9. NES with CSS?
http://codepen.io/onediv/pen/AsDev

10. Let's Talk About JavaScript
Behavior and user interactivity

11. jQuery's Role in DOM Development
• Abstraction of Document Object Model (DOM)
• Not a JavaScript replacement

12. Snowball!!

13. Writing Better JavaScript
• Learn Vanilla JavaScript
• Read “JavaScript: The Good Parts” by Douglas Crockford
• Leverage available tools
• Leverage libraries/frameworks when they solve your problem

14. Globals
BOOM!
Plane image source: Mario Paint

15. Events
Image Source: diylol.com

16. Delegation
Image Source: digitalbrandinginstitute.com

17. Static Analysis (Linter)
for (var i = 0; i < 10; i++) {
for (var i = 0; i < 5; i++) {
// logic
}
}

18. Static Analysis (Linter)
• JSLint
• JSHint
• ESLint
• More
Image Source: memegenerator.net

19. Tests
Image Source: memegenerator.net

20. Bootstrap
Image Source: getbootstrap.com

21. Conclusion
Image Source: imgur.com