Skill up with these free JavaScript talks from 2020/2021

JavaScript rules the world, and staying up-to-date with the latest JS developments is a must. So sit down and relax while watching amazing talks from 2020 and 2021 online conferences.


What's your library of choice: React, Angular, Vue? Whichever that may be, JavaScript powers the web. That's why we made the following list of the best JS talks to help you stay in the loop. It doesn't matter if you're a beginner or a pro looking for advanced JavaScript courses — we've got you covered. 


The list features hands-on tutorials on data visualization or neurotechnology but also talks regarding the philosophy and the future of the language. So dive in and enjoy!


Shawn Swyx Wang: The third age of JavaScript



The way we write JavaScript in 2030 will be completely different than in 2020, predicts Shawn Swyx Wang. And he says why: the slow death of IE11 and rollout of ES Modules will converge toward a new generation of JavaScript tooling. These tools are faster, typesafer, and polyglot, leading to better developer and user experience, and you can get familiar with them in this talk.


Charlie Gerard: Building brain-controlled interfaces in JavaScript




Neurotechnology uses technological tools to understand more about the brain and enable a direct connection with the nervous system. Research in this space is not new; however, its accessibility to JavaScript developers is. 


Over the past few years, brain sensors have become available to the public, with tooling that makes it possible for web developers to experiment with building brain-controlled interfaces. As this technology is evolving and unlocking new opportunities, Charlie Gerard looks into one of the latest devices available, how it works, the possibilities it opens up, and explains how to start building your first mind-controlled app using JavaScript.


Stuart Langridge: You really don't need all that JavaScript, I promise




JavaScript is the way to add interactivity to your sites, provide a slick and delightful user experience, and make everything fast, easy, and clean. But at some point, everything changed: the tail started to wag the dog instead, and development became Javascript-first. 


In this video, Stuart Langridge talks about how you maybe shouldn't rely on JS as much as you're told to and gives some practical strategies for building sites without reaching for a JS framework as the first, last, and only tool for making the web happen.



Lin Clark: Making JavaScript on WebAssembly fast




JavaScript runs many times faster in the browser than it did two decades ago. And that happened because the browser vendors spent that time working on intensive performance optimizations in their JavaScript engines. Because of this, JS is now running in many places besides the browser. But there are still some environments where the JS engines can't apply those optimizations in the right way to make things fast. 


As Lin Clark explains, her team at Fastly and she are working to solve this, beginning a whole new wave of JavaScript optimization work. In this talk, she'll show you how to improve JavaScript performance for entirely different environments using WebAssembly.


Alexander Esselink: Future of Svelte




"I've been looking for a good reactive application platform for a long time. At some point, a friend of mine introduced me to Svelte, and I immediately fell in love with it," says Alexander Esselink, aka Dexter, a full-stack developer at Passionate People. In this talk, he'll give you a comprehensive introduction to the future of Svelte, which is one of his favorite tools for building web applications.


Gil Fink: Using data visualization to fight Covid-19




The year 2020 will be remembered as the year of the Covid-19 pandemic. During the lockdowns, Gil Fink was involved in building a web app for the government health department. The app visualized the chain of infection and helped decision-makers understand the characteristics of the virus spreading and other aspects. In this talk, Gil speaks about how he used D3 and React to build the app.


Chloe Noh: DIY data visualization in JavaScript




As long as you have an idea about what you want to show, you can use JavaScript to collect and visualize data, says Chloe Noh. In this video, she'll show you her process of data visualization, from selecting the main subjects and key indices for storytelling to choosing the right type of visualization charts. 


Jason Mayes: TensorFlow.JS 101 – ML in the browser and beyond




Discover how to embrace machine learning in JavaScript using TensorFlow.js in the browser and beyond in this speedy talk Jason Mayes. Get inspired through a whole bunch of creative prototypes that push the boundaries of what is possible in the modern web browser and take your first steps with machine learning in minutes. 


By the end of the talk, you will understand how to recognize an object of your choice, which could then be used in any creative way. Familiarity with JavaScript is assumed, but no background in machine learning is required.



