Younes Jaaidi
LightNews LightNews
banner
younesjd.dev
Younes Jaaidi
@younesjd.dev
930 followers 120 following 260 posts
👨🏻‍🍳 Software Cook, Teacher & Coach @ https://marmicode.io
✨ Google Developer Expert for #Angular
🌊 Nx Champion

✅ https://marmico.de/test.ng: Pragmatic Angular Testing Course
👨🏻‍🏫 https://marmico.de/workshops
📚 https://marmico.de/cookbook
Posts Replies Media Videos
younesjd.dev
🤖 Did you know you can bring your own agent to my Pragmatic #Angular #Testing workshop?

Type "/next-hint" and it’ll whisper the recipe when you burn the sauce 😉

Have a nice weekend and see you on Monday at #NgPolandConf 👋

🎟️ ng-poland.pl#workshops
A split-screen screenshot of a code editor. On the left, a TypeScript test file (recipe-search.browser.spec.ts) shows a describe block, a todo test, and an unfinished mountRecipeSearch async function. On the right, a hint panel displays a highlighted purple box containing guidance: seed a fake repository with two recipe entries before mounting, and configure TestBed with provideRecipeRepositoryFake() inside mountRecipeSearch before calling createComponent()
November 14, 2025 at 3:04 PM
younesjd.dev
I was checking something on my #Angular #Testing Cookbook's glossary cookbook.marmicode.io/angular/test...

I definitely prefer rereading my writing then my code. 😅
Screenshot of eXtreme Programming (XP) XP is a software development methodology that hasn't sold its soul to the devil of certification-driven business models. Screenshot of: Creative creatures that are bad at repetitive tasks like regression testing.
November 14, 2025 at 9:07 AM
younesjd.dev
⚡️ One of the most exciting things in #Angular 21 is @vitest.dev support — especially Browser Mode.

🥘 Fresh off the cutting board, I’ve cooked up a starter so you can taste it yourself 👨🏻‍🍳

🤔 Probably the first time Browser Mode runs on @stackblitz.com

stackblitz.com/edit/angular...
Screenshot of Stackblitz running Vitest browser mode
November 12, 2025 at 11:51 AM
younesjd.dev
#Angular finally said it out loud: @vitest.dev is in the family.

Ready to clean up your testing kitchen with a pragmatic #testing strategy that scales? 🍳

🐣 few early bird tickets remaining.

👉 marmicode.io/workshops/pr...
November 7, 2025 at 4:33 PM
younesjd.dev
🕹️Pick the sticker of the right #Angular state management solution.
Two smiling people stand by a round table covered with shiny hexagonal stickers featuring a purple design. They appear to be at a conference, with one wearing a badge labeled “NG-DE.” The setting has warm lighting, arched walls, and a casual atmosphere.
November 7, 2025 at 2:04 PM
younesjd.dev
🕹️Pick the sticker of the right #Angular state management solution.
Two smiling people stand by a round table covered with shiny hexagonal stickers featuring a purple design. They appear to be at a conference, with one wearing a badge labeled “NG-DE.” The setting has warm lighting, arched walls, and a casual atmosphere.
November 7, 2025 at 1:46 PM
younesjd.dev
Many thanks to the lovely #ngdeconf crowd for the warm welcome and the enthusiasm about @testronaut!

Special thanks to @jeanmeche.com for being the perfect accomplice while @rainerhahnekamp.bsky.social and I cooked up some trouble together. 😉

Stay tuned 📻
Two speakers smile for a selfie on stage in front of a large, cheerful audience seated in rows inside a bright hall with arched walls and pink lighting. The crowd, many wearing conference badges, waves and makes peace signs toward the camera. A strong light beam shines from the back of the room, creating a radiant atmosphere.
November 7, 2025 at 1:34 PM
younesjd.dev
Really cool and very transparent talk by @jens.ng on how the #Angular team is handling the planning and priorities etc...

