A useful list of must-watch talks about JavaScript

Overview

TV icon

Must-Watch JavaScript

This is a collection of well-received talks about JavaScript, covering topics such as ES6/ES2015, JavaScript frameworks, client-side apps, mobile integration, JavaScript performance, tooling, leveling up, and more.

Like CSS? Check out Must-Watch CSS! For other great lists check out @sindresorhus's curated list of awesome lists.

2019

  1. The Future of Web Animation: Sarah Drasner, JSHeroes 31:03
  2. HTTP Headers for the Responsible Developer: Stefan Judis, JSConf EU 23:31
  3. Essential JavaScript Debugging Tools for the Modern Detective: Rebecca Hill, JSConf Budapest 29:18
  4. Take on Me, Web Browsers!: Eva Ferreira, JSConf Budapest: 21:59
  5. Interactive Web Animation with SVG: Cassie Evans, CSSCAMP 32:08

2018

  1. In the Loop: Jake Archibald, JSConf Asia 35:11
  2. Look Mum, No Hands! - Brain Controlled JavaScript: Charlie Gerard, JSConf EU 24:34
  3. 10 Things I Regret About Node.js: Ryan Dahl, JSConf EU 26:41
  4. Deep Learning in JS: Ashi Krishnan, JSConf EU 31:30

2017

  1. Immutable Data Structures for Functional JS: Anjana Vakil, JSConf EU 26:32
  2. JavaScript Engines - How Do They Even?: Franziska Hinkelmann, JSConf EU 25:13
  3. Async + Await: Wes Bos, dotJS 15:51
  4. Advanced Async and Concurrency Patterns in JavaScript: Kyle Simpson, js.la Meetup 39:42
  5. The Browser Hackers Guide to Instantly Loading Everything: Addy Osmani, JSConf EU 28:09

2016

  1. The Rise of Async JavaScript: Jeremy Fairbank, FluentConf 28:58
  2. Reasonable JavaScript: Preethi Kasireddy, Nodevember 50:12
  3. Learning Functional Programming with JavaScript: Anjana Vakil, JSUnconf 29:56
  4. Choosing a JavaScript Framework: Rob Eisenberg, NDC Oslo 1:01:13
  5. The Myth of The "Real JavaScript Developer": Brenna O'Brien, Front-Trends 27:05
  6. An Angular 2 Force Awakens: John Papa, ng-conf 20:39
  7. React.js for TV UIs: Steve McGuire, Netflix JavaScript Talks 35:02
  8. The Hitchhiker's Guide to All Things Memory in JavaScript: Safia Abdalla, JSConf Budapest 26:16
  9. SVG and GreenSock for Complex Animation: Sarah Drasner, ForwardJS Summit 40:16

2015

  1. JavaScript in 2015: Glen Maddern, (screencast) 10:32
  2. Angular + React = Speed: Dave Smith, ng-conf 19:26
  3. Parallelism Experiments in JavaScript: Naveed Ihsanullah, JSConf US 32:39
  4. Eliminate JavaScript Code Smells: Elijah Manor, FluentConf 29:15
  5. Pocket-Sized JS: Henrik Joreteg, dotJS 18:44
  6. What the... JavaScript?: Kyle Simpson, ForwardJS 38:16
  7. Real World jQuery: Ben Foxall, jQuery UK 26:45
  8. JavaScript State of the Union: Geoff Schmidt, Meteor Devshop SF 48:47
  9. Dirty Performance Secrets of HTML5: Andreas Gal, FluentConf 14:15
  10. You Should Use <Insert Library/Framework>, It's the Bestestest!: Paul Lewis, ffconf 33:31
  11. Async Programming in ES7: Jafar Husain, JSConf US 35:56
  12. Live React: Hot Reloading with Time Travel: Dan Abramov, ReactEurope 30:40
  13. JavaScript Transformation: Sebastian McKenzie, JSConf US 20:23
  14. Node.js at Netflix: Kim Trott, Node.js Interactive 25:17
  15. If You Wish to Learn ES6/2015 From Scratch, You Must First Invent the Universe: Ashley Williams, JSConf US 25:48

