Learn to Make an Animated Image Gallery using HTML5
4.4 (247 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
15,137 students enrolled

Learn to Make an Animated Image Gallery using HTML5

A Quick Guide to Learn Animation in HTML
4.4 (247 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
15,137 students enrolled
Last updated 12/2018
English
English [Auto-generated]
Price: Free
This course includes
  • 1 hour on-demand video
  • 1 article
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What you'll learn
  • Use HTML5 to build Apps
  • Use JavaScript in Web Apps

  • Use Quicksand animation in projects

  • Learn the use of Lightbox
Course content
Expand all 8 lectures 01:10:44
+ Course Introduction
1 lecture 02:07

Introduction to the Course

Introduction
02:07
+ Building the Gallery - HTML & CSS
2 lectures 28:56

Creating the HTML for the gallery

Gallery -HTML
15:48

Building the CSS for the Gallery

Gallery CSS
13:08
+ Building Animation
3 lectures 38:02

Learn to implement the Quick Sand Animation

Adding Dynamic properties to images
11:46

Learn to implement the JQuery for the Animation

QuickSand Animation - Adding Arrays
12:27

Use the Fancy Lightbox for the App

Fancy lightbox
13:49
+ Summary
2 lectures 01:48

Course Wrap Up

Course Summary
01:16
Bonus Lecture: More Interesting Stuff, Offers and Discounts
00:32
Requirements
  • Basic Knowledge of HTML, CSS and JavaScript
Description

A short and sweet course for all the HTML5 fans out there. If you are new to HTML5 and wants to get on with creation of some app this course will teach you the nuances of HTML5 development and APIs such as Lightbox.

You will learn the proper use of Syntax and will be creating a full fledged Animated Gallery in HTML5. You can code along with the instructor and can check up with the royalty free code provided with the tutorial. This course will help you master the following

  • Learn best practices for HTML5
  • Learn to program with CSS
  • Learn basic Javascript
  • Learn to use Lightbox
  • App Building Techniques
Who this course is for:
  • Front end web develoeprs
  • Web Designers