Awesome JavaScript Talks

Discover Awesome Talks on JavaScript Ecosystem

Years (2012 - 2021)

20122021

Min Duration (0 mins)

Max Duration (313 mins)

1815 talk(s)
Most Viewed

Learning Functional Programming with JavaScript - Anjana Vakil - JSUnconf

2.16M views • 29 minutes

Anjana's next talk at JSConf EU in May: http://2017.jsconf.eu/speakers/anjana-vakil-immutable-data-structures-for-functional-js.html Slides: https://slidr.io/vakila/learning-functional-programming-with-javascript

5 years ago

What the heck is the event loop anyway? | Philip Roberts | JSConf EU

1.79M views • 26 minutes

JavaScript programmers like to use words like, “event-loop”, “non-blocking”, “callback”, “asynchronous”, “single-threaded” and “concurrency”. We say things like “don’t block the event loop”, “make sure your code runs at 60 frames-per-second”, “well of course, it won’t work, that function is an asynchronous callback!” If you’re anything like me, you nod and agree, as if it’s all obvious, even though you don’t actually know what the words mean; and yet, finding good explanations of how JavaScript actually works isn’t all that easy, so let’s learn! With some handy visualisations, and fun hacks, let’s get an intuitive understanding of what happens when JavaScript runs. Transcript: http://2014.jsconf.eu/speakers/philip-roberts-what-the-heck-is-the-event-loop-anyway.html License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

7 years ago

10 Things I Regret About Node.js - Ryan Dahl - JSConf EU

502K views • 26 minutes

See also https://github.com/ry/deno JSConf EU is coming back in 2019 https://2019.jsconf.eu/

3 years ago

Pete Hunt: React: Rethinking best practices -- JSConf EU

348K views • 29 minutes

Slides: http://www.slideshare.net/floydophone/react-preso-v2 React, the new open-source JS library from Facebook and Instagram, is a different way to write JavaScript apps. When it was introduced at JSConf US in May, the audience was shocked by some of its design principles. One sarcastic tweet from an audience member ended up describing React's philosophy quite accurately: https://twitter.com/cowboy/status/339858717451362304 At Facebook and Instagram, we're trying to push the limits of what's possible on the web with React. My talk will start with a brief introduction to the framework, and then dive into three controversial topics: Throwing out the notion of templates and building views with JavaScript, "re-rendering" your entire application when your data changes, and a lightweight implementation of the DOM and events. License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

8 years ago

Jake Archibald: In The Loop - JSConf.Asia

341K views • 35 minutes

Have you ever had a bug where things were happening in the wrong order, or particular style changes were being ignored? Ever fixed that bug by wrapping a section of code in a setTimeout? Ever found that fix to be unreliable, and played around with the timeout number until it kinda almost always worked? This talk looks at the browser's event loop, the thing that orchestrates the main thread of the browser, which includes JavaScript, events, and rendering. We'll look at the difference between tasks, microtasks, requestAnimationFrame, requestIdleCallback, and where events land. Hopefully you'll never have to use setTimeout hacks again!" Jake is developer advocate for Google Chrome. He's one of the editors of the service worker spec, so he's into offline-first, push messaging and web performance. JSConf.Asia - Capitol Theatre, Singapore - 27 January 2018 Source: https://2018.jsconf.asia/ License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

4 years ago

Anjana Vakil: Immutable data structures for functional JS | JSConf EU

247K views • 26 minutes

http://2017.jsconf.eu/speakers/anjana-vakil-immutable-data-structures-for-functional-js.html Functional programming has been gaining a lot of popularity in the JS community, and with good reason: rejecting side-effects and mutability - in-place changes to data - helps avoid a lot of headaches. But when you refuse to mutate objects, you have to create a whole new object each time something changes, which can slow things down and eat up memory, making functional programming seem inefficient. That’s where immutable data structures come in - to save the day, and time and space! Also called “persistent data structures”, they help you efficiently make new “modified” versions of immutable objects, by reusing parts of the old object that you don’t need to change. In this talk we’ll take a look at how these data structures work, why they’re fantastic for functional programming, and how we can easily use them in our JS code thanks to libraries like Mori and Immutable.js.

