💻#10 Spider-Man web shooter with JavaScript 🕷🕸

Celebrate the Spider-Man release by building JavaScript web shooters

Hey there, developer! 👋

Are you going to see the new Spider-Man movie this weekend? Whether you’re a Spidey fan or not, this week’s tutorial is a great way to expand your skills as a web developer (no pun intended) 😄

Tutorial of the week:

Length: 45 minutes
Difficulty: Easy

This weekend’s tutorial is by JavaScript Developer, Radu Mariescu-Istodor. I really like how clearly Radu explains this project, especially since I haven’t worked with a live webcam for any previous projects. This project should really impress recruiters because it isn’t a traditional web development project and will set you apart from the rest.

What you’ll learn:

• Canvas

• JavaScript

• Colour spaces explained

---

3 creative projects of the week:

1. Gravity In Solar System

HTML, CSS, JavaScript

I love this visualization of gravity on different parts of our solar system. What I like about this project is how it takes a simple demonstration and uses front-end development to make it beautiful and easy to interact with.

Check it out!

---

2. Windows XP Replica

HTML, CSS, React

Last week I showed you a macOS themed portfolio, and this week we have a Windows XP themed website by sh1zuku. It’s worth repeating that I believe a sign of a good developer is their ability to make 1:1 replicas of other sites without looking at the source code. I also love the attention to detail in this, even the time in the bottom right corner is accurate.

Check it out!

---

3. The Fry Universe

Data visualization of the universe of french fries 🍟

I’ve been living in The Netherlands for the past 5 months and I didn’t realize how serious the Dutch take french fries (called frieten or frietjes here). They have shops dedicated to just serving fries, and there are so many options for dipping, not just ketchup. Most Dutch people eat their fries with mayo! It’s actually quite good.

Check it out!

---

That’s all folks!

I hope you enjoyed this weekend’s edition of Weekend Web Dev!

I also hope these three projects give you inspiration for your future projects, portfolio, or just something fun to share with friends.

Share your tutorial progress with me on Twitter! I’d love to see what you’re building.

Your fellow developer,

Devan