💻 #98: Build a Trello Clone with Next.js, Typescript, & Liveblocks 📋
Plus a daily rank, 1028 hand combinations, and a retro portfolio
Hi developer! 👋
We hit +1200 Subscribers! 🟩 🟨 ⬜️ ⬜️ ⬜️ 1207/5000 subscribers 🥇
Should I share my newsletter stats and growth strategy?
Would you like to follow subscriber count, open rate, & growth hacks?
I find it frustrating when I’m following a tutorial and halfway through I come across some deprecated technology or practice. I try to embrace the struggle of finding a solution on my own, but I often get quite frustrated.
This weekend’s tutorial is only three weeks old as of today, so you should all be in the clear! 👌
Tutorial of the week:
Length: 9 hours
This weekend’s tutorial is by Coding with Dawid. I like his style, he takes his time figuring out problems without editing out his mistakes. Following his videos feels like a pair-programming session.
What you’ll learn this weekend:
Next.js 14 ⚛️
TypeScript 🎛️
Liveblocks 🧱
3 frontend projects of the week:
Use these projects to inspire future projects of your own.
1. Rank A Day
Great project idea! Every day there’s something new to rank. Top fruits, TV characters, NFL teams, etc. You choose your top three and see how they rank compared to the average response.
2. Random Fingers
Did you know there are 1028 different combinations you can place your fingers?
✋🤘
3. Retro Game Portfolio
Here’s a great portfolio to stand out from the rest!
That’s all folks!
I hope you enjoyed this weekend’s edition of Weekend Web Dev!
Was it useful? Help us to improve!
With your feedback, I can find better tutorials and project ideas. Click on a link to vote:
To keep the tutorials flowing and support my newsletter, consider fueling my creativity with a coffee ☕️ - every cup makes a difference!
Your fellow weekend developer,
🫶📝 Are you looking for personalized feedback?
Do you have a portfolio, website, CV, or code snippet you would like some feedback on? I’d be happy to review and provide my input. It’s free for feedback, but if you’d like to support me and the newsletter you can buy me a coffee. Then just reply to this email with whatever you’d like to review.
Useful (free) resources
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