Jad Joubran

Independent JavaScript and Web Performance consultant

Teaching the next generation of ambitious developers.


Web Consultant

Based in Amsterdam, I consult (hourly and daily options) on Web Performance and PWA.


Tech Speaker

I speak at tech conferences and private companies around the world about the Web.



I taught full-stack development to 700+ students in Europe. Nowadays, I teach online for more than 100,000 students.

Trusted by

ABN Amro Hogeschool van Amsterdam (University of Amsterdam) Fronteers Amsterdam boats
Webstep Blue Square Hub March Tee X-soft
Le Wagon Code.berlin Anghami B. Startup School Amsterdam

and other companies such as IKEA and MediaMarkt

Featured in

El Pais Smashing Magazine MTV Sitepoint


I'm humbled to be awarded for my continuous community engagements

Upcoming talks (2024)

Modern web performance patterns

How do you load a large library that is the core of your functionality? How do you achieve instant loading of a large web app? Get familiar with the modern patterns you can use to improve your web app's performance and make it stand out.

How z-index actually works: a deep dive into stacking order

How does the browser decide on the order of overlapping elements on the page? The stacking order has evolved over the years. Learn how it works and get recommendations for managing it in your project.

Interested in hosting one of these talks? Book me to speak at your conference in 2024.

Previous talks

View transitions: a deep dive

Presented at FDND x Fronteers meetup
Location: Hogeschool van Amsterdam, Netherlands
Date: May, 2024

View transitions: a deep dive

Presented at DevFest (Google Stockholm)
Location: Stockholm, Sweden
Date: December, 2023

Modern web performance patterns

Presented with Smashing Magazine
Location: online
Date: April, 2023

How z-index actually works: a deep dive into stacking order

Presented at Google Berlin
Location: Berlin, Germany
Date: Jan, 2023

Speaking events

I’ve inspired audiences around the world. Book me to speak at your conference in 2024.

Products I've built

Learn HTML CSS preview

Learn TypeScript

Learn TypeScript step by step in an interactive environment. Made for developers with JavaScript experience.

Learn HTML CSS preview

JavaScript Projects (free)

Practice your web development skills by building the avatar designer and CurrencyPro projects.

Learn HTML CSS preview

JavaScript knowledge map

Discover and track the JavaScript concepts you need to learn.

Learn HTML CSS preview


The easiest way to learn semantic and accessible HTML and CSS step by step.

Learn Programming preview

Learn Programming

The easiest way to learn Programming concepts for absolute beginners step by step.

React Tutorial preview

React Tutorial

The easiest way to learn React. Understand how React works not just how to build with React.

Learn JavaScript preview

Learn JavaScript

Learn & practice modern JavaScript step by step with this interactive online course.

Webdash preview


Webdash helps you visualize, monitor & manage your web project using community-driven plugins.

Codetogo preview

Code To Go

Code To Go helps you find up to date snippets for common JavaScript use cases.

Recent YouTube video

Articles I've published

Immutable array updates with Array.prototype.with

Learn how to use this new method to update an array without mutating the original array.


How long does it take to learn JavaScript?

In this article, we discuss how long you need to become a beginner JavaScript developer.


JavaScript Fetch API use cases

Study notes and common use cases for the Fetch API in JavaScript.


JavaScript .at() method – the complete guide.

The complete guide for String.at() and Array.at() in JavaScript. Learn additional use cases for the .at() method.


JavaScript hasclass using classList.contains

Learn how to check if an element has a class or not using the modern alternative with classList.contains.


Build A PWA With Webpack & Workbox

This tutorial will help you transform an app that doesn’t work offline into a PWA that works offline and shows an update available icon.

Smashing magazine

How to get more clients as a freelancer

Learn practical tips that will help you get more clients as a freelance developer while earning more. Kickstart your freelance career in 7 steps.


Running fetch in a web worker

An explainer for Web Workers and Comlink using fetch as an example Web API. Serves as an intro for Web workers.

Google Developer Experts

Business offering

Jad Joubran

While most of my work revolves around building and writing courses for consumers, I am also available for some specific work with businesses.

In particular, you can book me to present a Web Performance workshop for your company.

Alternatively, you can hire me to fix your Web Performance issues.

Important: For questions related to one of my courses,
please use the contact page instead.