Resources

I do not receive any compensation for naming these resources. If you see that some of these resources are not well accredited or should be removed, please send me a message.

🦾 Code Challenges with Ranks

If you're looking to sharpen your coding skills and take on exciting challenges, Code Challenges with Ranks is the perfect section for you. Explore platforms like Codewars, Leetcode, Hackerrank, Coderbyte, Codechef, Codeforces, and Codesignal. These platforms offer a wide range of coding challenges that cover various programming languages and algorithms. You can compete with other developers, improve your problem-solving abilities, and even prepare for coding interviews. Get ready to level up your coding game!

• Codewars
• Leetcode
• Hackerrank
• Coderbyte
• Codechef
• Codeforces
• Codesignal

🎯 RoadMap Practice

If you're on a journey to become a proficient coder and want structured learning resources, the RoadMap Practice section is your go-to. Codecademy and Freecodecamp provide comprehensive curricula for learning to code. Codecademy offers interactive exercises and projects to help you master programming languages, while Freecodecamp offers a curriculum focused on web development and provides hands-on experience by working on real-world projects for nonprofits. Start practicing and follow a well-guided path to reach your coding goals.

• Codecademy
• Freecodecamp

🏹 Code Practice

Practice makes perfect, and the Code Practice section offers various interactive platforms to enhance your coding skills. ElevatorSaga JavaScript challenges you to control elevator systems using JavaScript, while JSkatas JavaScript provides exercises to practice JavaScript concepts in a hands-on manner. Flexboxfroggy and Flexboxdefense are perfect for mastering CSS flexbox properties, with interactive challenges and tower defense-style games. Cssdinner tests your CSS selector skills by styling a virtual dinner table, and Sql Zoo and SQL Murder Mystery help you improve your SQL querying abilities through interactive exercises and solving a thrilling murder mystery.

• ElevatorSaga JavaScript
• JSkatas JavaScript
• Flexboxfroggy Flexbox
• Flexboxdefense Flexbox
• Cssdinner Grid
• Sql Zoo Sql
• SQL Murder Mystery Sql

🥽 Front-End Project Challenges

Ready to put your front-end skills to the test? The Front-End Project Challenges section is designed for you. Devchallenges, Frontendmentor, Reacttraining, and 100dayscss offer real-world front-end development challenges. Devchallenges and Frontendmentor provide design mockups for you to recreate using HTML, CSS, and JavaScript, while Reacttraining guides you through building React applications. If you're up for a daily challenge, 100dayscss encourages you to create unique and creative CSS designs every day for 100 consecutive days. Take on these challenges and showcase your front-end expertise!

• Devchallenges
• Frontendmentor
• Reacttraining
• 100dayscss

👾 Kids

Introducing kids to the world of programming can be a fun and educational experience. The Kids section offers a range of resources designed to make coding enjoyable for young learners. Codespark, Codecombat, and Codemonkey offer game-based learning platforms where kids can play and solve coding challenges while progressing through interactive adventures. Additionally, the Lightbot Android App helps children develop programming logic by solving puzzles with a friendly robot as their guide. Let the young ones embark on an exciting coding journey and foster their passion for technology from an early age.

• Codespark
• Codecombat
• Codemonkey
• Lightbot Android App

Posts

💡 Useful tools for HTML & CSS