20 posts tagged with "weekly-coding-challenge"View all tags

The theme for week #19 of the Weekly Coding Challenge is: Testimonials If you are looking to find new clients it's important to gather reviews / testimonials from old clients you've worked for to show them to your new clients. When you gather a few…

The theme for week #18 of the Weekly Coding Challenge is: Social Media Buttons We all know how important is Social Media nowadays for a business (be it either a blog or a product/service selling business) because of the amount of people using it. You…

The theme for week #17 of the Weekly Coding Challenge is: Pagination 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 theme for week #16 of the Weekly Coding Challenge is: Notifications The notification component is used in a web/mobile app when you want to notify the user that something happened based on his action - "successfully completed registration…

The theme for week #15 of the Weekly Coding Challenge is: Instant Search We live in a fast world and we want everything to be FAST, including search results, this is why instant search functionality became pretty much a "must have" feature instead of…

The theme for week #14 of the Weekly Coding Challenge is: Progress Bar A progress bar is used to show how far a user action is still in process until it's completed. A good example is a download progress bar which shows you how much of the file is…

The theme for week #13 of the Weekly Coding Challenge is: Accordion Hide and show content with just a click - this is what an accordion let us do. 😃 In this article we're going to build this Accordion: https://codepen.io/FlorinPop17/pen/PvvZmN/ The…

The theme for week #12 of the Weekly Coding Challenge is: Toggle A toggle (or a switch) is a component which allows you to change a state / a boolean value from true to false and vice-versa. It is basically a , but we are going to hide it and display…

The theme for week #11 of the Weekly Coding Challenge is: Tooltip A tooltip is a message which appears when you hover over an item. Usually this item is an image, a hyperlink or an icon. In this article we're going to build a Tooltip with Pure CSS…

The theme for week #10 of the Weekly Coding Challenge is: Clock When it comes to clocks, there are a wide range of possibilities that we could approach. This challenge aims to get your creative juices flowing! Let's see what you can create! 😄 In…

The theme for week #9 of the Weekly Coding Challenge is: Modal We have another one of the main components that is found on most of the websites. A modal is used to attract the users attention to some special information that you want to highlight. It…

The theme for week #8 of the Weekly Coding Challenge is: Chat Interface Everyone is using a chat of some sort nowadays so in this article we're going to create the bare bones of a chat application. We'll start with the HTML/CSS to create the layout…

The theme for week #7 of the Weekly Coding Challenge is: Portfolio As a developer it is highly recommended to have a portfolio with some of the projects that you've been working on. I say some, because maybe not all of your projects are worthy to be…

The theme for week #6 of the Weekly Coding Challenge is: Button "A button? 🤔" you might ask... Yes! A button! 😄 "But why?" Because a button is one of the building blocks of any website/web application. Either you are on facebook or twitter or…

The theme for week #5 of the Weekly Coding Challenge is: Drawing Application This is the first application that we are building in the #weeklyCodingChallenge program. So far we have built smaller projects, so this is pretty exciting if you ask me…

The theme for week #4 of the Weekly Coding Challenge is: Loading Animations Every time something is loading on a website it's a good practice to give some sort of feedback to the user, make him aware that his request is being processed. Most of the…

The theme for week #3 of the Weekly Coding Challenge is: Navigation 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…

New week! New Challenge! 😄 The theme for the second week of the Weekly Coding Challenge is: Create a Slider A slider is used mostly to showcase content like: images, projects in your portfolio or even testimonials from clients. It is useful because…

Introduction Some of you might know (or if you don't, you will find out now 😉) that I started a Weekly Coding Challenge program for developers which is beginner-friendly and aims to help them learn, practice and/or improve their development skills…

Some of you might already know but for those who don't, I'm starting a weekly Coding Challenge with all of you! 😄 This is how I'm planning to make it work: Every Monday I'm going to post an article about how I'm solving a different Coding Challenge…