💻 #74: Build Tic-Tac-Toe with React.js in 30 minutes ❌⭕️
Build the classic game and share it with your friends
Hey everyone! 👋
I hope you're doing well and getting ready for an exciting weekend.
Recently, someone sent me their CV to review, and we had a great discussion about the hiring process, what to expect in interviews, and what hiring managers look for in applicants. If you'd like to receive feedback on your resume/CV or your personal portfolio, simply reply to this email or reach out to me on Twitter.
Let's dive into this weekend's tutorial where we'll be building a Tic-Tac-Toe game with React.js. It'll be a quick project but a great opportunity to hone your React skills.
If you prefer to try the project in Vue.js, you can check out newsletter #20 below!
Tutorial of the week:
Length: 30 minutes
This weekend’s tutorial is by JavaScriptMastery, he consistently put out fantastic work.
What you’ll learn this weekend:
React.js ⚛️
useState()
3 creative projects of the week:
1. SankeyArt
Simple website to build impressive flow charts.
2. Map Memes
Build a meme with maps using this website. The only thing this site is missing is a gallery to view other’s submissions.
3. Colorize Pictures
This website uses AI to colourize black and white pictures. Have old picture of your grandparents you want to colourize? Here’s a great place to try that! Very cool project!
Check it out
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