Presumed knowledge
Course overview
Sliders, also known as JavaScript sliders, image sliders, or carousels are a taste of the modern web with which you can narrow down large chunks of information on a web page into more manageable, more serene, and more fancy designs of slides.
Sliders are quite common around the net - it is more than likely that you would've encountered them at some point in your explorations around the web. Even if for some reason you haven't come across sliders in web pages, you at least would've been using them already for a long while by now on your smartphone!
Yes sliders are also present in your smartphone's OS just at the home page where you swipe across thumbnails and they get navigated here and there.. This is what sliders are all about - content divided into pieces known as slides that flow in and flow out at user interactions to make indigestable information, digestable.
Learning outcomes
Table of contents
Foundation
1 hr 21 mins 6 chaptersDescription:In this unit we shall start off by laying out an HTML and CSS structure of our slider and then progressively build on it by adding newer and newer features. We will consider a very basic slider with its logic going into JavaScript. After that we will finally take a look at some of the most frequent features given to sliders.
Effects
56 mins 4 chaptersDescription:In this unit we will solely discover the different types of effects we can give to a slider and specifically how to write code to get them into action. We'll bring on the idea of CSS transitions and animations to help us in developing fluid motions for our slider.
Misc
10 mins 1 chaptersDescription:In this unit we will discover the slightly more complicated part to sliders i.e of adding touch interactivity. We'll start off with considering very basic touch events, and then improve on them to include the swiping effect into our slider as well. We'll also see how to bind key events to the slider to allow quick interactivity for keyboard users.
Frequently asked questions
-
What if I get stuck somewhere in the course?
If you're having a hard time understanding a given concept in the course, feel free to reach out to us via our email
mail@codeguage.com, describing the issue you're facing. We'll try our level best to help you out. -
Some important topics are missing from the course. Why is that so?
Our courses are released while they are still under construction so that our learners can get early previews. As we continuously work on adding more and more content to our courses, if a given topic isn't covered today, there's a high chance that it's already under way and will show up very soon. You can follow us on Twitter to be updated with our latest content releases.
-
How can I ask any general questions related to the course's content?
Write to us at
mail@codeguage.com.
Share your experience
Empower others and help shape new learning journeys!
We are really glad to know that our immense effort on creating this and other suchlike courses got you here. We believe that your insights regarding this course can inspire and guide others on their learning path. We'd really love to hear about your viewpoint on the course and how it helped you improve your skills.
The best part is that you get to post the review from your own Instagram or Twitter account, while mentioning CodeGuage in your post. The process to follow is really simple:
- Write about your experience of a given course and how it helped you in levelling up your skills.
- Include the
@codeguagehandle in your post. (That's important!) - Include the
#SkilledUpWithCodeGuagehashtag in your post.
And that's it! It's that simple.
We sincerely thank you for being an integral part of our community and helping us shape a brighter future for aspiring programmers and mathematicians.
Together, let's build a community of learners. Happy learning! 🙂
Why this course?
-
Free of cost
No need to buy any subscriptions, make any payments, or create any accounts. All the content is available for free.
-
Well-structured
Content throughout the course is organized in a chronological fashion, ensuring a clear and intuitive learning experience.
-
Simple to understand
Everything is explained in plain and concise words, right from the perspective of an absolute beginner.
-
Detailed explanations
Certain concepts require a pretty deep insight. Fortunately, we provide all that insight in easy words.
*The durations mentioned on this page are merely an estimate; the actual time completing the underlying topic/course would obviously be much greater.
