Weekly Coding Challenge - The Complete Guide

Weekly Coding Challenge thumbnail

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 by creating all sort of projects and small-sized applications.

Also, there is a twist 😏: I will be participating in the challenge too and I'm going to write a new tutorial each week in which I'm going to explain in detail how I solved the challenge. This will be great for those of you which might get stuck along the way. Also for those of you which successfully completed the challenge this will be a good opportunity to see another approach and maybe learn something new. 👍

I've shared this idea with the developers community and I was very surprised 😲 by all the positive feedback that I received, so I decided to create this Guide which explains in much more detail all the things you need to know in order to participate.

Why am I doing this?

I LOVE ❤️ these kind of projects as they allow me to practice different coding skills in a short period of time. This is a win-win situation as you might not always have the required amount of time to work on a big, "start-up" like idea or project. At the same time you feel the satisfaction of completing something, even if it's smaller (which will boost your motivation). 😄

I really enjoy helping others and this is a great way for me to share the things that I've learned in the past 6 years with the ever growing community of developers. I've learned a lot from others and this is my way of giving back to the community.

Reasons to join this program

  1. It's FREE! 🆓
  2. Great way to learn, practice and/or improve your coding skills.
  3. Great to try out a new programming language, library or framework.
  4. It has easy to complete challenges that will boost 🚀 your motivation.
  5. Great to add awesome projects in your portfolio in order to impress your next employer.
  6. Solves real-world projects which you'll encounter on your coding journey.
  7. Has an in-depth tutorial which you can follow if you get stuck or if you want to learn another approach.

Coding Challenges (so far emoji-wink)

Week Theme Article / My submission All Submissions
Week #1 Sign in/up Form Double Slider Sign in/up Form Codepen Collection
Week #2 Slider Full Page Slider Codepen Collection
Week #3 Navigation Tab Bar Navigation Codepen Collection
Week #4 Loading Animations Interwind Loading Animation Codepen Collection
Week #5 Drawing App Drawing App built with p5js Codepen Collection
Week #6 Button Buttons UI Kit Codepen Collection
Week #7 Portfolio Portfolio Codepen Collection
Week #8 Chat Interface Chat Interface Codepen Collection
Week #9 Modal Modal Codepen Collection
Week #10 Clock Clock with p5js Codepen Collection
Week #11 Tooltip Pure CSS Tooltip Codepen Collection
Week #12 Toggle Dark/Light theme toggle Codepen Collection
Week #13 Accordion Accordion Codepen Collection
Week #14 Progress Bar Progress Bar Codepen Collection
Week #15 Instant Search Vanilla JavaScript Instant Search Codepen Collection
Week #16 Notifications Notification Box Codepen Collection
Week #17 Pagination Pagination Codepen Collection
Week #18 Social Media Buttons Social Media Buttons Codepen Collection
Week #19 Testimonials Testimonial Card Codepen Collection

What you should know before starting

Every week I'll be announcing the theme of the week via Twitter at @florinpop1705 and I'm going to share the tutorial where I'll explain how I created my version of the project, so make sure that you follow me.

For those who don't use Twitter, you can opt in to receive the theme of the week directly to your inbox by clicking here.

The weekly themes could range from: Creating a CSS animation of some sort to Building a Notes Application or Implementing the design for a Sign in/up Form (this was the theme of the 1st week), etc... the sky is the limit!

You can even submit your own idea here and it might become the theme of one of the following Coding Challenges! 😄

How to participate

It's pretty simple... You create your project on Codepen or Glitch (if it requires a back end) and share with me the link to the project when you complete it. Details below 👇.

IMPORTANT!

You SHOULD NOT build the project in the exact same way that I'm building it! Be creative! Come up with your own version, with your own design, and you can even add new features to improve the project! This way you will get the most out of the challenge.

If however you get stuck at one point you can follow the tutorial and look at the code more in-depth, but at least you should write the code on your own and not just copy/paste it. This is a good way to understand the project better than by simply copy/pasting it.

FAQ

Where can I submit my solution?

There are three ways you can submit your solution:

Make sure that you provide your Name/Nickname/Username (anything that is distinguishable) and the link to your project when submitting.

Can I submit a solution for a previous Coding Challenge?

Yes, of course! You can submit the solution for any Challenge at any time!

Is there a HASHTAG we could use on Social Media?

Yes, you can use the #weeklyCodingChallenge hashtag when sharing.

Will my project be showcased?

If you want it to be showcased: Yes, I'm going to add it in a Codepen Collection (see above)! 👍

Why are the challenges only once a week?

I have a full-time job as a developer and this is the most I am able to create at the moment. Depending on the feedback received from the community, I might create more challenges/week in the future, if this is requested. 🌝

Can I help/contribute to this program?

Yes! Thank you for your willingness! You can suggest your own ideas for the next Coding Challenge in this Google Form. 🙏

Together GIF

We can learn and accomplish so many things, together! 😃 I'm glad that you decided to join on this journey!

I hope that this program will help you reach the next step in your development career! 🚀

I'm always here if you need any help and I'm open for your feedback. Don't hesitate to contact me!

Tagged with weekly-coding-challenge