Congratulations, you’ve reached the end of Intro to Creative Web Development!
Take a second to pat yourself on the back. That’s a lot!
To practice all of that, we’ll close out the course with a final project.
The real power of coding comes from being able to create anything you want, so rather than tell you what to build, I encourage you to create something that’s personally meaningful to you.
That could be a personal homepage, or it could be a portfolio webpage showcasing your art, or it could be a data visualization for a cause you believe in.
Here are a couple ideas to get you thinking, organized roughly by complexity.
For more inspiration, check out these resources:
I want you to focus on stretching your web development muscles and building something that’s personally meaningful to you, rather than worrying too much about jumping through hoops for grades.
With that in mind, projects will be worth 50 points, but you can choose any combination from below to get to 50:
onload) or p5.js
Example p5.js project - Barking Dog
I use the p5.js editor to create a new sketch. I add an
<h1> element to the
index.html file to give my sketch a title, and I add a
<p> element to
index.html to add a description. I style both of those in the
style.css file. I call functions to draw a dog, and I use
if(mousePressed) to draw the dog barking when the user presses the mouse.
Example Bootstrap project: Professional Portfolio
Example HTML project: Contact Page
if statement to check that time and then add what I’m probably doing right now to the page.
Example Library project: Restaurant Map