Discover the future of the JavaScript development ecosystem and get connected to its stellar crowd! Attend JSNation Live, a 3-day conference on all things JS, gathering international software engineers in the cloud.

JSNation Live

JSNation Live 2020

Tobias Koppers

JS Nation

I’m attending JSNation – the main JavaScript conference of the year. You may join me there for free with 10k other JS engineers and 40+ great speakers. Just follow this badge. 

#javascript

JSNation 2022

JSNation 2023

React Summit

I am attending the biggest #Reactjs conference remotely. You may get a limited free ticket (50% of talks, no workshops) and join me by clicking this badge.

#react #reactjs

React Summit 2023

React Day Berlin

React Day Berlin 2022

React Day Berlin 2023

JSNation 2024

The contemporary software engineering and design festival. Code, Career, Connections. Imagine a playground for career advancement for developers, QAs and UX researchers, focusing on networking, groundbreaking tech ideas, and unique experiences. No matter your tech stack embrace this chance to connect with industry leaders, collaborate, and enhance your professional and leadership skills.

C3 Dev Festival

Join me at C3 Dev Fest, a contemporary software engineering festival!

Register to win an all-paid trip to Amsterdam. Elevate your career with industry experts and workshops & rock 3 dance stages at the after-party!

C3 Dev Festival 2024

Panel Discussion: JS Frameworks

<p>We will look into usual optimization bundlers applied on production builds and how they can be combined with incremental builds.</p>

Challenges for Incremental Production Optimizations

<div>We take a look at different challenges and decisions when bundling code for web applications. We look at how these are commonly solved and why we need to rethink them.</div>

Rethinking Bundling Strategies

The Core of Turbopack Explained (Live Coding)

Turbopack. Why? How? When? and the Vision...

<p>What can we learn from the last 10 years for the next 5 years? Is there a future for Webpack? What do we need to do now?</p>

Webpack in 5 Years?

<p>Microfrontends as Monolith? Shared component library or styleguide? This technique allows to consume modules from separate builds, which can be developed and deployed independently. An introduction, and further ideas.</p><p>  <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a></p>

Module Federation in Webpack 5

Vite is a modern JavaScript build tool that offers lightning-fast performance and out-of-the-box support for modern JavaScript features. It uses native ES modules and provides instant server-side rendering, zero configuration, and automatic static optimization. Vite is built on top of the popular Rollup bundler but is much faster due to its use of native ES modules and its ability to skip unnecessary builds. It also provides hot module replacement (HMR) and supports modern JavaScript features such as TypeScript, JSX, and CSS pre-processors.

Vite is a modern JavaScript development toolchain that enables developers to quickly build, develop and deploy high-performance web apps. This page contains talks, workshops, tutorials and presentations related to Vite, which will help developers learn the fundamentals of Vite and how to use it to create powerful web applications. Learn about the features of Vite, best practices for using it and more. With these resources, you can become an expert in Vite and take your web development skills to the next level.

Vite: Talks, Workshops, Tutorials & Presentations for JavaScript Developers

JS tooling is a term used to describe the tools and processes used to develop applications in JavaScript. This includes frameworks, libraries, build systems, task runners, and other tools that help developers create, test, and deploy their applications. We have talks and workshops on this topic to help students learn how to use these tools effectively and efficiently.

This page contains talks, workshops, tutorials and presentations about js tooling - the most up-to-date JavaScript tools and techniques for developers. Learn how to set up a JavaScript development environment, create custom scripts and build applications with the latest technologies. Discover the best practices for using popular tools like Gulp, Grunt, Webpack, Babel and more. Get tips on debugging and troubleshooting common problems. Whether you are a beginner or an experienced developer, these resources will help you get the most out of your JavaScript tooling.

Exploring JS Tooling: Talks, Workshops, Tutorials and Presentations

Feeling like boosting up your career? In this section, you'll find free JavaScript courses, tutorials, and coding lessons to help you stay up-to-date with the latest developments in the JS ecosystem and take you from basic to advanced. Dive into it, and you'll find out that the world's most popular programming language is easy to learn.

Welcome to the JavaScript Learning Portal! Here you will find a variety of talks, workshops, tutorials and presentations about JavaScript. Whether youre a beginner looking to learn the basics or an experienced developer looking to stay up-to-date on the latest trends in the language, this portal has something for everyone. We have organized our content into different categories so you can easily find what you need. Explore our selection of talks, workshops, tutorials and presentations today and start learning more about JavaScript!

JavaScript Talks, Workshops, Tutorials & Presentations - Learn JavaScript from the Experts!

DevTools is a set of web development tools built into the Chrome browser. They allow developers to inspect and debug HTML, CSS, and JavaScript code on any web page. DevTools provides access to the Document Object Model (DOM), allowing developers to view the structure of a page and make changes to it in real-time. It also provides features such as network performance analysis, JavaScript debugging, and memory profiling, which help developers optimize their code.

DevTools Talks, Workshops, Tutorials and Presentations

