We’ll work directly with createContext, Context.Provider, and useContext to understand how data flows through a subtree — and why scope matters.
Join us in the Playful Programming Discord at 6pm PST/9pm EST: discord.gg/FMcvc6T
Week 10 of the Web Fundamentals Bootcamp:
We’re stepping into dependency injection with React Context.
How do you share data intentionally across part of your tree — without prop drilling or losing consistency?
AI rewards engineers who can define constraints, evaluate tradeoffs, and recognize when something is subtly wrong.
It doesn’t remove taste or judgment. It makes them more visible.
How AI is changing workflows — and why we should be excited about it: playfulprogramming.com/posts/How-AI...
AI has changed how @santoshyadav.dev builds software — not through replacement, but by shifting roles.
Devs can iterate faster, explore more options, and validate ideas sooner.
The bottleneck is no longer typing. It’s thinking clearly.
We’ll look at persistence, derived values, and avoiding unnecessary recomputation — without overusing effects.
If you want to build it with us, join the Playful Programming Discord at 6pm PST/9pm EST: discord.gg/FMcvc6T
In the Web Fundamentals Bootcamp today:
We’re moving from theory to practice — fetching real data and handling it correctly in React.
Because “it works” isn’t the same as “it’s modeled well.”
If React still feels unpredictable to you, this is usually the layer that’s missing.
Join us in the Playful Programming Discord and work through it live at 6pm PST/9pm EST👉️ discord.gg/FMcvc6T
In the Web Fundamentals Bootcamp this week:
We’re tackling the part of React that causes the most confusion — effects.
Why they re-run.
Why cleanups matter.
Why StrictMode exposes mistakes.
Remote teams don’t lose culture, they require designed culture.
If alignment only works in a room, it doesn’t scale.
If it works in writing, it does.
Full breakdown by @crutchcorn.dev: playfulprogramming.com/posts/in_per...
In-person vs remote teams isn’t a preference debate. It’s a systems design decision.
In-person teams run on proximity and implicit context.
Remote teams run on documentation and async clarity.
Different constraints. Different strengths.
From static markup → data-driven UI → user interaction.
Join us at 6PM PST / 9PM EST in Discord 👉 discord.gg/FMcvc6T
Week 8, Day 2: Refactoring static UI into dynamic systems.
We’re taking a hardcoded card layout and:
– Replacing hidden elements with true conditional rendering
– Converting repeated markup into .map()
– Extending it to support user-created content
Understanding rendering changes how you write frontend code.
Frameworks don’t “just update the DOM.”
They reconcile change.
👉 Join us to learn more at 6pm PST/9pm EST: discord.gg/FMcvc6T
Week 8 of Web Fundamentals Bootcamp: We’re making HTML dynamic.
No more static markup. We’re rendering based on state.
– Conditional logic
– Rendering lists
– Keys (and why they matter)
If this part has ever felt confusing — this week is for you.
Prompting AI with better questions isn’t the real problem.
The harder part is making context repeatable, reviewable, and shareable across teams and tools.
@ladybluenotes.dev wrote about treating AI context as configuration — versioned, structured, and intentional.
Today in Playful's bootcamp: we’re working on a simple flashcard app with React.
We’ll start with a card component, add interaction to reveal answers on click, and practice with setInterval and useEffect.
For hands-on time with React join us at 6pm PST/9pm EST: discord.gg/FMcvc6T
This post is about why @ladybluenotes.dev is choosing to write, learn, and build in public, mistakes included, and how that’s shaped her growth over time.
If you’ve ever felt that same pressure, you may relate: playfulprogramming.com/posts/making...
Making mistakes in public is uncomfortable, especially in technical spaces where confidence is often performative.
But avoiding mistakes doesn’t actually make you better. It just makes learning quieter and slower.
If you want to start learning React and follow along live, join us in the discord at 6pm PST/ 9pm EST👇
discord.gg/FMcvc6T
Week 7 of the Web Fundamentals bootcamp is here and we’re starting React!
This week introduce its core ideas: components, JSX, props, state, effects at a high level, and event handling.
It’s all about understanding how React thinks and how pieces fit together as you build UI.
This post is about why she's building a home server — not to self-host everything, but to have more control over her media, data, and network.
If you’re thinking about data ownership, control, or long-term sustainability of your setup, this may resonate: playfulprogramming.com/posts/why-a-...
More services are adding ads, integrating AI by default, and making decisions about how your data is used, often without much say from you.
That shift is what pushed @ladybluenotes.dev to rethink where her data lives.
Async JavaScript Office Hours — Thursday.
Practice fetching data, updating the DOM, handling failures, and managing loading/error states live.
If async JS breaks when things go wrong, this is for you.
Join today's class at 6pm PST/ 9pm EST: discord.gg/FMcvc6T
This post by @alem.forge42.dev looks at what onboarding means in the age of AI, and what teams need to rethink if they want people to ramp up effectively:
playfulprogramming.com/posts/onboar...
Onboarding is changing — and AI is accelerating the shift.
New hires now arrive with AI tools, different expectations, and less patience for outdated onboarding flows. This creates real pressure on documentation, team practices, and how knowledge is actually transferred.
Today we’re covering how async JavaScript works in the browser — from Promises and fetch to error handling, status codes, and loading states.
If you want a stronger mental model for real-world frontend behavior, this is a great time to join the today's class at 6pm PST/ 9pm EST: discord.gg/FMcvc6T
Excited to have @fly.io as a sponsor of Playful Programming.
We recently migrated to a more robust deployment infrastructure with our containers powered by Fly; couldn't be happier with our decision.
Thank you for supporting educational programming content!
Want to learn more about this merger?
Our executive director ( @crutchcorn.dev ) has more details outlined in our announcement post below:
playfulprogramming.com/posts/pfp-th...
"This brings our article count to 820+"
With new content from "This is Learning", we now have 820 articles live on our site today!
We just checked — that's 1,400,000+ words 😱
That's a lot of posts to learn programming from!
Two unicorn hooves high-fiving with "Playful Programming hearts This is Learning" text above it
It's official, "This is Learning" and @playfulprogramming.com are combining forces!
We're elated to have them joining our ranks as we continue to grow.
Our joint goal remains the same as it always was: Foster an open community aimed squarely at teaching software engineering.
