Jad Joubran's Avatar

Jad Joubran

@jadjoubran.io

Independent JavaScript & Web Performance consultant LearnJavaScript.online LearnHTMLCSS.online LearnTypeScript.online 🧘 Yoga Teacher πŸ‡³πŸ‡± Amsterdam

573
Followers
158
Following
36
Posts
14.11.2024
Joined
Posts Following

Latest posts by Jad Joubran @jadjoubran.io

Preview
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

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

19.02.2026 17:45 πŸ‘ 1 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

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

16.02.2026 07:12 πŸ‘ 1 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
SQL Tutorial SQL Tutorial: Learn PostgreSQL (Postgres) and Drizzle ORM in an interactive environment.

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

03.02.2026 08:56 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Would you board a vibe-coded airline flight? The state & future of AI
Would you board a vibe-coded airline flight? The state & future of AI YouTube video by Jad Joubran

Would you board a vibe-coded flight? The state & future of AI.

youtu.be/F8oesOsQeXM

27.01.2026 15:08 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Amsterdam to New York -> €900
vs.
Amsterdam to New York -> €100 but the airplane software is Vibe coded.

Which one are you taking?

26.01.2026 12:35 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

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

08.12.2025 10:19 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Learn React Server Components (React Tutorial)
Learn React Server Components (React Tutorial) YouTube video by Jad Joubran

I'm trying something new 😁

I've recorded a long screencast explaining React Server Components. Feedback?

www.youtube.com/watch?v=AXyD...

04.11.2025 18:17 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Learn JavaScript Learn JavaScript Newsletter

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!

03.11.2025 11:23 πŸ‘ 4 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
New built-in AI translation API
New built-in AI translation API YouTube video by Jad Joubran

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

06.10.2025 12:38 πŸ‘ 4 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image

Thanks to everyone who attended the @fronteers.bsky.social meeting yesterday at CleverΒ°Franke!

26.09.2025 08:14 πŸ‘ 4 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
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.”

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.”

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

23.09.2025 08:01 πŸ‘ 16 πŸ” 11 πŸ’¬ 1 πŸ“Œ 1
Preview
Learn JavaScript for Universities Learn JavaScript for Universities: Empower your students with an interactive JavaScript course, tailored to your academic program.

This year, I'm taking it a step further by offering additional support to the teachers, such as Printable exam documents, Teacher-dedicated support hours, and the ability to purchase seats in bulk.

Would you like to enrol your students? Get in touch!

learnjavascript.online/universities...

23.09.2025 08:15 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Learn JavaScript for Universities Learn JavaScript for Universities: Empower your students with an interactive JavaScript course, tailored to your academic program.

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.

23.09.2025 08:15 πŸ‘ 3 πŸ” 1 πŸ’¬ 1 πŸ“Œ 0

Congrats Jeff!

21.09.2025 15:54 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Customise "select" element with CSS (No JS!)
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 @...

Customise β€œSelect” Element With CSS (No JS), by @jadjoubran.io:

https://www.youtube.com/watch?v=T2IsT7F_9aU

#videos #forms #css

19.08.2025 15:30 πŸ‘ 1 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Customise "select" element with CSS (No JS!)
Customise "select" element with CSS (No JS!) YouTube video by Jad Joubran

You can now customise the <select> html element using HTML and CSS!

Check it out here: youtube.com/watch?v=T2Is...

#html #css

28.07.2025 12:33 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
The future of carousels is here
The future of carousels is here YouTube video by Jad Joubran

The future of carousels: native CSS carousels

www.youtube.com/watch?v=2Rle...

20.07.2025 18:22 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Next-Level Features Every Web Dev Should Know
Next-Level Features Every Web Dev Should Know YouTube video by Jad Joubran

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...

18.07.2025 06:47 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Next course survey Next course survey

What (interactive) course should I make next?
Please let me know by filling this short interactive survey:

survey.jadjoubran.io

14.07.2025 08:51 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
CSS "if conditions" are here! πŸ”₯
CSS "if conditions" are here! πŸ”₯ YouTube video by Jad Joubran

CSS now has "if conditions"!

Check out how you can create media() and style() if conditions :D

#css

07.07.2025 15:29 πŸ‘ 4 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
CSS if() condition
CSS if() condition YouTube video by Jad Joubran

Did you know that CSS now has an if() condition?

www.youtube.com/shorts/-0q-U...

#css

25.06.2025 20:07 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
#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 ...

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/...

19.05.2025 07:45 πŸ‘ 4 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
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.

πŸ“’ 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

12.05.2025 09:13 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Duolingo's AI growth sees backlash with some users claiming the quality of its courses has worsened.

Duolingo's AI growth sees backlash with some users claiming the quality of its courses has worsened.

Why are we even surprised?

04.05.2025 11:04 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Dankjewel Bas!

15.04.2025 07:53 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Thank you!

14.04.2025 14:13 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

This year I will be working on two main things:

1. Refreshing the JavaScript curriculum
2. "Learn JavaScript for Universities" β€” an easy way for universities to offer my courses to their students.

If you're a university teacher and want to learn more, hit me up!

(2/2)

14.04.2025 08:32 πŸ‘ 5 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Me holding my cat (Gijsje) and a cake with candles spelling out 100,000.

Me holding my cat (Gijsje) and a cake with candles spelling out 100,000.

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)

14.04.2025 08:32 πŸ‘ 10 πŸ” 0 πŸ’¬ 3 πŸ“Œ 0
Post image

New streaks feature on learnjavascript.online's flashcards app πŸš€

31.03.2025 12:18 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Gemini AI Web course | Learn JavaScript Gemini AI Web course | Learn JavaScript

I just updated my free Gemini AI Web course. Check it out:

learnjavascript.online/ai/gemini/

#javascript #ai

17.03.2025 14:26 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0