Can I Create This Typing Animation Using TypeScript?

Published: 10 May 2022
on channel: Web Dev Simplified
47,774
1.4k

JavaScript Simplified Course: https://javascriptsimplified.com

Typing animations are incredibly popular on many sites (especially marketing/brochure sites). In this video I attempt to replicate the typing animations from my JavaScript Simplified course website in TypeScript without using a library. I think this will be a pretty easy project, but I am not the best with TypeScript so we shall see.


📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/t...
JavaScript Simplified Course: https://javascriptsimplified.com


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:32 - Setup/Demo
01:52 - Typewriter Class Setup
06:46 - Creating A Queue
11:56 - typeString Function
14:50 - deleteChars Function
21:38 - deleteAll Function
22:38 - pauseFor Function
23:21 - Configuring Options


#WebDevelopment #WDS #TypeScript


Watch video Can I Create This Typing Animation Using TypeScript? online, duration hours minute second in high quality that is uploaded to the channel Web Dev Simplified 10 May 2022. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 47,774 times and liked it 1.4 thousand visitors.