Главная
Study mode:
on
1
- Intro
2
- Tea break
3
- Set up boilerplate project files
4
- Research and taking notes
5
- HTML and Sass
6
- JS: detect keypress
7
- Save typed guess
8
- Update tiles with letters and backspace
9
- Choose random solution word
10
- Submit guess and evaluate
11
- Flip tile animation
12
- Increment guesses
13
- Win tile animation
Description:
Follow along with a comprehensive 4-hour and 45-minute live coding session to build a WORDLE clone from scratch using HTML, Sass, and JavaScript. Begin by setting up boilerplate project files and conducting research. Progress through HTML and Sass implementation, then dive into JavaScript functionality including keypress detection, guess saving, tile updates, random word selection, guess evaluation, and animations. Learn to create engaging game mechanics and visual effects while gaining practical experience in front-end web development.

Live Coding a Wordle Clone - HTML, Sass, JS

Add to list
0:00 / 0:00