YoVDO

Animated Typewriter Effect with JavaScript & CSS

Offered By: Scrimba via YouTube

Tags

CSS Animation Courses Computer Science Courses Web Development Courses Javascript Courses Front-end Development Courses Animation Effects Courses

Course Description

Overview

Learn to create an animated typewriter effect using JavaScript and CSS in this comprehensive tutorial. Explore CSS animations, including transitions, timing, shorthand techniques, transform properties, and scaling. Discover cool CSS animation tools and shortcuts while implementing the effect with JavaScript. Join Leanne and Michael as they guide you through the process, covering topics such as transition and animation timing, character manipulation, typing animations, color effects, infinite loops, cursor animations, and separating animations with commas. Gain practical skills to enhance your web development projects with engaging typewriter animations.

Syllabus

Intro
Welcome
Poll
CSS
Newsletter
CSS Tutorial
Timing
Characters
Typing
Color
No Color
Blink
Infinite
Typing test
Cursor animation
Separating animation with commas
JavaScript


Taught by

Scrimba

Related Courses

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX