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
- It's FREE! 🆓
- Great way to learn, practice and/or improve your coding skills.
- Great to try out a new programming language, library or framework.
- It has easy to complete challenges that will boost 🚀 your motivation.
- Great to add awesome projects in your portfolio in order to impress your next employer.
- Solves real-world projects which you'll encounter on your coding journey.
- 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 )
|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|
Next Challenge: May 27 2019 - stay tuned!
What you should know before starting
Every Monday 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
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.
Where can I submit my solution?
There are three ways you can submit your solution:
- by completing this Google Form
- by sharing on Twitter at @florinpop1705 (make sure you tag me so I can see it)
- or via email
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. 🙏
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!