Skill up with these free JavaScript talks from 2020/2021

Jan Tomes
Jan Tomes
02 Aug, 2021
Rate this content
Bookmark

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
Do you have a large product built by many teams? Are you struggling to release often? Did your frontend turn into a massive unmaintainable monolith? If, like me, you’ve answered yes to any of those questions, this talk is for you! I’ll show you exactly how you can build a micro frontend architecture with Remix to solve those challenges.
Full Stack Documentation
JSNation 2022JSNation 2022
28 min
Full Stack Documentation
Top Content
Interactive web-based tutorials have become a staple of front end frameworks, and it's easy to see why — developers love being able to try out new tools without the hassle of installing packages or cloning repos.But in the age of full stack meta-frameworks like Next, Remix and SvelteKit, these tutorials only go so far. In this talk, we'll look at how we on the Svelte team are using cutting edge web technology to rethink how we teach each other the tools of our trade.
(Easier) Interactive Data Visualization in React
React Advanced Conference 2021React Advanced Conference 2021
27 min
(Easier) Interactive Data Visualization in React
Top Content
If you’re building a dashboard, analytics platform, or any web app where you need to give your users insight into their data, you need beautiful, custom, interactive data visualizations in your React app. But building visualizations hand with a low-level library like D3 can be a huge headache, involving lots of wheel-reinventing. In this talk, we’ll see how data viz development can get so much easier thanks to tools like Plot, a high-level dataviz library for quick & easy charting, and Observable, a reactive dataviz prototyping environment, both from the creator of D3. Through live coding examples we’ll explore how React refs let us delegate DOM manipulation for our data visualizations, and how Observable’s embedding functionality lets us easily repurpose community-built visualizations for our own data & use cases. By the end of this talk we’ll know how to get a beautiful, customized, interactive data visualization into our apps with a fraction of the time & effort!
Full Stack Components
Remix Conf Europe 2022Remix Conf Europe 2022
37 min
Full Stack Components
Top Content
Remix is a web framework that gives you the simple mental model of a Multi-Page App (MPA) but the power and capabilities of a Single-Page App (SPA). One of the big challenges of SPAs is network management resulting in a great deal of indirection and buggy code. This is especially noticeable in application state which Remix completely eliminates, but it's also an issue in individual components that communicate with a single-purpose backend endpoint (like a combobox search for example).
In this talk, Kent will demonstrate how Remix enables you to build complex UI components that are connected to a backend in the simplest and most powerful way you've ever seen. Leaving you time to chill with your family or whatever else you do for fun.
Making JavaScript on WebAssembly Fast
JSNation Live 2021JSNation Live 2021
29 min
Making JavaScript on WebAssembly Fast
Top Content
JavaScript in the browser runs many times faster 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 optimization work, JavaScript 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.We’re working to solve this, beginning a whole new wave of JavaScript optimization work. We’re improving JavaScript performance for entirely different environments, where different rules apply. And this is possible because of WebAssembly. In this talk, I'll explain how this all works and what's coming next.
Debugging JS
React Summit 2023React Summit 2023
24 min
Debugging JS
Top Content
As developers, we spend much of our time debugging apps - often code we didn't even write. Sadly, few developers have ever been taught how to approach debugging - it's something most of us learn through painful experience.  The good news is you _can_ learn how to debug effectively, and there's several key techniques and tools you can use for debugging JS and React apps.

Workshops on related topic

Build with SvelteKit and GraphQL
GraphQL Galaxy 2021GraphQL Galaxy 2021
140 min
Build with SvelteKit and GraphQL
Top Content
Featured WorkshopFree
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
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
Featured 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.
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
WorkshopFree
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.
Testing Web Applications Using Cypress
TestJS Summit - January, 2021TestJS Summit - January, 2021
173 min
Testing Web Applications Using Cypress
WorkshopFree
Gleb Bahmutov
Gleb Bahmutov
This workshop will teach you the basics of writing useful end-to-end tests using Cypress Test Runner.
We will cover writing tests, covering every application feature, structuring tests, intercepting network requests, and setting up the backend data.
Anyone who knows JavaScript programming language and has NPM installed would be able to follow along.
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
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
0 to Auth in an Hour Using NodeJS SDK
Node Congress 2023Node Congress 2023
63 min
0 to Auth in an Hour Using NodeJS SDK
WorkshopFree
Asaf Shen
Asaf Shen
Passwordless authentication may seem complex, but it is simple to add it to any app using the right tool.
We will enhance a full-stack JS application (Node.JS backend + React frontend) to authenticate users with OAuth (social login) and One Time Passwords (email), including:- User authentication - Managing user interactions, returning session / refresh JWTs- Session management and validation - Storing the session for subsequent client requests, validating / refreshing sessions
At the end of the workshop, we will also touch on another approach to code authentication using frontend Descope Flows (drag-and-drop workflows), while keeping only session validation in the backend. With this, we will also show how easy it is to enable biometrics and other passwordless authentication methods.
Table of contents- A quick intro to core authentication concepts- Coding- Why passwordless matters
Prerequisites- IDE for your choice- Node 18 or higher