Very inspiring!
A speaker presents on stage at a conference in a large hall with stone walls and arched openings. The slide projected behind them reads “Agenda” with four points: “01 The Angular Rhythm,” “02 Planning & Prioritizing,” “03 Feeding the Roadmap,” and “04 Your Opportunity.” The speaker is wearing a black T-shirt with the Angular logo. The podium shows the event name “Angular Conference NG DE.
November 7, 2025 at 9:06 AM
younesjd.dev
⚡️Finally! The official statement!

@vitest.dev is now the official #Angular #testing framework 💪
A speaker presenting on stage at a tech conference, standing in front of a large screen displaying the slide “Experimental Vitest support.” The audience is seated in a spacious hall with arched architecture and soft purple lighting, creating a professional and engaging atmosphere.
November 6, 2025 at 9:08 AM
younesjd.dev
✅ Just wrapped up the Pragmatic #Angular Testing workshop with @vitest.dev 4 — one of the most passionate groups I’ve seen.

Now, #ngdeconf is kicking off, and the energy’s already through the roof. 🚀
Group photo of enthusiastic workshop participants in a classroom setting. Around fifteen people are smiling and posing together, some raising their hands or giving thumbs-up. Laptops, drinks, and notebooks are on the tables, and everyone wears name badges on lanyards. The atmosphere is friendly and energetic. A large audience seated in a grand hall with arched ceilings and red lighting, attending a tech conference. A presentation screen at the front displays the title “Your Angular Education – Angular 18, Signals & DX Power,” with speaker photos and logos visible. The venue features stone walls, decorative carvings, and tall windows letting in natural light.
November 6, 2025 at 8:45 AM
younesjd.dev
If you can't make it to neither NgDe nor NgPoland — which are both totally worth it by the way — you can still join my upcoming online sessions while early bird is still on 😉

👉 marmicode.io/workshops
Banner for the ‘Pragmatic Angular Testing Workshop’. The background shows a bearded man wearing a colorful apron, standing in a kitchen with copper pans and developer-themed stickers. The text reads: ‘🍽️ Full Course · 3 Days Workshop · Online. 🐥 Early Bird Starts at €970. Three days to turn your testing chaos into a well-seasoned strategy. Learn to build tests that survive refactors, migrations, and deadlines.’ Buttons below say ‘BOOK A SESSION’ and ‘REQUEST A CUSTOM SESSION’. A small note at the bottom mentions: ‘🇫🇷 Formation également disponible en Français et éligible au financement OPCO.’
October 29, 2025 at 3:56 PM
younesjd.dev
One of my favorite @vitest.dev features: "test.fails()"

It caught a bug that vanished after updating SWC — before I even had time to put my apron on and dive in.
Without it, that issue would still be open.

Watch it in action 👇

#angular #javascript #testing
Code editor showing a Vitest test case written in TypeScript. The test is defined with it.fails() and labeled “🐞 should bind inputs even when property is assigned using constructor injection”. It defines two Angular standalone components — Title and Container. Title declares an input<string>() property and injects a service in the constructor. Container passes a "title" input to <jsc-title>. The test renders Container and expects the heading to be 'Hello input!'. Terminal output from running Vitest. All tests pass except one. The failing test is under src/swc-plugin-angular-input.spec.ts and labeled “🐞 should bind inputs even when property is assigned using constructor injection”. The console shows “→ Expect test to fail” in gray, confirming this is an intentional failing test marked with it.fails(). Other test files and cases are listed as passed with green check marks and execution times in milliseconds.
October 27, 2025 at 1:48 PM
younesjd.dev
Huge thanks to @ng-conf.bsky.social — warm welcoming, flawless organization, stellar venue, and a sea of passionate #Angular devs. ⛵️
Special shoutout to Captain Joe Eames and the whole crew.
Got to meet new friends and some I hadn’t seen in 7 years (thanks Atlantic 🌊😒). And what a venue. ❤️
October 22, 2025 at 4:18 PM
younesjd.dev
Getting ready with @rainerhahnekamp.bsky.social to make some announcements at #NgConf

