Coursera Plus Annual is 40% Off — Ends July 13.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Laracasts

Wordle Workshop

via Laracasts

Go to class Write review
CodeSignal Ad

2,000+ Free Courses with Certificates: Coding, AI, SQL, and More

Learn More → Simplilearn Ad

Build AI Apps with Azure, Copilot, and Generative AI — Microsoft Certified

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
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?

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

Reviews

Start your review of Wordle Workshop

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.