Creating a Responsive and Flexible Slideshow in JavaScript
Pluralsight
Course Summary
In this JavaScript tutorial, we'll learn how to build a flexible and dynamic slideshow. Software required: Sublime Text 3, Google Chrome, Live Reload 2.3.65, VirtualHostX 6.0.4.
-
+
Course Description
In this JavaScript tutorial, we'll learn how to build a flexible and dynamic slideshow. We'll look at the steps required to build a slideshow from scratch. We'll also implement efficient programming techniques, get the maximum performance on all devices, and learn tips and workarounds to deal with browser/device incompatibilities. By the end of this JavaScript training, you'll be able to build your own stunning slideshows with the help of JavaScript. Software required: Sublime Text 3, Google Chrome, Live Reload 2.3.65, VirtualHostX 6.0.4.
-
+
Course Syllabus
Introduction and Project Overview- 1m 3s
—Introduction and Project Overview 1m 3sCreating a Responsive and Flexible Slideshow in JavaScript- 2h 36m
—Creating a Multimedia Gallery 9m 1s
—Creating a Multimedia Gallery, Continued 10m 59s
—Reviewing Improvements and Scalability 12m 51s
—Completing the Layout for Slideshow 10m 44s
—Creating Breakpoints 11m 26s
—Building the Functionality 10m 22s
—Building Click and Keyboard Events 10m 53s
—Populating Slides Dynamically 6m 48s
—Implementing Lazy Loading and Image Cuts 12m 22s
—Building the Thumbnails Component 13m 28s
—Adding Description Component 4m 45s
—Adding Touch Events and Gestures 10m 45s
—Adding History Events for URL Changes 12m 8s
—Creating a Multimedia Gallery 6m 7s
—Reviewing Improvements and Scalability 14m 8s