Here is the GitHub repo with everything needed to follow along with the tutorial:
github.com/ChadMCasey/tempo_type
Here is the Figma Design file:
www.figma.com/design/uqdI99xW...
Hello Coders!
Todays tutorial involves the creation of a speed typing test in HTML, CSS & JS! Originally, i created this as a weekend project but thought that it would be awesome to share it with the world.
If you enjoyed todays tutorial make sure to leave a like and subscribe, more fun projects to come in the future!
Timecodes
0:00 - Intro
0:16 - Header Section
31:14 - Tiles Section
44:42 - Text Area Section
56:39 - Keyboard Section
01:07:41 - Footer Section
01:14:55 - HTML Templates
01:28:08 - Constants, Letter & Word
01:59:26 - Keyboard & Key
02:16:59 - Tile, Reset & Main
02:36:58 - Input Part 1
03:15:30 - Input Part 2
04:09:33 - Outro
Follow my socials for updates:
Twitter:
/ chadcaseyswe
Instagram:
/ chadcaseyswe
LinkedIn:
/ chadcaseyswe
And enjoy the rest of your day :)
Негізгі бет Ғылым және технология How To Create A Speed Typing Test In HTML, CSS & JS!
Пікірлер: 18