4 years ago

Angelina Fabbro: JavaScript Masterclass | JSConf US

163K views • 22 minutes

Slides: http://afabbro.github.io/jsconf2013/ I am not an expert developer. I am also not a beginning developer. I'm an intermediate developer, and I want to navigate the path from being a mediocre or good developer, to becoming a great or expert level developer. How in the heck do I do this? The tutorial ecosystem of the web is heavily skewed towards beginners, but what about the rest of us? If you identify with these statements in the slightest, then this talk is for you. With ideas from cognitive science, education, and some advice from admired programmers along the way, we are going to explore what it means to be a world-class developer and what we need to do to get there. I'll talk a little bit about the philosophy, attitude, and habits (both good and bad) required for learning how to learn better, and then we will talk about the kinds of skills and knowledge that an expert programmer in general needs. Along the way we'll touch about various myths and cognitive biases about who can and cannot be a great programmer, and leave you with a path to get started. By the end of the talk, I will have proposed a curriculum of topics that should take an intermediate developer and turn them into an advanced one, and special attention will be given to mastery of the JavaScript language. Meet Angelina Angelina Fabbro is a programmer based in Vancouver, Canada and works at Steamclock Software. Angelina has a background in cognitive science, building clever robots and researching what people pay attention to. Her record as a web developer is balanced with modern iOS experience and a keen sense of design. Angelina also both teaches and mentors for the Vancouver chapter of Ladies Learning Code.

8 years ago

Franziska Hinkelmann: JavaScript engines - how do they even? | JSConf EU

123K views • 25 minutes

http://2017.jsconf.eu/speakers/franziska-hinkelmann-javascript-engines-how-do-they-even.html Want to know how JavaScript engines work? Why is JavaScript so fast? What is just-in-time compilation? We’ll look at basic concepts of compilers, challenges posed by modern JavaScript, and how to write compiler-friendly JavaScript.

4 years ago

Dan Abramov: Beyond React 16 | JSConf Iceland

108K views • 33 minutes

https://2018.jsconf.is/speakers/dan-abramov/ React 16 was released several months ago. Even though this update was largely API-compatible, the rewritten internal engine included new long-requested features and opened the door for exciting future possibilities. In this talk, Dan will share the React team’s vision for what the future of React might look like, including some never before seen prototypes. Whether or not you use React, Dan hopes that you will find something valuable in this talk, and that it sparks new conversations about building delightful user interfaces.

3 years ago

Cheng Lou - The State of Animation in React at react-europe 2015

97K views • 29 minutes

A talk on the past, the present and the future of animation, and the place React can potentially take in this. I will be focusing on a few experiments on animation I've done, specifically: react-tween-state, react-state-stream and some unreleased transition-group related thoughts and work. Make sure to checkout react-motion demoed in this video: https://www.npmjs.com/package/react-motion https://twitter.com/_chenglou

6 years ago

Computer, build me an app - Rich Harris - JSConf EU 2018

95K views • 23 minutes

Frameworks exist because writing maintainable apps in vanilla JavaScript is hard. But frameworks aren’t free: downloading and parsing those extra bytes slows things up, just when your users are deciding whether to stick around. Instead of choosing between bulky frameworks and maintainability nightmares, what if we could tell the computer ‘here are the blueprints, now you write the code’? In this talk we’ll discover a new breed of tools, such as Svelte, that let you do exactly that. OMG JSConf EU is coming back in 2019 https://2019.jsconf.eu/

3 years ago

Deep Learning in JS - Ashi Krishnan - JSConf EU 2018

94K views • 31 minutes