Discover the power of DevTools with our range of talks, workshops, tutorials and presentations. Our experts will help you understand how to use DevTools to debug, inspect, and improve your code. Learn best practices for debugging, profiling, and optimizing your JavaScript applications. Get up-to-date on the latest trends in DevTools and find out how they can help you become a better developer. Whether youre a beginner or an experienced programmer, we have something for everyone. Come join us and explore the world of DevTools!

DevTools Talks, Workshops, Tutorials & Presentations: Get the Most Out of Your JavaScript Development!

Build tools are programs that automate the process of creating a software application. They are used to compile source code, run tests, package applications, and deploy them into production environments. Build tools help developers save time by automating the process of building an application from its source code. In JavaScript development, build tools like Grunt, Gulp, Webpack, and Browserify can be used to automate tasks such as minifying code, running unit tests, and compiling Sass or Less files.

This page contains talks, workshops, tutorials and presentations about build tools, a critical component of web development. Learn how to use build tools to automate tasks such as compilation, minification, unit testing, linting and more. Discover the best practices for efficient project management and get tips on how to get started with build tools. Get access to comprehensive resources from experienced professionals and stay up-to-date with the latest trends in JavaScript development.

Learn How to Use Build Tools for JavaScript Development: Talks, Workshops, Tutorials & Presentations

Frontend refers to the part of a website or application that users interact with. It is typically built using HTML, CSS and JavaScript to create an interface that allows users to view and interact with content. Frontend developers are responsible for creating the visual elements of a website or application, such as layout, styling, animation, and user interaction. This includes designing how a page looks, how it responds to different events, and how it interacts with the user.

The page contains talks, workshops, tutorials and presentations about frontend and is designed for JavaScript developers looking to improve their knowledge and skills in this area. Here you can find the latest insights, tools and techniques to help you stay up-to-date with the ever-changing frontend landscape. Whether youre a beginner or an experienced developer, youll find something to help you become a better frontend engineer.

Frontend Talks, Workshops, Tutorials & Presentations for JavaScript Developers

Node.js is a JavaScript runtime environment that allows developers to run JavaScript code outside of a web browser. It uses an event-driven, non-blocking I/O model to handle requests efficiently and is particularly suited for building scalable network applications. Node.js comes with a built-in package manager (npm) and a large ecosystem of libraries and modules that makes it easy to develop server-side applications.

This page provides talks, workshops, tutorials and presentations about the popular server-side JavaScript runtime environment, Node.js. Learn from experienced developers how to set up Node.js, use its features and build powerful applications. Get up to date with the latest trends in web development and find out how to make use of Node.js for your projects.

Node.js Talks, Workshops, Tutorials & Presentations: Everything You Need to Know About Node.js

Next.js is a React-based web application framework that allows for server-side rendering, static site generation, and client-side rendering. It offers features such as automatic code splitting, serverless functions, and dynamic imports to improve website performance and scalability. Additionally, it provides an easy-to-use file-based routing system and supports a wide range of technologies and libraries.

The page contains talks, workshops, tutorials and presentations about next.js, a powerful JavaScript framework for building web applications and websites. Learn the fundamentals of this framework through our comprehensive collection of talks, workshops, tutorials and presentations. Get an in-depth understanding of how to use Next.js to create modern, fast, and reliable applications. Discover best practices for structuring and deploying your code, and learn how to leverage the latest features and capabilities of Next.js. With these resources, youll be able to develop high-performing web applications quickly and easily.

Exploring Next.js: Talks, Workshops, Tutorials & Presentations for JavaScript Developers

WebAssembly (or WASM) is a low-level, binary instruction format for executable code on the web. It is designed as a portable target for compilation of high-level languages like C/C++/Rust, enabling deployment on the web for client and server applications. WebAssembly aims to execute at near-native speed by taking advantage of common hardware capabilities available on a wide range of platforms. It is also designed to be memory-safe, with built-in support for detecting and handling memory access errors. WebAssembly can be used in conjunction with JavaScript, allowing developers to leverage both languages in their applications.

Webassembly is a revolutionary new technology that enables JavaScript developers to create high performance applications with near-native speeds. This page contains talks, workshops, tutorials and presentations about Webassembly, providing an in-depth look at this cutting-edge technology. Learn how to use Webassembly to improve the performance of your web applications and unlock new possibilities for development. Discover the latest trends and best practices in web development with Webassembly and get the most out of this powerful tool.

Webassembly Talks, Workshops, Tutorials, and Presentations for JavaScript Developers

Webpack is a module bundler for modern JavaScript applications. It takes modules with dependencies and generates static assets representing those modules. Webpack provides a unified approach to bundling, transforming, and loading all of your project's static assets. It allows you to write modular code and bundle it together into small packages to optimize load time. Webpack also provides plugins and loaders that allow you to preprocess, minify, and transpile your code so it can run in different environments.

Webpack is a powerful and popular open source JavaScript module bundler, used to compile and bundle all of the projects dependencies into a single file. This page contains talks, workshops, tutorials and presentations about webpack, designed to help JavaScript developers understand how to use webpack for their projects. Learn how to configure webpack, optimise build times, debug issues and more from experienced professionals.