2014

  1. Enemy of the State: Amy Palamountain,Forward JS 32:40
  2. Mary Live-Codes a JavaScript Game from Scratch: Mary Rose Cook, Front-Trends 32:16
  3. Unorthodox Performance: John-David Dalton, ForwardJS 43:39
  4. What the Heck Is the Event Loop Anyway?: Philip Roberts, JSConf EU 26:53
  5. Building Isomorphic Apps: Spike Brehm, JSConf Asia 45:01
  6. JavaScript for Everybody: Marcy Sutton, JSConf EU 28:59
  7. JavaScript Unicode: Mathias Bynens, JSConf EU 25:41
  8. Using AngularJS to Create iPhone & Android Applications with PhoneGap: Daniel Zen, ng-conf 21:34
  9. Virtual Machines, JavaScript and Assembler: Scott Hanselman, FluentConf 25:56
  10. User Interface Algorithms: Mark DiMarco, JSConf US 27:41
  11. End to End Angular Testing with Protractor: Julie Ralph, ng-conf 18:46
  12. Async JavaScript at Netflix: Jafar Husain, Netflix JavaScript Talks 28:38
  13. Building Realtime Apps with Firebase and Angular: Anant Narayanan, ng-conf 21:08

2013

  1. A JavaScript Web App Deconstructed: Alex MacCaw, JSConf Asia 36:24
  2. JavaScript in Your Native Mobile Apps: Allen Pike, JSConf EU 25:47
  3. JavaScript Masterclass: Angelina Fabbro, JSConf US 22:33
  4. A Comparison of the Two-Way Binding in AngularJS, EmberJS and KnockoutJS: Marius Gundersen, JSConf EU 19:16
  5. Hacker Way: Rethinking Web App Development at Facebook: Tom Occhino, Jing Chen, and Pete Hunt, F8 44:35
  6. Promises and Generators: Control Flow Utopia: Forbes Lindesay, JSConf EU 31:26
  7. How to Rewrite Your JS App (at Least) 10 Times: Garann Means, Fronteers 47:45
  8. Front-End Development in Node.js: Raquel Vélez, jQuery Conference Portland 34:01
  9. Front-End Tools for the Young Developer: Christian Vuerings, SF HTML5 User Group 14:16
  10. Rethinking Best Practices: Pete Hunt, JSConf Asia 40:57
  11. Righteous Javascript, Dude!: Zach Bruggerman, Cascadia JS 18:15
  12. Transitioning Groupon to NodeJS: Sean McCullough, EmpireJS 28:23
  13. Making JS More Learnable: Pamela Fox, dotJS 28:46
  14. The Web Experience in the Autistic Spectrum: Natalia Berdys, JSConf EU 30:37
  15. Return of Inspector Web: Web Components a Year Later: Angelina Fabbro, Fronteers 49:44
  16. Develop High Performance Sites and Apps with JavaScript and HTML5: Dr. Doris Chen, HTML5DevConf Meetup 1:01:39
  17. Building Reflow: Kristofer Joseph, BackboneConf 45:41
  18. Levelling Up in AngularJS: Alicia Liu, HTML5DevConf 40:31

2012

  1. A Novel, Efficient Approach to JavaScript Loading: Malte Ubl and John Hjelmstad, JSConf EU 26:36
  2. WTFJS: Brian Leroux, dotJS 18:26
  3. To Hell with jQuery: Karolina Szczur, JSConf EU 20:00
  4. Is Node.js Better?: Brian Ford, JSConf US 41:42
  5. Inspector Web and the Mystery of the Shadow DOM: Angelina Fabbro, JSConfEU 28:42
  6. Maintainable JavaScript: Nicholas Zakas, FluentConf 47:04
  7. Client Side Internationalization: Alex Sexton, JSConf EU 24:08