It’s clear by now that the robots are coming for us. Breakthroughs in AI fill our streams and news feeds, themselves the products of AI, the echoing algorithmic screams of a new kind of mind being born. Using deeplearn.js, we’ll find out how deep learning systems learn and examine how they think. The fundamental building blocks of AI have never been more accessible. Let’s explore the architecture of these new minds, which are growing to mediate our every interaction. JSConf EU is coming back in 2019 https://2019.jsconf.eu/

3 years ago

Ryan Seddon: So how does the browser actually render a website | JSConf EU 2015

86K views • 29 minutes

We all take for granted that when we push enter in the browsers address bar, magic happens. The browser gets our HTML, that intern requests all the dependencies, insert magic, other things happen and then we have our site rendered. Simple, right, right… Like many people as I’ve progressed in my career, building for the web, I’ve become curious as to how the browser does what it does. What makes it tick, how it turns a string of HTML into a data structure, how CSS & JavaScript come into play. Things like render tree, style recalculation, paints, reflows, all alien words will start to make sense by the end of this talk. Suddenly you’ll understand why people recommend you place script tags at the bottom of the document, inlining critical CSS & all sorts of other performance techniques. Intro music by @halfbyte

6 years ago

The economics of open source by C J Silverio | JSConf EU 2019

80K views • 37 minutes

The JS package commons is in the hands of a for-profit entity. We trust npm with our shared code, but we have no way to hold npm accountable for its behavior. A trust-based system cannot function without accountability, but somebody still has to pay for the servers. How did we get here, and what should JavaScript do now? https://2019.jsconf.eu/c-j-silverio/the-economics-of-open-source.html

2 years ago

Ashley Williams: If you wish to learn ES6/2015 from scratch, you must first invent the universe

79K views • 25 minutes

Javascript has always been a language with very little syntactic sugar—for better or worse. With ES6/2015, and future iterations,though, Javascript is gaining a more and more abstract and expressive syntax. To some it might appear that our language—which already seems accessible and approachable for beginners— is becoming even more accessible and approachable. However, both the humanities and CS education research have proven that abstraction, while a powerful tool for knowledgeable practitioners, can be an equally powerful foil for beginners. As we enter the era of language-level abstractions in ES6/2015, we are charged with the task of rethinking how we teach JavaScript. Through an interdisciplinary montage I will identify the problem of teaching abstraction as a ubiquitous demand across nearly every domain, and align the issues of creativity and critical thinking in the humanities with issues in computer science. The talk will conclude with a discussion of how the discipline of computer science and that of the humanities can inform each other to produce more effective and creative solutions to both developing and teaching abstractions.

6 years ago

Douglas Crockford: Really. JavaScript.

78K views • 46 minutes

9 years ago

Lin Clark: A Cartoon Intro to WebAssembly | JSConf EU

77K views • 29 minutes

http://2017.jsconf.eu/speakers/lin-clark-a-cartoon-intro-to-webassembly.html WebAssembly is fast. It’s being called “the future of the web”. It’s speed and potential have major browser vendors working together to make it a reality. And it’s on it’s way—the MVP hit multiple browsers in October of last year. But what makes it fast? Starting from the basics, this talk will walk you through what WebAssembly is, and then why it’s fast.

4 years ago

Recoil: State Management for Today's React - Dave McCabe aka @mcc_abe at @ReactEurope 2020

76K views • 33 minutes

We present an approach to state management that scales from a single component to highly complex apps. This boilerplate-free system makes it easy to support browser history and URLs and to manage asynchronous data dependencies, and works with modern React features. We use as a case-study a sophisticated data analysis tool developed at Facebook which led us to create this system.

a year ago

Asynchrony: Under the Hood - Shelley Vohr - JSConf EU

76K views • 25 minutes

