Jad Joubran
@jadjoubran.io
Independent JavaScript & Web Performance consultant
LearnJavaScript.online
LearnHTMLCSS.online
LearnTypeScript.online
🧘 Yoga Teacher
🇳🇱 Amsterdam
LearnJavaScript.online
LearnHTMLCSS.online
LearnTypeScript.online
🧘 Yoga Teacher
🇳🇱 Amsterdam
I'm trying something new 😁
I've recorded a long screencast explaining React Server Components. Feedback?
www.youtube.com/watch?v=AXyD...
I've recorded a long screencast explaining React Server Components. Feedback?
www.youtube.com/watch?v=AXyD...
Learn React Server Components (React Tutorial)
YouTube video by Jad Joubran
www.youtube.com
November 4, 2025 at 6:17 PM
I'm trying something new 😁
I've recorded a long screencast explaining React Server Components. Feedback?
www.youtube.com/watch?v=AXyD...
I've recorded a long screencast explaining React Server Components. Feedback?
www.youtube.com/watch?v=AXyD...
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!
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!
Learn JavaScript
Learn JavaScript Newsletter
learnjavascript.online
November 3, 2025 at 11:23 AM
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!
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!
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
www.youtube.com/watch?v=L_4j...
@developer.chrome.com
New built-in AI translation API
YouTube video by Jad Joubran
www.youtube.com
October 6, 2025 at 12:38 PM
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
www.youtube.com/watch?v=L_4j...
@developer.chrome.com
Thanks to everyone who attended the @fronteers.bsky.social meeting yesterday at Clever°Franke!
September 26, 2025 at 8:14 AM
Thanks to everyone who attended the @fronteers.bsky.social meeting yesterday at Clever°Franke!
Reposted by Jad Joubran
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
🍷 Drinks, vibes, and five great talks
💻 HTML, CSS, sustainability, accessibility & more
📍 Cinema De Witt, Dordrecht
🎟 fronteersconf.org
September 23, 2025 at 8:01 AM
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
🍷 Drinks, vibes, and five great talks
💻 HTML, CSS, sustainability, accessibility & more
📍 Cinema De Witt, Dordrecht
🎟 fronteersconf.org
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.
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.
Learn JavaScript for Universities
Learn JavaScript for Universities: Empower your students with an interactive JavaScript course, tailored to your academic program.
learnjavascript.online
September 23, 2025 at 8:15 AM
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.
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.
Reposted by Jad Joubran
Customise “Select” Element With CSS (No JS), by @jadjoubran.io:
https://www.youtube.com/watch?v=T2IsT7F_9aU
#videos #forms #css
https://www.youtube.com/watch?v=T2IsT7F_9aU
#videos #forms #css
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 @...
www.youtube.com
August 19, 2025 at 3:30 PM
Customise “Select” Element With CSS (No JS), by @jadjoubran.io:
https://www.youtube.com/watch?v=T2IsT7F_9aU
#videos #forms #css
https://www.youtube.com/watch?v=T2IsT7F_9aU
#videos #forms #css
You can now customise the
Customise "select" element with CSS (No JS!)
YouTube video by Jad Joubran
youtube.com
July 28, 2025 at 12:33 PM
You can now customise the
The future of carousels is here
YouTube video by Jad Joubran
www.youtube.com
July 20, 2025 at 6:22 PM
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...
- light-dark()
- Container queries
- scroll-state()
- closedby="any"
- Document Picture-in-Picture
www.youtube.com/watch?v=KGWU...
Next-Level Features Every Web Dev Should Know
YouTube video by Jad Joubran
www.youtube.com
July 18, 2025 at 6:47 AM
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...
- light-dark()
- Container queries
- scroll-state()
- closedby="any"
- Document Picture-in-Picture
www.youtube.com/watch?v=KGWU...
What (interactive) course should I make next?
Please let me know by filling this short interactive survey:
survey.jadjoubran.io
Please let me know by filling this short interactive survey:
survey.jadjoubran.io
Next course survey
Next course survey
survey.jadjoubran.io
July 14, 2025 at 8:51 AM
What (interactive) course should I make next?
Please let me know by filling this short interactive survey:
survey.jadjoubran.io
Please let me know by filling this short interactive survey:
survey.jadjoubran.io
CSS "if conditions" are here! 🔥
YouTube video by Jad Joubran
www.youtube.com
July 7, 2025 at 3:29 PM
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/...
More details: www.linkedin.com/feed/update/...
#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 ...
www.linkedin.com
May 19, 2025 at 7:46 AM
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/...
More details: www.linkedin.com/feed/update/...
📢 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
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
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.
react-tutorial.app
May 12, 2025 at 9:13 AM
📢 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
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
Why are we even surprised?
May 4, 2025 at 11:04 AM
Why are we even surprised?
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)
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)
April 14, 2025 at 8:32 AM
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)
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)
New streaks feature on learnjavascript.online's flashcards app 🚀
March 31, 2025 at 12:18 PM
New streaks feature on learnjavascript.online's flashcards app 🚀
I just updated my free Gemini AI Web course. Check it out:
learnjavascript.online/ai/gemini/
#javascript #ai
learnjavascript.online/ai/gemini/
#javascript #ai
Gemini AI Web course | Learn JavaScript
Gemini AI Web course | Learn JavaScript
learnjavascript.online
March 17, 2025 at 2:26 PM
I just updated my free Gemini AI Web course. Check it out:
learnjavascript.online/ai/gemini/
#javascript #ai
learnjavascript.online/ai/gemini/
#javascript #ai
Reposted by Jad Joubran
Unlock Exciting Use Cases With the Document Picture-in-Picture API, by @jadjoubran.io (@[email protected]):
https://developer.chrome.com/blog/document-pip-use-case
#html #apis
https://developer.chrome.com/blog/document-pip-use-case
#html #apis
Unlock Exciting Use Cases With the Document Picture-in-Picture API
developer.chrome.com
March 15, 2025 at 2:30 PM
Unlock Exciting Use Cases With the Document Picture-in-Picture API, by @jadjoubran.io (@[email protected]):
https://developer.chrome.com/blog/document-pip-use-case
#html #apis
https://developer.chrome.com/blog/document-pip-use-case
#html #apis
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/blog/documen...
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.
developer.chrome.com
March 5, 2025 at 7:16 AM
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/blog/documen...
I caught the Northern lights yesterday 😍
November 30, 2024 at 1:46 PM
I caught the Northern lights yesterday 😍
We need to talk about AI
www.youtube.com/watch?v=wxKJ...
www.youtube.com/watch?v=wxKJ...
We need to talk about AI
YouTube video by Jad Joubran
www.youtube.com
November 28, 2024 at 1:47 PM
We need to talk about AI
www.youtube.com/watch?v=wxKJ...
www.youtube.com/watch?v=wxKJ...
November 20, 2024 at 9:16 AM
November 15, 2024 at 12:11 PM