š» #92: Build a 3D Portfolio Project with Three.js š®
Build your own 3D portfolio site plus a language learning app that actually works
Hello, developer šš§āš»!
Letās build an interactive 3D portfolio! This is a great way to set yourself apart from other developers. Plus Three.js is a great library to learn if you every want to build 3D elements on your projects.
But before we startā¦
I have a Black Friday deal š
For $5 I will review your portfolio, for $10 I will ROAST your friendās portfolio.
⦠just kidding (unless you really ask for it). This week, if you have a portfolio, project, or code snippet youād like me to review, just buy me a coffee and share the URL or email me and I will review anything youād like.
Shout Outs and Sponsors
Dev Tales is a weekly newsletter where Dimos interviews software developers of all levels, looking for inspiration and practical advice.
Readers of Dev Tales learn how to get their first job,Ā find work as a contractor, get a pay raise, and work remotely while traveling the world.
Check out his latest!
Tutorial of the week:
Length: 3 hours
Difficulty: Intermediate
This weekendās tutorial is by JavaScript Mastery Probably the most proficient tutorial creator on YouTube right now. I highly recommend subscribing for project tutorials at all levels.
What youāll learn this weekend:
Three.js š®
3 frontend projects of the week:
Use these projects to inspire future projects of your own.
1. Giglish
Learning a new language but canāt find a language partner? This app helps you practice your target language with an AI teacher. Iāve been using this to learn Dutch and itās very helpful. This is one of those projects I really wish I created.
Check it out!
2. David Adler Portfolio
Hereās a single-page, yet creative portfolio. My guess how this is built by checking mouse placement and rendering a new image. Does anyone have any other ideas on how you could build this?
Check it out!
3. Sprint Simulator
This project compares the race speeds of various athletes and animals. I have no idea how this was built, but itās a very cool portfolio project.
Thatās all folks!
I hope you enjoyed this weekendās edition of Weekend Web Dev!
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
To keep the tutorials flowing and support my newsletter, consider fueling my creativity with a coffee āļø - every cup makes a difference!
Here are some excellent beginner resources for learning JavaScript
Mozilla Developer Network - the leading resource on JS
FreeCodeCamp - free course
CodeAcademy - intro to javascript - free course
Odin Project - full stack javascript - free course
Eloquent Javascript - book (many people struggle with this book)
javascript.info - reference resource
Traversy Crash Course in Javascript - video series
Intermediate/advanced material
JavaScript Design Patterns - free book
Professor Frisby's Mostly Adequate Guide to Functional Programming - free book
What the heck is the event loop anyway? - JSConf talk about the event loop
Understanding the Weird Parts - paid course covering more advanced topics
Deep JavaScript: Theory & Techniques - free book
Software
Code Sandboxes
Other handy sites