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

Save 43% on 1 Year of Coursera Plus

Learn More → Scrimba Ad

Free courses from frontend to fullstack and AI

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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.