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


On this page of the site you can watch the video online Can I Create This Typing Animation Using TypeScript? with a duration of hours minute second in good quality, which was uploaded by the user Web Dev Simplified 10 May 2022, share the link with friends and acquaintances, this video has already been watched 47,774 times on youtube and it was liked by 1.4 thousand viewers. Enjoy your viewing!