Comments
  • Table layout

    Table layout

    I've been thinking about reorganizing the structure of this list into tables for each year. Here's an example:

    2018

    | Talk | Speaker | Event | Time | |---|---|---|---| | In the Loop | Jake Archibald | JSConf.Asia | 35:11 | | 10 Things I Regret About Node.js | Ryn Dahl | JSConf.EU | 26:41 | | Deep Learning in JS | Ashi Krishnan | JSConf.EU | 31:30 |

    I'm wondering if this would be an improvement for reviewing. The formatting is much cleaner. Thoughts?

    suggestion 
    opened by AllThingsSmitty 4
  • Suggestion for video

    Suggestion for video

    https://www.youtube.com/watch?v=f7AU2Ozu8eo I watched that video and thought it was a must-watch. I do see that you have a video by Paul Irish already and it looks like it's a similar topic.

    I'll let you decide if this one is worth adding.

    suggestion 
    opened by adrianmoisey 4
  • Another videos

    Another videos

    • Addy Osmani: The Browser Hackers Guide To Instantly Loading Everything | JSConf EU 2017 https://www.youtube.com/watch?v=7vUs5yOuv-o

    • Kyle Simpson: Advanced Async and Concurrency Patterns in JavaScript | JS.LA meetup (date shows 2017) https://www.youtube.com/watch?v=Qg1SvpIau6U

    • 10 Things I Regret About Node.js - Ryan Dahl - JSConf EU 2018 https://www.youtube.com/watch?v=M3BM9TB-8yA

    opened by jcubic 1
  • Add ServiceWorkers Outbreak by Alexander Pope - JSConf EU

    Add ServiceWorkers Outbreak by Alexander Pope - JSConf EU

    Really good presentation warning about the dangers of "Zombie" service workers.

    Probably a must watch before getting started with service workers so you do not accidentally cache a user out of ever receiving updated files on your site.

    opened by UsainBloot 1
  • Videos

    Videos

    Render Conf 2016 was pretty fun and here are their videos: https://vimeo.com/album/3953264

    Google I/O this year was ram packed with web goodies, there's just so much, here is the playlist with 171 (!) videos, not all JS specific, but you will be able to find something, surely: https://www.youtube.com/playlist?list=PLOU2XLYxmsILe6_eGvDN3GyiodoV3qNSC

    opened by Martin-Pitt 1
  • Removed timecode from video URL

    Removed timecode from video URL

    The YouTube URL to the talk carried over a set time-code which started the video near the end of the talk. There is no apparent reason for this and is assumed to be a mistake since the whole talk is relevant.

    opened by rsmarsh 0
  • Video: Practical Web Animation

    Video: Practical Web Animation

    I tend to share this video of a talk by @lisilinhart often to people learning web animation, it's kind of become a must-watch as it condenses a lot of learnings and explanations. It also explains some of the modern tooling as well as approaches.

    Video: https://www.youtube.com/watch?v=mwqZ9p2nZbg Slides: https://noti.st/lisi/r0Oeb4/practical-web-animation

    opened by Martin-Pitt 0
Owner
Matt Smith
Helping build a better web.
Matt Smith
It is a simple Math Sprint Game in which the user must agree or disagree with the answers to math problems in the quickest time possible.

MATH-SPRINT-GAME The user must agree or disagree with the results of math equations in this Math Sprint Game. The amount of time the player spends mak

AMEY THAKUR 8 Aug 1, 2022
Feel free to create new file, don't hesitate to pull your code, the most important thing is that the file name here must match your nickname so that file does not conflict with other people.

Hacktoberfest Indonesia Apa Itu Hacktoberfest ? Hacktoberfest adalah acara tahunan yang bertujuan untuk mendorong berkontribusi kedalam ekosistem open

Juan Daniel 5 Dec 15, 2022
A free book that talks about design patterns/techniques used while developing with React.

React in patterns ?? A free book that talks about design patterns/techniques used while developing with React. Book GitBook Web PDF Mobi ePub Translat

Krasimir Tsonev 12.2k Dec 30, 2022
To Do list is a small but useful project to make list app , you can add tasks delete tasks and modify tasks, the project built using HTML, CSS, JavaScript

Project Name The To-Do-List app description this is a project in the second week of the second module in microverse. its a useful to do list that save

Alzubair Alqaraghuli 5 Jul 25, 2022
In this website you will add books and also watch the lists of books. A website build wit HTML, CSS, and JavaScript.

