Modern JavaScript: Moving Beyond jQuery
summary
Argues for structured browser-side code instead of sprawling jQuery handlers, demonstrating a small attorney-list prototype that uses ES6 scope (let), JSON, and localStorage prototype to demo to clients within days. Replaces inline DOM logic with a clear model/view/viewmodel using Knockout observables, then swaps localStorage for backend GET/POST APIs without changing view logic. Shows that incremental use of vanilla JS, optional jQuery selectors, and simple bindings yields testable, maintainable front-end code and faster client iterations.
AI-written summary · about
chapters (21)
- 0:00MODERN JAVASCRIPT: MOVING BEYOND JQUERY
- 1:47ALL ABOUT THE BROWSER
- 2:36SCARED OF JAVASCRIPT? . Early on we wanted to add functionality to our static pages
- 4:40JQUERY BECOMES GO TO TOOL
- 5:58MAKING IT MODERN
- 8:09PHP EXAMPLE
- 9:16OLD FASHIONED EXAMPLE
- 10:50QUICK JAVASCRIPT BASICS
- 12:58SCOPE EXAMPLE
- 14:01SCOPE RESULTS
- 14:27OBJECTS FOR DATA/VIEW
- 16:18PROTOTYPICAL INHERITANCE
- 19:39OBJECT FOR DATA
- 23:33OBJECT FOR VIEW - INITIALIZE & REFRESH
- 27:21BROWSER STORAGE EXAMPLE
- 29:38A PATTERN DEVELOPS
- 31:31DATA BINDING - HTML
- 35:05DATA BINDING - OBJECT
- 37:28CONNECTING TO PHP
- 39:21UNIT TESTING
- 42:17REACT
related talks
21mAsk not what JavaScript can do for you
25mModern JavaScript
43mDeath to JS Libraries
22mThe vanilla way
38m"Design Patters for Modern JavaScript"
32mModern JavaScript, without giving up on Rails Jonathan Johnson
28mJavaScript + Web Standards II: The Quickening
39mJavascript for people who didn't learn Javascript