Challenges
Coding tasks to sharpen your problem-solving skills in various programming languages.
100 proyectos de JavaScript
javascript100.dev
Collections of projects to learn JavaScript, complete with source code and video tutorials, all for free. Some projects are a dependency-free Excel, implementing drag-and-drop image lists, solving a technical challenge to build Tetris in 40 minutes, and calling an API to display IP information. Users can also test their typing skills and learn to create a Tinder-like swipe effect using HTML, CSS, and JavaScript.
AdventJS
adventjs.dev
JavaScript coding challenges throughout December, inspired by the tradition of Advent. Since 2015, it has provided programming challenges designed for JavaScript/TypeScript, focusing on cognitive complexity and execution speed rather than the number of lines of code. Participants can submit multiple solutions, with the best score recorded. The challenges are available from December 1st to December 24th, and solutions must be valid for all cases, as secret tests are included to ensure robustness. The event is free to participate in, and community support is encouraged through social media and platforms like Discord and Twitch. Created by midudev.
CodeCombat
codecombat.com
Games that teache Python, JavaScript, and HTML. Solve puzzles to enhance coding skills while creating your own games and websites. Keywords include coding, programming game, Python, JavaScript, HTML, puzzles, game development, web development, and interactive learning.
CodeMonkey
codemonkey.com
CodeMonkey offers a fun, game-based environment for kids to learn coding without prior experience. Its award-winning courses teach text-based programming languages like CoffeeScript and Python, enabling students to navigate the programming world confidently. The platform provides a comprehensive curriculum for grades K-8, emphasizing the importance of introducing coding at an early age. CodeMonkey's unique gamified approach makes learning engaging and rewarding, utilizing gaming elements to enhance the educational experience. Trial subscriptions allow for an introduction to basic coding concepts, making it a valuable tool for learners of all ages.
Codedex
codedex.io
Learn programming through adventure games in a fantasy land, exploring programming languages like Python, HTML, CSS, and JavaScript. Earn experience points (XP) to unlock new regions and collect badges at your own pace. This interactive platform offers a unique approach to coding education for both kids and adults, making it an ideal tool for enhancing productivity and creativity in coding. Perfect for those seeking challenges in their learning journey, it provides a fun and immersive way to develop essential skills in web development and programming.
Codewars
codewars.com
A coding practice platform designed for developers of all skill levels, featuring over 55 programming languages. Users can engage in challenging coding exercises known as 'kata' to improve their skills, earn honor, and climb leaderboards.
Coding Fantasy
codingfantasy.com
Traditional coding education often fails due to its passive nature, leading to boredom and ineffective learning. Many learners struggle to apply knowledge gained from videos and articles, which are often consumed like entertainment rather than practical skills. The solution lies in an interactive approach that combines engaging gameplay with coding practice. Players can embark on adventures like helping an elf rescue her brother using CSS Grid or assisting King Arthur in reclaiming his gold with CSS Flex Box. This innovative method transforms learning into an enjoyable experience, allowing users to learn coding by playing games, making it more effective and fun.
CryptoZombies
cryptozombies.io
Interactive platform for learning blockchain programming through building a crypto-collectibles game. Offers step-by-step lessons on Solidity and Ethereum development, catering to over 400k users. The curriculum includes creating fully-functional blockchain games and deploying decentralized applications (DApps). Focused on NFTs and expanding to other chains like Binance and TRON, making it relevant for new web3 developers. Game for learning blockchain.
DevChallenges
devchallenges.io
A platform designed to help aspiring web developers enhance their skills through real-life coding projects and challenges. Users can practice coding, build a portfolio, and improve their abilities by engaging in hands-on projects. The process involves choosing a challenge, coding in a personal space, and submitting projects via GitHub and demo links. The platform emphasizes learning by doing, reviewing others' work, and developing essential skills in HTML, CSS, and JavaScript, while also exploring frameworks like Tailwind CSS and Bootstrap.
Flexbox Froggy
flexboxfroggy.com
A game for learning CSS flexbox layout through engaging challenges. Players control a frog by applying flexbox properties to navigate through various levels, making it a fun and effective way to learn and practice CSS flexbox concepts.
Flukeout
flukeout.github.io
Learn and practice CSS selectors through an interactive game. Players type CSS selectors to select elements on a table, advancing to the next level upon correct selections. The game emphasizes understanding how selectors work, such as using 'p' to target all <p> elements and applying styles like margin-bottom. Users can hover over table items to view their HTML markup and access selector help, enhancing their CSS skills in a fun and engaging way.
Frontend Mentor
frontendmentor.io
Real-world HTML, CSS, and JavaScript challenges based on professional designs. This platform offers a variety of projects that allow developers to gain hands-on experience, build confidence, and create a stunning portfolio. Users can choose challenges that match their skill level, focus on coding without worrying about design, and adapt to the ever-evolving front-end landscape.