Live Coding a Wordle Clone - HTML, Sass, JS

Live Coding a Wordle Clone - HTML, Sass, JS

Coder Coder via YouTube Direct link

- JS: detect keypress

6 of 13

6 of 13

- JS: detect keypress

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Live Coding a Wordle Clone - HTML, Sass, JS

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Intro
  2. 2 - Tea break
  3. 3 - Set up boilerplate project files
  4. 4 - Research and taking notes
  5. 5 - HTML and Sass
  6. 6 - JS: detect keypress
  7. 7 - Save typed guess
  8. 8 - Update tiles with letters and backspace
  9. 9 - Choose random solution word
  10. 10 - Submit guess and evaluate
  11. 11 - Flip tile animation
  12. 12 - Increment guesses
  13. 13 - Win tile animation

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.