Sign in

Jad Joubran

@jadjoubran.io
611 followers 166 following 54 posts

Independent JavaScript & Web Performance consultant LearnJavaScript.online LearnHTMLCSS.online LearnTypeScript.online React-Tutorial.app SQL-Tutorial.app More info: jadjoubran.io 🇳🇱 Amsterdam

PostsRepliesMedia
Jad Joubran @jadjoubran.io · 25/09/2026
Last week, I gave the opening talk at dotJS in Paris with my talk "The (Abundant) State of the Web" 🎤 My message: we're at an inflection point. For years, building for the web meant working around scarcity. Today we have abundance in every directions: instant loading, Web AI, Web Push,
100
Reposted by Jad Joubran
Frontend Dogma @frontenddogma.com · 13/09/2026
Learn AI, by @jadjoubran.io: learnai.online/?ref=frontenddogma.c… #websites #courses #ai
learnai.online
Learn AI: AI Upskilling course
Learn AI: the AI Upskilling course runs in cohorts, with live group calls alongside interactive lessons, challenges and projects. Team licenses available.
011
Jad Joubran @jadjoubran.io · 02/09/2026
Today I'm excited to announce my AI Upskilling cohort course LearnAI.online 2 weeks, 2 calls per week and an interactive platform where you can learn and practice working with AI at work. This course targets most people working in front of a laptop.
learnai.online
Learn AI: AI Upskilling course
Learn AI: the AI Upskilling course runs in cohorts, with live group calls alongside interactive lessons, challenges and projects. Team licenses available.
011
Reposted by Jad Joubran
Frontend Dogma @frontenddogma.com · 18/08/2026
How Baseline Can Help You Ship Less JavaScript, by @jadjoubran.io (@smashingmag@mastodon.social): www.smashingmagazine.com/2026/08/ho… #javascript #dependencies #browsers #support #webplatform
smashingmagazine.com
How Baseline Can Help You Ship Less JavaScript — Smashing Magazine
The gap between “you need a library for this” and “the browser does this” keeps closing. A practical guide to auditing your dependencies and finding what the web platform can now handle for you.
141
Reposted by Jad Joubran
Frontend Dogma @frontenddogma.com · 16/08/2026
How to Prevent Google Antigravity From Accessing .env, by @jadjoubran.io: jadjoubran.io/blog/prevent-antigrav… #howtos #codeeditors #environments
jadjoubran.io
How to prevent Google Antigravity from accessing .env | Jad Joubran
How to deny Google Antigravity's agent access to your .env in the IDE and the CLI, how to verify it worked, and the settings around it that matter.
011
Reposted by Jad Joubran
Patrick Brosset @patrickbrosset.com · 12/08/2026
> the gap between “you need a library for this” and “the browser does this” keeps closing Love it. Great job @jadjoubran.io Just yesterday, I was actually about to write an article on my blog that would essentially have been the same thing! Also, remember folks, Baseline is also not a ceiling!
1133
Reposted by Jad Joubran
Smashing Magazine @smashingmagazine.com · 10/08/2026
🌐 The gap between “you need a library for this” and “the browser does this” keeps closing. A practical guide to auditing your dependencies and finding what the web platform can now handle for you: www.smashingmagazine.com/2026/08/how-...
1217
Jad Joubran @jadjoubran.io · 27/07/2026
Streamed HTML updates without JavaScript ⚡️ Introduction to Declarative Partial Updates www.youtube.com/watch?v=UbHS... Record at @developers.google.com's Creator Studio in Berlin.
youtube.com
Stream HTML updates without JavaScript ⚡️
YouTube video by Jad Joubran
141
Reposted by Jad Joubran
Barry Pollard @tunetheweb.com · 02/07/2026
The first part of Declarative Partial Updates (`<template for>` out-of-order HTML) is now available, unflagged, in Chrome 150!! developer.chrome.com/release-note... The second part (the new JS setting APIs, include the streaming ones) we're still working on the spec side, but maybe for Chrome 152?
developer.chrome.com
Chrome 150  |  Release notes  |  Chrome for Developers
CSS text-fit property, background-clip border-area, Focusgroup, and more.
77722
Jad Joubran @jadjoubran.io · 01/07/2026
I'll be sharing my experiments with Declarative Partial Updates at Full-Stack NL in Utrecht: 📅 Thu Sep 10, 18:00 🍕 Free pizza & beer 🎟️ RSVP required Hope to see you there! www.meetup.com/nl-nl/full-s...
meetup.com
Experimenting with Declarative Partial Updates and ....., do 10 sep 2026, 18:00 | Meetup
**Talk 1: Experimenting with Declarative Partial Updates - By Jad Joubran** In this live demo, Jad will share his experiments with the Declarative Partial Updates APIs and
110
Jad Joubran @jadjoubran.io · 24/06/2026
I'm excited to be speaking at DotJS Paris this year! Hope to see you there :D www.dotjs.io
000
Reposted by Jad Joubran
WebPerformance Report @webperfreport.bsky.social · 21/06/2026
⚡Featured posts this week from Perf Links by WebPerformance Report: ✨ Declarative partial updates: @jadjoubran.io ✨ The death of Web UI?: @utilitybend.com ✨ HTML The Standard For SEO: @rustybrick.com ✨ We Cut Slow Responses by 80%: Francesca Milan 🙏 Special thanks to the authors! #webperf
WebPerformance Report performance email preview highlighting optimization scores, Perf Links, and Core Web Vitals metrics on a colorful gradient background.
132
Jad Joubran @jadjoubran.io · 18/06/2026
Browsers are getting a native way to update parts of a page after it's been sent. Drop a marker, fill it later with a <template>, streamed from your server, in any order. I wrote about how it works and the new possibilities it unlocks 👇 jadjoubran.io/blog/declara... @developer.chrome.com
jadjoubran.io
Declarative Partial Updates unlock a new Native Component Model | Jad Joubran
How declarative partial updates stream HTML out of order with markers and templates, preserve app state without a framework, and lets us move to a native component model.
000
Reposted by Jad Joubran
Frontend Dogma @frontenddogma.com · 03/06/2026
Astro: HTML First, JavaScript When You Need It, by @jadjoubran.io: jadjoubran.io/blog/why-we-chose-ast… #astro #html #javascript
jadjoubran.io
Astro: HTML first, JavaScript when you need it | Jad Joubran
Why we chose Astro for teaching Content APIs and Web APIs in the CMD Amsterdam Web Design & Development minor.
021
Jad Joubran @jadjoubran.io · 04/06/2026
What gets a designer from "I have an API" to "it's on the page" without a JavaScript tooling detour? For our Web Dev minor at the Hogeschool van Amsterdam, the answer was Astro! (1/2)
jadjoubran.io
Astro: HTML first, JavaScript when you need it | Jad Joubran
Why we chose Astro for teaching Content APIs and Web APIs in the CMD Amsterdam Web Design & Development minor.
211
Reposted by Jad Joubran
Jens Oliver Meiert @meiert.com · 06/05/2026
HTML.md: The briefest guidance for writing HTML.
meiert.com
HTML.md
The briefest guidance for writing HTML.
031
Reposted by Jad Joubran
Frontend Dogma @frontenddogma.com · 04/05/2026
9 Times the Web Platform Was Influenced by Libraries, by @jadjoubran.io: jadjoubran.io/blog/web-platform-inf… #webplatform #retrospectives #libraries #dojo #bootstrap
jadjoubran.io
9 Times the Web Platform Was Influenced by Libraries | Jad Joubran
From querySelector to Temporal — a look at how userland libraries shaped the native APIs we use every day.
022
Jad Joubran @jadjoubran.io · 04/05/2026
The web platform didn't invent most of its best APIs. It caught up to them. querySelector. classList. Promises. Every one of them lived in a library first. I traced 9 of them in a new post: part memory lane, part "wait, really?" jadjoubran.io/blog/web-pla...
jadjoubran.io
9 Times the Web Platform Was Influenced by Libraries | Jad Joubran
From querySelector to Temporal — a look at how userland libraries shaped the native APIs we use every day.
060
Reposted by Jad Joubran
Frontend Dogma @frontenddogma.com · 28/04/2026
SQL Tutorial, by @jadjoubran.io: sql-tutorial.app #websites #courses #tutorials #sql #databases
sql-tutorial.app
SQL Tutorial
SQL Tutorial is the easiest, most interactive way to learn & practice SQL online. Learn in an interactive environment. Understand how SQL works.
021
Jad Joubran @jadjoubran.io · 28/04/2026
Introducing sql-tutorial.app my latest interactive course that teaches Postgres and @drizzle.team ORM Enjoy and please share with your friends ❤️
sql-tutorial.app
SQL Tutorial
SQL Tutorial is the easiest, most interactive way to learn & practice SQL online. Learn in an interactive environment. Understand how SQL works.
000
Jad Joubran @jadjoubran.io · 21/04/2026
The JavaScript Temporal API will soon be Baseline Newly Available. Here's a cheatsheet that I built for developers who already know Date. learnjavascript.online/temporal.html Enjoy!
learnjavascript.online
Temporal API Cheatsheet | Learn JavaScript
Learn the Temporal API quickly if you already know Date. A practical cheatsheet covering Temporal.PlainDate, ZonedDateTime, Duration, and more.
000
Jad Joubran @jadjoubran.io · 07/04/2026
I'm working on an AI course for domain experts, coaches, & professionals without a coding background. If that's something that interests you, would you be so kind as to fill out this short survey?https://docs.google.com/forms/d/e/1FAIpQLSc1aKnmJfNd5YzlBYtuXxcfbuzGlYXdItDsc0u8Ao-zIH-DIg/viewform
100
Jad Joubran @jadjoubran.io · 30/03/2026
Quick Tip: Prevent Claude Code from reading your .env files! jadjoubran.io/blog/prevent...
jadjoubran.io
Prevent Claude Code from accessing .env | Jad Joubran
A quick tip on how to prevent Claude Code from reading your .env file and protect your secrets.
011
Reposted by Jad Joubran
Jens Oliver Meiert @meiert.com · 19/02/2026
If you’re looking for ebooks to boost your web dev knowledge, here are 3 titles you can read online: 1. github.com/frontenddogm... 2. github.com/frontenddogm... 3. github.com/frontenddogm... New editions for the first 2 are coming up! (And, support is still always appreciated.) #webdev #html #css
github.com
GitHub - frontenddogma/web-development-glossary: Source of the book for important, historic, and useful web dev terms
Source of the book for important, historic, and useful web dev terms - frontenddogma/web-development-glossary
011
Reposted by Jad Joubran
Jens Oliver Meiert @meiert.com · 16/02/2026
After looking at the minifier benchmarks landscape with Kirill Maltsev (htmlnano), I’ve set up a new repo to collaborate on benchmarks. Adding samples and minification cases, deltas and averages already improved the picture. Please comment; reshares welcome! #html #minification #optimization
011
Jad Joubran @jadjoubran.io · 03/02/2026
My next course is coming soon! SQL Tutorial will teach you PostgreSQL and Drizzle ORM in depth :D Get notified when it launches: sql-tutorial.app
sql-tutorial.app
SQL Tutorial
SQL Tutorial: Learn PostgreSQL (Postgres) and Drizzle ORM in an interactive environment.
020
Jad Joubran @jadjoubran.io · 27/01/2026
Would you board a vibe-coded flight? The state & future of AI. youtu.be/F8oesOsQeXM
youtu.be
Would you board a vibe-coded airline flight? The state & future of AI
YouTube video by Jad Joubran
000
Jad Joubran @jadjoubran.io · 26/01/2026
Amsterdam to New York -> €900 vs. Amsterdam to New York -> €100 but the airplane software is Vibe coded. Which one are you taking?
000
Jad Joubran @jadjoubran.io · 08/12/2025
Do I have connections in Sales? I'm looking for someone who can handle outreach and growth for a tech-education product and also has some hands-on programming experience (important). Remote role—freelance or part-time. If that fits you, send me an email at sales@jadjoubran.io
000
Jad Joubran @jadjoubran.io · 04/11/2025
I'm trying something new 😁 I've recorded a long screencast explaining React Server Components. Feedback? www.youtube.com/watch?v=AXyD...
youtube.com
Learn React Server Components (React Tutorial)
YouTube video by Jad Joubran
020
Jad Joubran @jadjoubran.io · 03/11/2025
Introducing "Learn JavaScript Newsletter" ✨ Get a short lesson in your inbox — then apply it right away with an interactive challenge on Learn JavaScript. Sign up here (it's free): learnjavascript.online/newsletter.h... I plan on covering modern JS APIs such as View Transitions and more!
learnjavascript.online
Learn JavaScript
Learn JavaScript Newsletter
041
Jad Joubran @jadjoubran.io · 06/10/2025
A short introduction to the new built-in AI Translation API that landed in chrome www.youtube.com/watch?v=L_4j... @developer.chrome.com
youtube.com
New built-in AI translation API
YouTube video by Jad Joubran
030
Jad Joubran @jadjoubran.io · 26/09/2025
Thanks to everyone who attended the @fronteers.bsky.social meeting yesterday at Clever°Franke!
041
Reposted by Jad Joubran
Fronteers @fronteers.bsky.social · 23/09/2025
What if a frontend conference started at 4PM and kept going until midnight? 🍷 Drinks, vibes, and five great talks 💻 HTML, CSS, sustainability, accessibility & more 📍 Cinema De Witt, Dordrecht 🎟 fronteersconf.org
A promotional banner for “Fronteers Dark Mode”. In the background is a photo of the outdoor terrace of Cinema De Witt in Dordrecht, with people sitting, chatting, and enjoying food and drinks in a cozy, well-lit evening setting. In the foreground, a large yellow speech bubble contains the event text:
“Friday night. Frontend. Fronteers Dark Mode!
Join us on Friday, October 3rd, 2025, at Cinema De Witt in Dordrecht for an intimate evening of frontend talks and community vibes – from 4PM to after midnight.”
11611
Jad Joubran @jadjoubran.io · 23/09/2025
Introducing Learn JavaScript for Universities ✨ Many universities and coding bootcamps use Learn JavaScript to supplement their curriculum. They get to outsource the basics of JavaScript so they can focus on teaching more advanced content.
learnjavascript.online
Learn JavaScript for Universities
Learn JavaScript for Universities: Empower your students with an interactive JavaScript course, tailored to your academic program.
131
Reposted by Jad Joubran
Frontend Dogma @frontenddogma.com · 19/08/2025
Customise “Select” Element With CSS (No JS), by @jadjoubran.io: www.youtube.com/watch?v=T2IsT7F_9aU #videos #forms #css
youtube.com
Customise "select" element with CSS (No JS!)
The HTML select element can now be styled using HTML and CSS, without JavaScript!Codepen from @UnaKravets https://codepen.io/una/pen/MWMmYxbScreenshot from @...
011
Jad Joubran @jadjoubran.io · 28/07/2025
You can now customise the <select> html element using HTML and CSS! Check it out here: youtube.com/watch?v=T2Is... #html #css
youtube.com
Customise "select" element with CSS (No JS!)
YouTube video by Jad Joubran
020
Jad Joubran @jadjoubran.io · 20/07/2025
The future of carousels: native CSS carousels www.youtube.com/watch?v=2Rle...
youtube.com
The future of carousels is here
YouTube video by Jad Joubran
010
Jad Joubran @jadjoubran.io · 18/07/2025
Check out this 8-min video where I explore modern features such as: - light-dark() - Container queries - scroll-state() - closedby="any" - Document Picture-in-Picture www.youtube.com/watch?v=KGWU...
youtube.com
Next-Level Features Every Web Dev Should Know
YouTube video by Jad Joubran
030
Jad Joubran @jadjoubran.io · 14/07/2025
What (interactive) course should I make next? Please let me know by filling this short interactive survey: survey.jadjoubran.io
survey.jadjoubran.io
Next course survey
Next course survey
000
Jad Joubran @jadjoubran.io · 07/07/2025
CSS now has "if conditions"! Check out how you can create media() and style() if conditions :D #css
youtube.com
CSS "if conditions" are here! 🔥
YouTube video by Jad Joubran
041
Jad Joubran @jadjoubran.io · 25/06/2025
Did you know that CSS now has an if() condition? www.youtube.com/shorts/-0q-U... #css
youtube.com
CSS if() condition
YouTube video by Jad Joubran
000
Jad Joubran @jadjoubran.io · 19/05/2025
Friends in the Netherlands, come watch my keynote about the (Abundant) State of the Web in Utrecht (provincie) More details: www.linkedin.com/feed/update/...
linkedin.com
#frontendfestival #frontendfestival2025 #soprasteria #frontend | Eva Munscher
Keynote Speaker Announcement: Jad Joubran at Frontend Festival 2025! We’re excited to welcome Jad Joubran, independent web performance consultant and educator, to the Frontend Festival stage on June ...
030
Jad Joubran @jadjoubran.io · 12/05/2025
📢 I recently rewrote React Tutorial to React 19. The entire course has been rewritten from scratch. If you're looking to learn modern React, check it out! You will also learn Tanstack (React) Query and React Router. react-tutorial.app #react
react-tutorial.app
React Tutorial
React Tutorial is the easiest, most interactive way to learn & practice modern React online. Learn in an interactive environment. Understand how React works not just how to build with React.
020
Jad Joubran @jadjoubran.io · 04/05/2025
Why are we even surprised?
Duolingo's AI growth sees backlash with some users claiming the quality of its courses has worsened.
000
Jad Joubran @jadjoubran.io · 14/04/2025
Milestone: 250,000 users (up from 100,000) Exciting news! LearnJavaScript.online and my other courses have now surpassed 250,000 registered users. I'm humbled to have been part of so many people's educational journeys. Thank you for your trust! (1/2)
Me holding my cat (Gijsje) and a cake with candles spelling out 100,000.
3100
Jad Joubran @jadjoubran.io · 31/03/2025
New streaks feature on learnjavascript.online's flashcards app 🚀
010
Jad Joubran @jadjoubran.io · 17/03/2025
I just updated my free Gemini AI Web course. Check it out: learnjavascript.online/ai/gemini/ #javascript #ai
learnjavascript.online
Gemini AI Web course | Learn JavaScript
Gemini AI Web course | Learn JavaScript
020
Reposted by Jad Joubran
Frontend Dogma @frontenddogma.com · 15/03/2025
Unlock Exciting Use Cases With the Document Picture-in-Picture API, by @jadjoubran.io (@developers@chromium.social): developer.chrome.com/blog/document-… #html #apis
developer.chrome.com
Unlock Exciting Use Cases With the Document Picture-in-Picture API
011
Jad Joubran @jadjoubran.io · 05/03/2025
Check out my latest blog post on the Chrome blog about the new Document Picture-in-Picture API developer.chrome.com/blog/documen...
developer.chrome.com
Unlock exciting use cases with the Document Picture-in-Picture API  |  Blog  |  Chrome for Developers
Discover how Document Picture-in-Picture enhanced an online learning experience.
000