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

Turning our slideshow to an OOP one

In our last lesson we created a slideshow. Although the slideshow was easy to create and incredibly helpful it lacks in a few departments. For one, the slideshow is not reusable. Secondly, it's cluttering our workspace. In this lesson we'll attempt to solve both problems by incorporating some OOP concepts. By the end of this lesson we will have a similar slideshow only one that is an object.

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