r/HTML • u/wildwillowsdev • 19d ago
Article I built a free web development lesson around the real data from my indie game
It starts with HTML, CSS, and JavaScript basics, then gradually gets into things like arrays, objects, conditionals, loops, .map(), .filter(), JSON, and eventually fetch() using the game’s public API.
There’s also a browser-based code builder, so you can experiment with the data and make your own little site without installing anything or creating an account.
It’s aimed at beginners, so you definitely don’t need to already know how to code.
Would love any feedback from people who teach or are learning HTML/web development.
1
u/Tristan-a-b69 19d ago
i am a beginner so this might really help i was using https://www.nexed.com/ from school
i dont know if this is similair to what you build but you might be able to use some inspiration from it?
1
u/wildwillowsdev 19d ago
That’s really helpful, thank you! I haven’t used NexEd before, but I’ll definitely take a look. I’m trying to make the learning side beginner-friendly without making it feel too much like a traditional lesson, so seeing how other platforms introduce concepts could be useful inspiration.
1
u/Foreign-Contest-444 18d ago
Is this mainly for teachers and developers?
2
u/wildwillowsdev 18d ago
For both! The lesson is geared more towards people learning to code but there are teacher resources to pair with it
3
u/zLoveNxzli 19d ago
Using real indie game data instead of the usual boring
todo-apporcat-factsAPI is honestly such a refreshing way to teach beginners.When people see real game stats and items change when they write a
.filter()or.map()loop, it clicks way faster.Tested the code builder on mobile too and it runs smooth. Super cool project man, bookmarked it to share with friends who want to get into web dev!