Bouncing Ball Tutorial

I was given the task of following the grid below. It shows frame by frame of how to animate a bouncing ball. 

The idea was to make a key frame as every numbered point where there was a filled black circle. But there were issues in animating it regarding rotation to to polish the animation I also added a single frame before and after the ball makes contact with the floor (frames 6, 8, 16, 18, 24, 26 and 30).

Following the tutorial was really easy and simple but helped me get around how the key frames worked. Issue I had was that on occasion I would manipulate the sphere to fit in with the next key frame and I would have forgotten initially to select the frame I wanted use.

I also added flat cube surface as a floor so when viewing to was easier to see the points of bounce.

Here is the graph editor of the bouncing ball example.

You can see the bouncing ball follows the green line that curves up and down. After finishing the last key frame I had improved this line so it followed the path to a higher quality.