Awesome Books ES6 In this website you will add books and also watch the lists of books. Built With HTML CSS JavaScript Authors ?? HaaDiiii GitHub: @Ha

Hamid Ali 8 Oct 7, 2022
In this website you will add favorites books and also watch the lists of books. Built with JavaScript ES6 Modules

Awesome Books In this website you will add books and also watch the lists of books. Built With HTML CSS JavaScript Screen Shots Desktop Screen Tablet

Aamir khan 7 Nov 20, 2022
A JavaScript library to watch the DOM changes in a single callback

watchmydom A Javascript library to watch the DOM changes in a single callback Demo Click here to see the detailed demo. Download Minified script file

Muhammed Saifudeen (saif) 2 Oct 30, 2020
To Do list app. Very useful to keep track of daily activities. Made with ❤️, JavaScript and bundle with Webpack

To Do List ⚙️ This is a To Do list App to practice Javascript and Webpack deployment. Live Demo ⚙️ GitHub Pages: DEMO Tech ⌘⇧ HTML & CSS best practice

Raul Ospina 11 Oct 17, 2022
App that allows you to control and watch YouTube videos using hand gestures. Additionally, app that allows you to search for videos, playlists, and channels.

YouTube Alternative Interaction App An app I made with Edward Wu that allows you to search and watch videos from YouTube. Leverages Google's YouTube D

Aaron Lam 2 Dec 28, 2021
Bookmate - Watch changes in Chrome bookmarks, and use bookmarks as an append-only key-value store via an fs-like API.

?? Bookmate An append-only key-value store built on Chrome bookmarks, plus an asychronous stream of Bookmark changes. For NodeJS Actual production exa

Cris 6 Nov 8, 2022
This project is made with the help of https://www.youtube.com/watch?v=LMagNcngvcU&t=897s

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Md Sabbir Rahman 1 Apr 24, 2022
This is a Netflix clone where you can watch movies or series

Netlfix Clone This is a Netflix clone where you can watch movies or series. Visit Now ?? Things I Implemented SignIn/SignUp Movie/Series Filter Watch

Neelesh Singh 3 Dec 1, 2022
Do you wanna watch "Bad Apple!!" on your vim/neovim?

bad-apple.vim Let's watch Bad Apple!! on your vim/neovim! BadAppleVimShort.mov https://youtu.be/XezoLvr1dX0 Required denops.vim https://github.com/vim

Ryotaro 14 Dec 28, 2022
Web app to search,get, watch animes (built with Nextjs, Tailwind)

Animeinfo An anime discovery, made with NextJs and TailwindCSS. Please deploy your own version of the site, by following the instructions. Please foll

Ethiel ADIASSA 4 May 24, 2022
A Proxy based alternative to json-watch module.

@webreflection/json-watch Social Media Photo by Andrik Langfield on Unsplash A modern take at this 7yo json-watch module. import watcher from '@webref

Andrea Giammarchi 12 Sep 9, 2022
Application for organizing, rating, and sharing TV series and movies that you are watching or would like to watch.

Watch This! We're living in an age of virtually unlimited ntertainment options, and keeping up with it all can be a little overwhelming. Using the Wat

Brian Bagley 2 Jun 13, 2022
The idea is build an app that make me consult uber ride prices through my mi band or a smart watch.

CanIGetHome? - Get uber prices The main idea is the possibility to me to get the estimate uber rides prices through my mi band 6. Get my current local

Emerson 174 Nov 23, 2022
🚀👩‍🚀This repo contains all the files to follow along and implement a MultiChain NFT MarketPlace! Be sure to watch my Youtube tutorials so you can learn and follow along!

Multi-Chain NFT Marketplace ?? ??‍?? This repo contains all the files to follow along and implement a MultiChain NFT MarketPlace! Be sure to watch my

Net2Dev 30 Jan 5, 2023
Run a command, watch the filesystem, stop the process on file change and then run the command again...

hubmon Run a command, watch the filesystem, stop the process on file change and then run the command again... Install You can install this command lin

Hubert SABLONNIÈRE 7 Jul 30, 2022