Yes, it’s about #Angular #Testing
October 18, 2025 at 2:39 PM
younesjd.dev
@tomastrajan.bsky.social , you’re being stalked! Your posts are on @marktechson.com keynote at #NgConf
October 17, 2025 at 1:45 PM
younesjd.dev
Excited to run an #Angular #testing workshop at @viteconf.org tomorrow,
and honored to have @evanyou.me on the workshop banner 😆

It's free an online so see you tomorrow 😉

📋 viteconf.amsterdam/workshops
Pragmatic angular testing with vitest workshop banner with Evan You on banner
October 7, 2025 at 8:02 AM
younesjd.dev
📢 I'll be giving an #Angular Vitest #testing workshop on Wednesday for @viteconf.org

You can register here: viteconf.amsterdam/workshops

🍛 Ingredients:
⚡️ Vitest
🦋 Zoneless
🐙 Testing Library
🍴 Techniques such as TDD, Fakes, and object mothers
🎁 Some surprises
...

🤯 It's free and online
Vitest UI screenshot testing a workshop invite component
October 6, 2025 at 3:37 PM
younesjd.dev
I just released my #ChartedCoding dev workflow (📝 design doc => 🤖✅ AI #TDD) video using #Cursor, and now I have to try the same with #GeminiCLI 😅

Excithausting times 😆

📺 Full video here: youtu.be/8z9tUsSoros
June 25, 2025 at 4:17 PM
younesjd.dev
Wondering why the `bindings` option in #Angular is an array instead of an object literal?

One reason is that some minifiers (Google's Closure, I guess) mangle property names.

The number of things the Angular team has to think of is fascinating 🤯

Thx @crisbeto.bsky.social & @thepunderwoman.com
code snippet with Angular's create component bindings option
June 25, 2025 at 1:42 PM
younesjd.dev
🧭 A major benefit of #ChartedCoding is that focused prompts are faster and more predictable, e.g.:

📝 review design doc
🚧 scaffold wip code
🔴 write failing tests
✅ make them pass one by one (using a test MCP)
🧹 tidy up
🎨 polish UI
...

Watch here: youtu.be/8z9tUsSoros
Diagram representing charted coding and human / AI agent participation. Creative tasks require more human attention than repetitive & time-consuming work. It goes from design doc to writing failing tests and making them pass then finally refactoring.
June 23, 2025 at 4:44 PM
younesjd.dev
Why prompt and pray when you can work on a design doc — including Mermaid diagrams and test cases — with your AI assistant?

👇 meet #ChartedCoding
youtu.be/8z9tUsSoros
screenshot of Younes' charted coding video showing design doc and mermaid.
June 23, 2025 at 3:28 PM
younesjd.dev
Perfect then! Strap it as high as possible then 😊

Tom Morello is a good example of the position.

I think that shredders such as Joe Satriani, Steve Vai or Malmstein would raise the guitar for tricky songs.

Vai even sits sometimes
June 22, 2025 at 11:31 AM
younesjd.dev
Here is how I apply @kentbeck.com's #TDD in my AI-assisted workflow.

👍 Tools like #WallabyJS (via MCP) give the agent runtime test + variable info so that agent can iterate

👎 Agents struggle when asked to write tests before any code skeleton exists

📺 Full version here: youtu.be/8z9tUsSoros
June 20, 2025 at 3:27 PM
younesjd.dev
Today, I've watched @rainerhahnekamp.bsky.social's great talk about "The Art of #Testing" directly from the stage screen.

Obviously, there is only one slot, but conferences should offer this premium seat more often. Thanks #NgRome.

Thanks @martinakraus11.bsky.social for the picture 😊

#angular
Rainer speaking at NgRome and Younes on screen talking with him.
June 20, 2025 at 2:23 PM
younesjd.dev
😊 Someone has the most privileged seat — from my kitchen — at @rainerhahnekamp.bsky.social 's talk "The Art of Testing" right now at #NgRome

#javascript #angular
Google Meet screenshot with Rainer speaking at NgRome and Younes watching
June 20, 2025 at 12:34 PM