02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
Previous VideoPrevious Video

Creating a typewriter effect

<p>Animations are in the heart of the modern web. Creating smooth and engaging animations uplift every design. In this lecture we will learn how to create a very simple and cool animation: a type writing effect. We will do it on our main text title. </p><h2>Keynotes:</h2><ul><li> Updating text with jQuery.</li><li> Timing an animation. </li><li> Avoiding global variables. </li></ul>

Dynamic visualization with JavaScript and jQuery

In this lecture we will test to see the time of day and based on it change our CSS to create a darker or lighter background based on if its day time or night.

09:51

Creating a typewriter effect

In this lecture we will learn how to create a very simple and cool animation: a type writing effect. We will do it on our main text title.

07:51

Animations need order - creating a Que

In this lecture we will start converting our structure to enable us to que content. We will create the basic structure needing to complete this task in the next lecture.

06:42

Creating a callback and activating the Que

In the last lecture we started to store animations that where not ready yet to trigger. In this lecture we continue down that path by going into our current animation logic and asking it to update us

06:50

Using an Animation library

In this lecture we will learn the foundations of good animation and see it in action using the jQuery library animations.

08:27