For this series, let's do something a little different! Because Wordle is such an incredibly popular game these days, what if, for fun, we designed and built a Wordle clone from scratch?My daughter is constantly requesting that I hand-draw simple three-letter challenges for her. So, with that in mind, let's make our version of Wordle a bit more kid-friendly. Ready to get started?
Overview
Syllabus
- Introduction
- Series Introduction
- The Grid
- Build the Game Grid
- Dynamic Grids With Vanilla JavaScript
- Dynamic Grids With Alpine.js
- Make it Work
- The Source of Truth
- Submit a Guess
- Provide User Feedback
- Conditional Tile Highlighting
- Refactor Sweep and the Delete Key
- Make it Look Professional
- Check the Dictionary
- Fix a Tile Highlighting Bug
- The Keyboard
- Build the Keyboard
- Make the Keyboard Pretty
- Keyboard Highlighting
- Finishing Up
- Final Refactor Sweep
- The Most Important Acceptance Test
Taught by
Jeffrey Way
