@w3cj.com.bsky.social
Full Stack Dev, Explainer of Things Senior Creator at @syntax.fm / @sentry.io Host of coding.garden on Twitch and YouTube
In my latest video over on @syntax.fm I try out @anthropic.com Claude Code for the first time by asking it to do a series of increasingly difficult challenges.
Will I replace Cursor IDE with Claude Code?? Watch and find out 🍿: www.youtube.com/watch?v=TZMX...
In my latest video over on @syntax.fm I explain what MCP is, why it's needed and show how to build and debug your own MCP server.
Watch 🍿: www.youtube.com/watch?v=1Fqi...
What MCP servers do you use the most? What resources for using / learning about MCP would you recommend?
26.06.2025 18:48 — 👍 6 🔁 0 💬 5 📌 0
We’re on the hunt for a cracked YouTube Video editor — know someone?! Details here →
forms.gle/sVr1YFvBCijx...
In my latest video over on @syntax.fm I showcase the 9 new features added to the JavaScript language in this years spec.
Watch 🍿: www.youtube.com/watch?v=1-cj...
The reason this works in my app is I am passing in "immediate: false" and "watch: false" so I can control when the requests happen. This gives me all the reactive properties of fetching like data, loading, error - but I can control when it gets called.
See here: github.com/w3cj/nuxt-tr...
Ever wonder what would happen if MasterChef
and @cssbattle.dev had a baby? Yeah us too.
Watch 🍿: youtube.com/watch?v=SAYS...
What's the worst birth date selector you've ever encountered in the wild?
27.05.2025 16:52 — 👍 16 🔁 2 💬 1 📌 0This was a fun and deceptively hard battle!
16.05.2025 14:21 — 👍 25 🔁 2 💬 1 📌 0
Can you re-create SNAKE with CSS? This week @wesbos.com @tolin.ski and @w3cj.com competed against @kevinpowell.co to see who could do it in the fewest number of characters!
Watch 🍿: youtube.com/watch?v=KFRH...
Some resources for best practices on how to structure code in large web projects
08.05.2025 11:54 — 👍 20 🔁 2 💬 2 📌 0I have run into this issue but haven't spent any time debugging it. Usually a restart of the editor fixes it. prefer-const is actually a built in eslint rule so not sure if this is coming from antfu's config - eslint.org/docs/latest/...
07.05.2025 16:06 — 👍 3 🔁 0 💬 0 📌 0
Just released a course on building a full stack app with @nuxt.com @vuejs.org @typescriptlang.org @tailwindcss.com @drizzle.team @tur.so @maplibre.org
Watch 🍿: youtube.com/watch?v=DK93...
I made a series comparing react and vue side by side. Check it out here - www.youtube.com/playlist?lis...
17.04.2025 19:39 — 👍 7 🔁 0 💬 0 📌 0I have a few reasons...
1. less boilerplate
2. everyone in the vue ecosystem uses the same packages (pinia for global state, vue router for routing, nuxt for meta framework) - no bike shedding here
3. no special rules for hooks (use them anywhere, even outside components)
4. auto dependency tracking
Looking to get started with @nuxt.com / @vuejs.org ? In my latest video, I go over everything you need to know to start building with Nuxt today.
Watch 🍿: www.youtube.com/watch?v=RhZZ...
The boys went head to head in Clash of Code!
Watch @wesbos.com @tolin.ski and @w3cj.com compete to see who can solve these challenges with JavaScript the fastest.
www.youtube.com/watch?v=AIlg...
Modern CSS has a ton of useful functions and properties that make supporting light and dark mode a breeze.
I showcase several of them, show how to make a CSS only theme switcher and how to save a users theme preference to localStorage.
Watch 🍿: www.youtube.com/watch?v=F1s8...
We launched FREE stickers yesterday and it broke the @syntax.fm site. The fix was quick and easy with @sentry.io
Watch 🍿: www.youtube.com/watch?v=Tto8...
You're sleeping on this no code tool!
Watch 🍿: www.youtube.com/watch?v=HRbA...
Modern @vuejs.org with @typescriptlang.org is an absolute joy to work with. Give it a try for your next app / project.
Watch 🍿: www.youtube.com/watch?v=5oKp...
In my latest video I show how to set up @eslint.org from end-to-end with @antfu.me eslint-config + @vscode.dev editor settings, pre-commit hooks with @typicode.bsky.social husky + lint-staged and @github.com actions to run eslint for pull requests.
Watch 🍿: www.youtube.com/watch?v=Kr4V...
They're at it again! Watch @tolin.ski @wesbos.com and @w3cj.com compete on @cssbattle.dev to see who can re-create Space Invaders with CSS in the fewest number of characters possible.
Play along at home! What score did you get?
cssbattle.dev/play/124
Watch 🍿: www.youtube.com/watch?v=WSeZ...
Thanks! Haven't played around with handler return types but should be doable.
13.03.2025 16:33 — 👍 0 🔁 0 💬 0 📌 0
In my latest video over on @syntax.fm - I talk about how you should write the code you wish existed aka "Dream Code"
I show how I created a @nitro.build / h3 utility for validating API requests with zod and full type safety.
Watch 🍿: youtube.com/watch?v=FI4z...
BREAKING NEWS: I own a button up shirt and have a 5th grade reading level
Also, @typescriptlang.org just dropped a native port of the compiler written with @golang.org
Watch 🍿: www.youtube.com/watch?v=c6Wd...
What does your desk look like RIGHT NOW?
04.03.2025 17:00 — 👍 10 🔁 0 💬 0 📌 1
I'm LIVE to continue working on the video subtitle search app. Today I'll be creating vector embeddings for all of the video transcripts we downloaded.
I'll be using @langchain.bsky.social @deno.land and libSQL
www.youtube.com/watch?v=g1LC...
www.twitch.tv/codinggarden/
See you in the chat!
Watch @tolin.ski @wesbos.com and @w3cj.com compete to see who can re-create an image with CSS in the fewest number of characters with a 10 minute time limit.
Play along at home! What score did you get? cssbattle.dev/play/30
Watch 🍿 - www.youtube.com/watch?v=B32N...
based
25.02.2025 15:11 — 👍 1 🔁 0 💬 0 📌 0