This talk will explore the conceptual underpinnings of asynchronous programming options, and the drawbacks and advantages to each. JS has supported callbacks since 2009, and as years have gone by it’s added support for promises, generators, and now async/await. On a surface level, each of these techniques seeks to answer a question of how to access data not immediately available, but a deeper look into how each works on a granular level will show their implementation differences and how these differences affect usage. We’ll also take a look at how intermediate values, and errors are affected by each method. I’ll walk through a series of scenarios so you can better visualize performance differences, and how each method propagates data through the stack and the event loop. Finally, I’ll talk about where the future of async may be headed. Armed with new knowledge from this deep dive, the potentially treacherous road to fully understanding async will hopefully become a smoother ride! OMG JSConf EU is coming back in 2019 https://2019.jsconf.eu/

3 years ago

Dan Abramov - The Redux Journey at react-europe 2016

68K views • 26 minutes

A year ago, Dan introduced Redux as an experiment in making the Flux architecture support hot reloading and time travel. Since then, Redux eclipsed the classic Flux in popularity, found converts in React, Angular, and Meteor communities, and spawned a rich ecosystem of libraries and tools. In this talk, Dan reflects on the past, present, and future of Redux.

5 years ago

Look mum, no hands! — Brain controlled JavaScript - Charlie Gerard - JSConf EU 2018

66K views • 24 minutes

A typical interaction with a device or interface involves touching it. Either you’re pressing buttons on a controller, swiping on a touchscreen or clicking on your laptop’s trackpad. But what if you could control things without the use of your hands? What if you could use… your thoughts? I have been tinkering with a brain sensor and developed an open source JavaScript framework for it to allow me (or anyone else) to control interfaces or robots using facial expressions and mental commands. OMG JSConf EU is coming back in 2019 https://2019.jsconf.eu/

3 years ago

Evan You on Vue.js: Seeking the Balance in Framework Design | JSConf.Asia 2019

61K views • 38 minutes

As the author of Vue, I often get asked on how the major JavaScript frameworks today differ from one another. Typically people expect technical details: size, performance, ecosystem... but to me, what fundamentally differentiates frameworks from one another is where a framework lands on the primitives vs. conventions spectrum. This is usually a conscious design decision, and the major frameworks we see today manifests three different segments of this spectrum. In this talk I'll discuss how these design choices have affected the adoption and growth of these frameworks, and why there might not be one single optimal balance point. Evan is an independent open source developer. He created Vue.js, a popular frontend framework and now works on it full-time. Before going full-time open source, Evan worked as a core dev at Meteor, and before that as a creative technologist at Google Creative Lab. JSConf.Asia - LASALLE College of the Arts, Singapore - 15 June 2019 Source: https://2019.jsconf.asia/ License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances. Intro animation "something something prisms" by Martin Schuhfuss https://codepen.io/usefulthink/pen/WogmvW Intro music "Know" by Matt McKegg https://soundcloud.com/destroy-with-science/know

2 years ago

Brian Ford: Is Node.js Better?

60K views • 41 minutes

Slides: https://speakerdeck.com/brixen/is-nodejs-better Trans script: http://brixen.io/2012/4/9/is_node_js_better/ Isaac's response: http://blog.izs.me/post/20786279320/re-brixens-is-node-better

9 years ago

Jafar Husain: Async Programming in ES7 | JSConf US 2015

57K views • 32 minutes

Currently there are ES7 features proposed for async programming that have never been seen in a programming language before. If accepted, these proposals could allow entire JS applications to be written without a single callback! By providing the same level of support for async functions as regular functions, ES7 could dramatically alter the way everyday developers write code. Imagine reading data from a stream or a web socket with a simple loop. Imagine catching async errors using try/catch, and never again finding yourself in the callback pyramid of doom. Transcript: https://gist.github.com/voodootikigod/74935e99334367e2c09c

6 years ago

Pete Hunt: React - Rethinking Best Practices (updated) - JSConf.Asia 2013

54K views • 40 minutes

