What are sliders?

The web is full of amazing technologies evolving together to make possible what was back then considered to be impossible. The web has grown so much since the old days of the basic HTML markup, static site layouts and the very elementary graphics, that it will take a whole library full of books to mention the complete development!

Today we all know what's the potential of the web. Games, software, music workstations, code editors, mail services, live chatting, and much more, all can be done pretty neatly on the web.

On the client side we have languages like CSS and JavaScript; fully-stacked frameworks like Angular, React etc. that blend together into site designing and development techniques and plans. Not only this but many basic well-known components that aid to the interface and usability of a site also count in this evolving technology.

Take for example the component AJAX. It is indeed a well-known technology out there, that is not a framework, neither a language on its own but a mixture of all those. However, AJAX is quite a larger and more complex instance of a web component than the ones we will be discussing in the section below.

These components include basic things ranging from 'how to make a menu icon animate into a cross', to 'how to make a blog article infinitely scrollable'.

Newer and newer components are being thought of and coded by web developers with every passing day. This was also the case four to five years ago where perhaps, some of the components made by developers received a lot of popularity compared to others and hence succeeded to become a part of web technologies taught to newbie developers.

One of these components of creativity was the concept of sliders in HTML pages; also known by the names image sliders, image galleries, carousels and so on. Sliders compress down big chunks of content into slides that can be navigated through using buttons or simple touch gestures. Each slide holds some piece of content, and is largely controlled using JavaScript events.

On sites such as news blogs, or online shopping stores - where developers want to show arrays of content to their users - a slider can be a handy feature to have, since it can get the content to appear one after another in a stylish and catchy way, at the same time ensuring that it doesn't overwhelm the users.

Essentially this is the purpose of sliders - to compress down a lot of information into smaller and easily digestable chunks.

Talking about the ways to add a slider, usually developers have the option of different slider libraries out there to choose from and get their job done, with just a few initialisations. The libraries document their operational procedures and how to work with their functions in their respective websites.

Developers usually learn these libraries, and NOT the concepts behind them, which means that if someday one gets down for some reason and a better one pops up they are left with the limitation of learning another library. Clearly undesirable!

Instead of memorising the functions of a slider library, why not learn how to make one, all by ourself? Why not learn all the concepts involved in giving interactivity to sliders and implement them right away on our own machines? If you feel the same, then this course is the guide for you.