💻 #48: Build a 3D website with Three.js 🔮

Stand out from the rest by building 3D webistes

Happy Friday, developer! 👋

This weekend’s tutorial will really level-up your web development skills by teaching you how to create beautiful 3D objects. You can then add a 3D object to your future project or portfolio as a great way to stand out. They look great and since most people haven’t yet learned how to make them you’ll set yourself apart from the rest.

Let’s get started!

Tutorial of the week:

Length: 1 hour
Difficulty: Beginner

This weekend’s tutorial is by DesignCourse, they create incredible UX/UI tutorials.

What you’ll learn this weekend:

• Three.js 🔵

---

This space is reserved for YOU!

Are you building something you want to show off to other highly motivated web developers like yourself?

Click here to advertise in an upcoming newsletter

---

3 creative projects of the week:

1. Bruno Simon

Three.js

This developer turned their personal site into a 3D interactive browser game. It’s absolutely outstanding.

Check it out!

Here’s also a video demo of the site in case you’re on mobile or it’s not loading for you:

---

2. Ramen Shop Resume

Three.js

Check out this interactive personal website that takes you around a ramen shop to show off projects, articles, and about me sections! Really well done Jesse!

Check it out!

---

3. Richard Mattka

Three.js

Here’s another example of a portfolio project using three.js. I think adding a 3D element to your portfolio really helps make your project stand out amongst the rest.

Check it out!

---

That’s all folks!

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

I hope these three projects give you inspiration for your next three.js project or portfolio. If you create anything please share it with me on Twitter or reply to this email!

I’d love to see what you’re building.

Your fellow weekend developer,

Devan

---

PS. A lot of people asked me how I got started with web development, I can highly recommend this course by Andrew Mead, it was the first Udemy course I ever bought and I owe it to the course for teaching me the fundamentals of Javascript which are used in all frontend frameworks.

---

If you’re looking to take your web development career to the next level, check out his project-based coaching program with this insane discount.

Using the discount code ‘WEEKENDWEBDEV’ → Click here to redeem it