💻 #76: Build a Hangman Game with React.js and Typescript 🕺
Build the classic game using React.js
Hey there!
I hope you’ve had a great week! I’ve had a cold all week 🤧
Let’s dive right into this weekend’s project.
Tutorial of the week:
Length: 45 minutes
Difficulty: Intermediate
I chose Web Dev Simplified for this weekend’s tutorial because he doesn’t just focus on building projects but he focuses on how you can write cleaner, more readable code. When working with a team, it’s important that other people can read your code. This is a skill that will take you to the next level in your career.
What you’ll learn:
React.js 🌐
Typescript 🪢
Vite ⚡️
3 creative projects of the week:
1. Koi Pond
Built with P5.jsRelaxing pond simulation where you can feed koi fish. 🐠
Check it out
2. shots.so
Use shots.so to create beautiful screenshot mock-ups of iPhones, Apple Watches, and other screen sizes. Great tool.
3. Custom Shape Dividers
A free tool to build custom dividers for your website. Bookmark this for your next 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,
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