loading...
Cover image for Weekly Coding Challenge - week #3 - Navigation

Weekly Coding Challenge - week #3 - Navigation

florinpop17 profile image Florin Pop Updated on ・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: Navigation

Description

A navigation component is crucial on a website because you want your users be able to easily navigate through your pages. You can find a navigation component even on single page websites that'll allow you to jump to a certain section on the page. So as a developer is very useful to know how to build this kind of component.

Useful Resources

Check out my submission for this challenge: Tab Bar Navigation.

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