Jan Tomes
Jan Tomes
02 Aug, 2021

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Scaling Up with Remix and Micro Frontends
Remix Conf Europe 2022Remix Conf Europe 2022
23 min
Scaling Up with Remix and Micro Frontends
Top Content
This talk discusses the usage of Microfrontends in Remix and introduces the Tiny Frontend library. Kazoo, a used car buying platform, follows a domain-driven design approach and encountered issues with granular slicing. Tiny Frontend aims to solve the slicing problem and promotes type safety and compatibility of shared dependencies. The speaker demonstrates how Tiny Frontend works with server-side rendering and how Remix can consume and update components without redeploying the app. The talk also explores the usage of micro frontends and the future support for Webpack Module Federation in Remix.
Full Stack Documentation
JSNation 2022JSNation 2022
28 min
Full Stack Documentation
Top Content
The Talk discusses the shift to full-stack frameworks and the challenges of full-stack documentation. It highlights the power of interactive tutorials and the importance of user testing in software development. The Talk also introduces learn.svelte.dev, a platform for learning full-stack tools, and discusses the roadmap for SvelteKit and its documentation.
(Easier) Interactive Data Visualization in React
React Advanced 2021React Advanced 2021
27 min
(Easier) Interactive Data Visualization in React
Top Content
This Talk is about interactive data visualization in React using the Plot library. Plot is a high-level library that simplifies the process of visualizing data by providing key concepts and defaults for layout decisions. It can be integrated with React using hooks like useRef and useEffect. Plot allows for customization and supports features like sorting and adding additional marks. The Talk also discusses accessibility concerns, SSR support, and compares Plot to other libraries like D3 and Vega-Lite.
Svelte 5: North Star
JSNation US 2024JSNation US 2024
29 min
Svelte 5: North Star
Top Content
As a child, the speaker was fascinated with space and finding direction. Svelte is an HTML-first approach to web development that simplifies tasks and offers efficient reactivity. The speaker reflects on Svelte's growth, goals, and design philosophy. Svelte aims to fix broken software and prioritize user focus. The future direction includes error boundaries, better debugging, and AI's role. Building open source software is challenging, and Rust's impact is discussed. The speaker values framework diversity and highlights the advancements and challenges faced by web development.
Full Stack Components
Remix Conf Europe 2022Remix Conf Europe 2022
37 min
Full Stack Components
Top Content
RemixConf EU discussed full stack components and their benefits, such as marrying the backend and UI in the same file. The talk demonstrated the implementation of a combo box with search functionality using Remix and the Downshift library. It also highlighted the ease of creating resource routes in Remix and the importance of code organization and maintainability in full stack components. The speaker expressed gratitude towards the audience and discussed the future of Remix, including its acquisition by Shopify and the potential for collaboration with Hydrogen.
Debugging JS
React Summit 2023React Summit 2023
24 min
Debugging JS
Top Content
Watch video: Debugging JS
Debugging JavaScript is a crucial skill that is often overlooked in the industry. It is important to understand the problem, reproduce the issue, and identify the root cause. Having a variety of debugging tools and techniques, such as console methods and graphical debuggers, is beneficial. Replay is a time-traveling debugger for JavaScript that allows users to record and inspect bugs. It works with Redux, plain React, and even minified code with the help of source maps.

Workshops on related topic

