Creative web projects that’ll teach you HTML, CSS, and JavaScript.
Projects are organized by unit and color-coded by difficulty. If you go in order, you’ll find that the skills you learned in one project will directly apply to the next one!
Check out the projects!Study and edit dozens of HTML files without leaving this website! Analyze examples of finished projects, read through annotated code demos, and start your own projects from pre-built templates. After the first few projects, you’ll also learn how to code using a text editor and launch your own website!
Check out a demo!As you’re working on a project, you’ll find links to helpful resources that real developers use everyday. There’s no pressure to memorize everything you learn — even professional coders constantly rely on the Internet for help!
Ready? Let’s go!This is a description of the first unit! It’s not done yet, but when it is I’ll put in here. Check back later!
Check back later for updates!
Check back later for updates!
Check back later for updates!
Check back later for updates!
Check back later for updates!
Hi there! My name is Gabriel. I’m a designer, coder, and teacher, and I created test-project-1.html.
In my experience teaching, I’ve had trouble finding resources to help my students learn to code. There is no shortage of websites that will teach you to code, but these websites assume that you want to become a full-time developer. What if you want to be a full-time designer that just uses code as a creative medium?
I created test-project-1.html to fill that void. On this website, you’ll discover that no matter how skilled you are as a coder, there is always something creative you can make.
* * *
When I teach code, I demonstrate what a website is by creating a file called “test-project-1.html“. This website is named after that file.
I’d love to hear your feedback! Whether you’re a student, teacher, or just someone interested in creative coding, send me a message at gabriel@noreplica.com.