Coursera Plus Annual is 40% Off — Ends June 29.

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
Scrimba Ad

Get 20% off all career paths from fullstack to AI

Learn More → CodeSignal Ad

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

Learn More →

Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
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.