Master JavaScript Patterns
JSNation 2024JSNation 2024
145 min
Master JavaScript Patterns
Top Content
Featured Workshop
Adrian Hajdin
Adrian Hajdin
During this workshop, participants will review the essential JavaScript patterns that every developer should know. Through hands-on exercises, real-world examples, and interactive discussions, attendees will deepen their understanding of best practices for organizing code, solving common challenges, and designing scalable architectures. By the end of the workshop, participants will gain newfound confidence in their ability to write high-quality JavaScript code that stands the test of time.
Points Covered:
1. Introduction to JavaScript Patterns2. Foundational Patterns3. Object Creation Patterns4. Behavioral Patterns5. Architectural Patterns6. Hands-On Exercises and Case Studies
How It Will Help Developers:
- Gain a deep understanding of JavaScript patterns and their applications in real-world scenarios- Learn best practices for organizing code, solving common challenges, and designing scalable architectures- Enhance problem-solving skills and code readability- Improve collaboration and communication within development teams- Accelerate career growth and opportunities for advancement in the software industry
Using CodeMirror to Build a JavaScript Editor with Linting and AutoComplete
React Day Berlin 2022React Day Berlin 2022
86 min
Using CodeMirror to Build a JavaScript Editor with Linting and AutoComplete
Top Content
Workshop
Hussien Khayoon
Kahvi Patel
2 authors
Using a library might seem easy at first glance, but how do you choose the right library? How do you upgrade an existing one? And how do you wade through the documentation to find what you want?
In this workshop, we’ll discuss all these finer points while going through a general example of building a code editor using CodeMirror in React. All while sharing some of the nuances our team learned about using this library and some problems we encountered.
Build with SvelteKit and GraphQL
GraphQL Galaxy 2021GraphQL Galaxy 2021
140 min
Build with SvelteKit and GraphQL
Top Content
Workshop
Scott Spence
Scott Spence
Have you ever thought about building something that doesn't require a lot of boilerplate with a tiny bundle size? In this workshop, Scott Spence will go from hello world to covering routing and using endpoints in SvelteKit. You'll set up a backend GraphQL API then use GraphQL queries with SvelteKit to display the GraphQL API data. You'll build a fast secure project that uses SvelteKit's features, then deploy it as a fully static site. This course is for the Svelte curious who haven't had extensive experience with SvelteKit and want a deeper understanding of how to use it in practical applications.

Table of contents:
- Kick-off and Svelte introduction
- Initialise frontend project
- Tour of the SvelteKit skeleton project
- Configure backend project
- Query Data with GraphQL
- Fetching data to the frontend with GraphQL
- Styling
- Svelte directives
- Routing in SvelteKit
- Endpoints in SvelteKit
- Deploying to Netlify
- Navigation
- Mutations in GraphCMS
- Sending GraphQL Mutations via SvelteKit
- Q&A
Build a powerful DataGrid in few hours with Ag Grid
React Summit US 2023React Summit US 2023
96 min
Build a powerful DataGrid in few hours with Ag Grid
Top Content
WorkshopFree
Mike Ryan
Mike Ryan
Does your React app need to efficiently display lots (and lots) of data in a grid? Do your users want to be able to search, sort, filter, and edit data? AG Grid is the best JavaScript grid in the world and is packed with features, highly performant, and extensible. In this workshop, you’ll learn how to get started with AG Grid, how we can enable sorting and filtering of data in the grid, cell rendering, and more. You will walk away from this free 3-hour workshop equipped with the knowledge for implementing AG Grid into your React application.
We all know that rolling our own grid solution is not easy, and let's be honest, is not something that we should be working on. We are focused on building a product and driving forward innovation. In this workshop, you'll see just how easy it is to get started with AG Grid.
Prerequisites: Basic React and JavaScript
Workshop level: Beginner
Developing Dynamic Blogs with SvelteKit & Storyblok: A Hands-on Workshop
JSNation 2023JSNation 2023
174 min
Developing Dynamic Blogs with SvelteKit & Storyblok: A Hands-on Workshop
Top Content
WorkshopFree
Alba Silvente Fuentes
Roberto Butti
2 authors
This SvelteKit workshop explores the integration of 3rd party services, such as Storyblok, in a SvelteKit project. Participants will learn how to create a SvelteKit project, leverage Svelte components, and connect to external APIs. The workshop covers important concepts including SSR, CSR, static site generation, and deploying the application using adapters. By the end of the workshop, attendees will have a solid understanding of building SvelteKit applications with API integrations and be prepared for deployment.
Build a Powerful Datagrid With AG Grid
React Summit 2024React Summit 2024
168 min
Build a Powerful Datagrid With AG Grid
Top Content
WorkshopFree
Brian Love
Brian Love
Does your React app need to efficiently display lots (and lots) of data in a grid? Do your users want to be able to search, sort, filter, and edit data? AG Grid is the best JavaScript grid in the world and is packed with features, highly performant, and extensible. In this workshop, you’ll learn how to get started with AG Grid, how we can enable sorting and filtering of data in the grid, cell rendering, and more. You will walk away from this free 3-hour workshop equipped with the knowledge for implementing AG Grid into your React application.