Announcement of the React Chrome Developer Tools http://facebook.github.io/react/blog/2014/01/02/react-chrome-developer-tools.html "React, the new open-source JS library from Facebook and Instagram, is a different way to write JavaScript apps. When it was introduced at JSConf US in May, the audience was shocked by some of its design principles. One sarcastic tweet from an audience member ended up describing React's philosophy quite accurately: https://twitter.com/cowboy/status/339858717451362304 At Facebook and Instagram, we're trying to push the limits of what's possible on the web with React. My talk will start with a brief introduction to the framework, and then dive into three controversial topics: Throwing out the notion of templates and building views with JavaScript, 're-rendering' your entire application when your data changes, and a lightweight implementation of the DOM and events." Pete is a member of the React core team at Facebook and also the sole engineer on Instagram.com. He has also designed and implemented the video encode backend infrastructure for Facebook and Instagram and computer vision infrastructure and general front-end web engineering for Facebook photos. Pete likes to play guitar and rock climbing when he is not hacking. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/31/jsconfasia-2013-pete-hunt-react-rethinking-best-practices Slides: http://www.slideshare.net/floydophone/react-preso-v2 License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

8 years ago

Martin Kleppe: 1024+ Seconds of JS Wizardry -- JSConf EU 2013

53K views • 31 minutes

Slides: http://www.slideshare.net/aemkei/1024-seconds-of-js-wizardry-jsconfeu-2013 Spoiler: The World: http://aem1k.com/world/ We spend our days creating large-scale applications byte by byte. But what happens at night when we get rid of bloated libraries and browser dependencies? What will we discover deep under the surface if we dissect the language of the web into its atomic parts? In this talk we will hack tweet-sized games, write code in only six characters and create the self-modifying "Hello World" in less than 1024 bytes of JavaScript. All just for fun and without asking "Why?". Prepare yourself for 140 slides full of old-school ASCII art and crazy code golfing! Source: http://2013.jsconf.eu/speakers/martin-kleppe-1024-seconds-of-js-wizardry.html License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

8 years ago

Sebastian Markbage: Minimal API Surface Area | JSConf EU 2014

53K views • 24 minutes

I’ll explain how React is moving towards a minimal API surface area. Instead of providing many framework features, React is trying to utilize patterns, paradigms and JavaScript language features to accomplish the same tasks that other frameworks have dedicated APIs for. We start out with higher order runtime features and then backport them to use ES6 language features and syntax. How does the JSX syntax extension fits into this model? I will also touch on the syntax proposals we and other framework authors are making to ES7 and future versions of JavaScript. Transcript: http://2014.jsconf.eu/speakers/sebastian-markbage-minimal-api-surface-area-learning-patterns-instead-of-frameworks.html License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

7 years ago

[JSConfUS 2013] Steven Wittens: Making WebGL Dance

51K views • 30 minutes

8 years ago

Lee Byron - Exploring GraphQL at react-europe 2015

51K views • 27 minutes

At React.js Conf last January, we introduced the idea of GraphQL: a data fetching language that allows clients to declaratively describe their data requirements. Let's explore more of GraphQL, it's core principles, how it works, and what makes it a powerful tool.

6 years ago

Addy Osmani: The Browser Hackers Guide To Instantly Loading Everything | JSConf EU 2017

51K views • 28 minutes

http://2017.jsconf.eu/speakers/addy-osmani-the-browser-hackers-guide-to-instantly-loading-everything.html Venture deep into the belly of the browser to uncover the secret incantations to instantly load anything. We’ll even back it up with rock-hard data. Will we use preload, prefetch and preconnect? What about HTTP/2 Server Push? or Service Worker? and how the heck do we ship JavaScript bundles that don’t break the bank on mobile? Discover this and more tips to delight your users in the Browser Hacker’s guide to instantly loading EVERYTHING.

4 years ago
© 2021, Built with ❤️ by Engin