Embarking on a journey of continuous improvement can be exciting, especially in the ever-evolving world of web development. The **30 Days, 30 Submits** challenge, which started on July 21, 2020, was a phenomenal way to boost HTML, CSS, and JavaScript skills through innovative projects. In this article, we’ll explore how you can undertake this challenge, troubleshoot common issues, and preview a series of engaging projects.
What is the 30 Days, 30 Submits Challenge?
This initiative encourages developers to complete and submit 30 projects over 30 days. It emphasizes hands-on learning through various projects, ranging from simple web components to fully functional JavaScript applications. The projects are well-documented, complete with live previews and YouTube tutorials to guide you through the development process.
How to Get Started with the Challenge
Here are some steps to kick off your journey effectively:
- Set Your Goals: Determine what specific skills you want to improve.
- Gather Resources: Have a notebook or code editor ready for jotting down ideas and writing code.
- Start Small: Begin with simpler projects and gradually increase complexity.
- Stay Committed: Dedicate time each day to work on your submission.
- Share Your Work: Don’t forget to show your completed projects to the community!
Projects Overview
Below are some of the key projects from the challenge, showcasing a diverse range of applications you can create:
Day Project Name Source Preview YouTube Video
1 Custom Cursor CodePen Preview Link [Watch](https://youtu.be/de4W0EHMuUs)
2 Theme Switcher CodePen Preview Link [Watch](https://youtu.be/D1yg4T37qYo)
3 Random Dad Jokes Generator CodePen Preview Link [Watch](https://youtu.be/UDIfuvLEkjU)
4 Numbers API CodePen Preview Link [Watch](https://youtu.be/s3LFCErzmHI)
5 Countdown Timer CodePen Preview Link [Watch](https://youtu.be/_a4XCarxwr8)
This is just a snippet of the projects included in the challenge, with many more to explore!
Understanding Some of the Projects: An Analogy
Think of each project as a small house that you are constructing. The **Custom Cursor** is akin to adding stylish windows that catch everyone's attention at first glance. The **Countdown Timer**, much like a reliable mail delivery system, ensures your messages are sent out right on time. Every project builds upon the last, adding rooms and features that enhance both function and aesthetic.
Troubleshooting Common Issues
It's common to encounter obstacles while embarking on new projects. Here are some troubleshooting tips:
- Code Not Working: Double-check your syntax. Missing commas or braces can cause issues.
- Live Preview Not Displaying: Ensure that the project is linked correctly in your CodePen or relevant platform.
- Videos Not Loading: Check your internet connection or refresh the page. Sometimes, streaming issues can occur.
- Understanding Concepts: Don’t hesitate to revisit the YouTube tutorials for clarification.
- For more insights, updates, or to collaborate on AI development projects, stay connected with fxis.ai.
Further Exploration
If you're eager to continue your journey in web development, check out the full playlist of the challenge on YouTube: #30days30submits Playlist.
Additionally, become familiar with the range of tutorials offered by the creator by visiting their GitHub: All Web Cifar Project Tutorials.
Conclusion
At fxis.ai, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.
Now, roll up your sleeves and start crafting those projects! The road may be bumpy, but the journey will be rewarding.