loading...
Cover image for Weekly Coding Challenge - Week #17 - Pagination

Weekly Coding Challenge - Week #17 - Pagination

florinpop17 profile image Florin Pop Originally published at florin-pop.com ・1 min read

Weekly Coding Challenge (20 Part Series)

1) Weekly Coding Challenge - The Complete Guide 2) Weekly Coding Challenge - Week #1 - Sign in/up Form 3 ... 18 3) Weekly Coding Challenge - week #2 - Slider 4) Weekly Coding Challenge - week #3 - Navigation 5) Weekly Coding Challenge - Week #4 - Loading Animations 6) Weekly Coding Challenge - Week #5 - Drawing App 7) Weekly Coding Challenge - Week #6 - Button 8) Weekly Coding Challenge - Week #7 - Portfolio 9) Weekly Coding Challenge - Week #8 - Chat Interface 10) Weekly Coding Challenge - Week #9 - Modal 11) Weekly Coding Challenge - Week #10 - Clock 12) Weekly Coding Challenge - Week #11 - Tooltip 13) Weekly Coding Challenge - Week #12 - Toggle 14) Weekly Coding Challenge - Week #13 - Accordion 15) Weekly Coding Challenge - Week #14 - Progress Bar 16) Weekly Coding Challenge - Week #15 - Instant Search 17) Weekly Coding Challenge - Week #16 - Notifications 18) Weekly Coding Challenge - Week #17 - Pagination 19) Weekly Coding Challenge - Week #18 - Social Media Buttons 20) Weekly Coding Challenge - Week #19 - Testimonials

Theme of the week: Pagination

Description

A Pagination Component is used on websites where you have more content available than you want to display at one time to the user so you'd split it on multiple pages. By separating the content on different pages you are also saving a lot of bandwidth for the user because it won't be required to download all the information at once.

Some examples where you'd have a pagination: a blog with multiple pages, an online store with multiple products, etc.

Useful Resources

Check out my submission for this challenge: Pagination.

See all the submissions in this Codepen Collection.

Are you interested in joining the challenge? 😃 Read The Complete Guide to find out how. Don't forget to share your creation! 😉

Happy Coding! 😇

Weekly Coding Challenge (20 Part Series)

1) Weekly Coding Challenge - The Complete Guide 2) Weekly Coding Challenge - Week #1 - Sign in/up Form 3 ... 18 3) Weekly Coding Challenge - week #2 - Slider 4) Weekly Coding Challenge - week #3 - Navigation 5) Weekly Coding Challenge - Week #4 - Loading Animations 6) Weekly Coding Challenge - Week #5 - Drawing App 7) Weekly Coding Challenge - Week #6 - Button 8) Weekly Coding Challenge - Week #7 - Portfolio 9) Weekly Coding Challenge - Week #8 - Chat Interface 10) Weekly Coding Challenge - Week #9 - Modal 11) Weekly Coding Challenge - Week #10 - Clock 12) Weekly Coding Challenge - Week #11 - Tooltip 13) Weekly Coding Challenge - Week #12 - Toggle 14) Weekly Coding Challenge - Week #13 - Accordion 15) Weekly Coding Challenge - Week #14 - Progress Bar 16) Weekly Coding Challenge - Week #15 - Instant Search 17) Weekly Coding Challenge - Week #16 - Notifications 18) Weekly Coding Challenge - Week #17 - Pagination 19) Weekly Coding Challenge - Week #18 - Social Media Buttons 20) Weekly Coding Challenge - Week #19 - Testimonials

Posted on by:

florinpop17 profile

Florin Pop

@florinpop17

JavaScript enthusiast 🙌, Front-end developer 💻 & Blogger 😍 at https://florin-pop.com/blog/

Discussion

markdown guide