Welcome to Intro to Creative Web Dev!
Each week, we’ll focus on a different topic. You’ll watch videos and read tutorials that introduce the topic, and then you’ll build a project that uses it. At the end of each week you’ll have a chance to share your project with the rest of the class.
I’ve never liked homework or projects that told me exactly what to do, so this class leaves a ton of room for creativity and exploration. Don’t be afraid to get creative!
Most of the projects ask you to come up with something yourself. It might be your favorite prose, a fake business, or a list of random items. There is no right or wrong answer! Pick whatever you want: something meaningful to you, something funny, or something useful. Make it your own!
On the other hand, don’t let choice paralysis slow you down. If you’re having trouble starting, consider using a placeholder at first and then coming back and changing it later. And don’t hesitate to reach out if you want to bounce your ideas off somebody!
This course has a few main goals:
I also love the idea of low floors, high ceilings, and wide walls in education, where a class should be accessible, lead to advanced topics, and have a little something for everybody to explore.
If you have another goal or something else you’re hoping to get out of this course, please let me know!
Learning is by nature a vulnerable experience, especially in a class that focuses on self-expression. I want everyone to feel comfortable being themselves, asking questions, and presenting their work with pride. With that in mind, here are some guidelines:
We’re all learning. This includes me. It’s okay to be confused or frustrated. That’s a normal part of learning, and it’s a normal part of coding. Don’t make others feel silly for asking questions or for not having the same knowledge you do.
Lift others up. I’m hoping that folks are able to make this class their own. That means we’ll see a lot of variety in terms of appearance, content, and functionality. Celebrate wins, but don’t focus too much on comparison. It’s not a contest. The important thing is that we’re all learning.
Be aware of the space you occupy. I’m relying on everyone to participate, so I encourage you to engage with the class. But please help make sure everyone has a chance to contribute. Look for opportunities to “pass the mic” to others.
Be respectful. I encourage you to be yourself and to get creative, but keep in mind you’ll be interacting with me and your fellow classmates. Avoid content or behavior that “punches down” or makes anybody feel unwelcome. This includes stuff like gender identity, sexual orientation, race, language, or current skill level.
I will point out any behavior that makes others feel unfairly uncomfortable or unwelcome, and please do the same for me. I’m still learning myself, and I appreciate feedback about how I can improve.
Set up your environment and use p5.js to draw a sketch.
Learn how to get information from the computer.
Store information and make p5.js do math for you.
Make decisions in your code.
Create animated visualizations.
Make interactive sketches.
Build your own webpage.
Style your webpage.
Use CSS to lay out your page.
Practice everything you learned by making your own webpage!
How to keep going after class ends.