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

Creating a slideshow

Let's get started with Chapter 3. We start off this chapter with the coolest usable and most commonly prevailing thing on the web - slideshows. By the end of this lesson, you will have a fully operational slideshow. In the process we will discover the "this" command. The idea behind the this command is simple. When we're inside of a method and want to refer to the object that owns that method we refer to this. One of the most important concepts in object oriented programming is our desire to hide explicit names, helping turn our code from a one-time hit to a reusable Hero. The this command enables us talk to our object without naming it directly.

The slideshow project

This whole chapter is dedicated to practicing the skills we developed throughout the last few chapters.

00:46

Creating a slideshow

By the end of this lesson you Will have a fully operational slideshow. In the process we will discover the this command.

14:32

Turning our slideshow to an OOP one

In the end of this lesson we will have a similar slideshow only one that is an object.

13:22

Making our slideshow more dynamic

In this lesson we revert back and update this logic by removing those labels and making our slideshow capable of running unlimited slides.

04:09

Using the GSAP TextPlugin

The TextPlugin Tweens the text content of a DOM element.

11:02

Taking the TextPlugin for a spin

In this lesson I wanted to show you how do you create custom animation and interactivity that is layered into the plug-in.

11:40

Completing the slideshow

By the end of the session lesson you we will have a fully working completed slideshow.

04:48