Benable — create shareable lists of things you recommend!
E.g., products you love, local businesses, travel recs - you can add anything to a Benable list!
20 Free Coding Practice Sites That Turn Tutorials Into Real Skills
20
items A hands-on path for developers who want to turn passive tutorial knowledge into code they can write, debug, and explain. This research-based collection moves from short programming exercises and portfolio builds to CSS and Git games, SQL practice, re...
Sections
5
Coding Fluency
Project Builds
Visual Fundamentals
SQL & Data
Security & Debugging
Coding Fluency
Start with short, repeatable problems that make syntax and problem solving feel less fragile. Use the feedback and discussion after each attempt to understand alternative solutions.
Good for building fluency in one language without hunting for the next exercise. Pick a track, attempt the small problems independently, and compare approaches after you submit; mentoring is available when you want more feedback.
Exercism
Useful when you want short coding challenges with increasing difficulty and several languages to choose from. Try a kata before viewing solutions, then inspect other approaches to learn cleaner patterns.
Codewars
Choose a data structure or algorithm domain when you want a focused sequence of problems rather than a random challenge. The built-in editor and test cases make it useful for practicing correctness, but pause to explain your time complexity after eac...
HackerRank Algorithms Practice
A good stretch for programmers who enjoy puzzles that combine mathematics and code. Work through a problem before reading discussion; the early problems are approachable, but later ones can demand substantial mathematical reasoning.
Project Euler
Project Builds
Build small interfaces from realistic briefs and compare your implementation against a target. These challenges are useful when you need portfolio evidence rather than another completed tutorial.
Pick a brief that matches your current HTML, CSS, or JavaScript level and build it without following a walkthrough. The supplied designs and community solutions make this especially useful for practicing implementation decisions and creating portfoli...
Frontend Mentor Coding Challenges
Use these briefs when you want to turn a design or feature request into a working project without step-by-step instructions. Choose a challenge at your level, document your tradeoffs, and compare your result with the community solutions.
devChallenges Web Projects
A playful way to test how precisely you can reproduce a target using CSS. Work from the visual brief first and use the score as feedback on your solution, not as a substitute for readable production CSS.
CSSBattle Visual Coding Challenges
This collection gives you thirty small projects to practice browser APIs and interactions with plain JavaScript. Try building each idea before watching the lesson so you can identify exactly where your understanding breaks down.
JavaScript30 Vanilla JS Projects
Visual Fundamentals
Practice CSS layout and Git branching through interactive visual exercises. These focused games help reveal gaps that are easy to miss while copying code from a video.
Use the frog-placement puzzles to practice flex containers, alignment, and ordering without building a full page. It is most helpful as a quick refresher before you apply the same rules in a real layout.
Flexbox Froggy CSS Layout Game
The garden puzzles make grid tracks, placement, and spans visible as you write CSS. Work through them after Flexbox Froggy if two-dimensional layouts still feel like guesswork.
Grid Garden CSS Grid Game
Use the animated commit graph to see what branching, merging, rebasing, and cherry-picking actually change. It is especially helpful if you know Git commands by rote but cannot yet predict the resulting history.
Learn Git Branching Interactive Lessons
These guided exercises put GitHub workflows inside a real repository, so you practice issues, pull requests, and Actions in context. Start with the introductory courses if you have only used Git through a graphical interface.
GitHub Skills Hands-On Courses
SQL & Data
Move from basic SELECT statements to joins, grouping, and realistic data questions. Run the queries yourself, then use the exercises to spot what you still need to practice.
A friendly starting point for writing SELECT, filtering, joins, and aggregation queries directly in the browser. Complete each exercise before moving on; the immediate output helps you catch misunderstandings early.
SQLBolt Interactive SQL Lessons
Use the topic-based exercises when you want more repetition beyond an introductory lesson. The questions move through SELECT, joins, nested queries, and aggregate functions, so you can target whichever concept still slows you down.
SQLZoo Query Practice
A strong next step once basic SQL feels comfortable, with questions on joins, aggregates, dates, and more advanced PostgreSQL features. Try to solve each problem yourself before opening its answer and explanation.
PostgreSQL Exercises
Use the short SQL and data-analysis courses when you want query practice connected to real datasets and notebooks. Some lessons require a Kaggle account, so choose a course that matches your current Python or SQL background.
Kaggle Learn Data Courses
Security & Debugging
Use guided labs to investigate bugs, input patterns, and common web vulnerabilities in safe practice environments. Read each lab’s boundaries and practice only within the provided exercises.
Start here if you want hands-on command-line problem solving in a structured, legal practice environment. Each level gives a small goal, so write down the commands and concepts you used before moving to the next one.
OverTheWire Bandit Wargame
The free interactive labs let you study specific web vulnerabilities in a purpose-built environment. Follow the learning material before attempting a lab and keep testing within the Academy’s authorized targets.
PortSwigger Web Security Academy
This intentionally vulnerable application is a safe target for learning how common web flaws appear in a realistic interface. Use the official project instructions and run it in an authorized practice environment, not against unrelated sites.
OWASP Juice Shop Security Lab
Useful for learning to recognize and extract text patterns through small browser exercises. Start with the basics and test edge cases, because a pattern that passes one example may still match unintended text.
RegexOne Interactive Regex Lessons