One more step to explore

Code Smarter, Build Faster

Coding isn’t just about syntax — it’s about solving problems, building solutions, and turning ideas into reality. Our platform gives you access to practical projects, and tips from experienced developers.

Start Learning

✅ Available for Everyone!


Enjoy free features like AI Quizzes and fun coding challenges. No login required — dive in and test your skills!

Take a Quiz

Interactive Code Playground

Experiment with code snippets in JavaScript, HTML, and Python right in your browser

// Welcome to Code Playground! // Try typing here to see the clear button appear function hello() { console.log("Hello World!"); return "Function executed!"; } hello();

Output:

Quick Cheatsheets

Handy reference guides for popular programming languages

Python
JavaScript
HTML
CSS
Git
SQL
Lists
# Create list
my_list = [1, 2, 3]

# Add item
my_list.append(4)

# Remove item
my_list.remove(2)

# List comprehension
squares = [x**2 for x in range(10)]
Dictionaries
# Create dictionary
my_dict = {'name': 'Alice', 'age': 25}

# Add/update item
my_dict['email'] = 'alice@example.com'

# Remove item
del my_dict['age']

# Dictionary comprehension
squares = {x: x**2 for x in range(5)}
Arrays
// Create array
const myArray = [1, 2, 3];

// Add item
myArray.push(4);

// Remove item
myArray.splice(1, 1); // Removes at index 1

// Array methods
const doubled = myArray.map(x => x * 2);
const evens = myArray.filter(x => x % 2 === 0);
Objects
// Create object
const person = {
  name: 'Alice',
  age: 25
};

// Add/update property
person.email = 'alice@example.com';

// Remove property
delete person.age;

// Object destructuring
const { name, email } = person;
Basic Structure
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- Content goes here -->
</body>
</html>
Common Tags
<h1> to <h6> - Headings
<p> - Paragraph
<a href="#"> - Link
<img src="image.jpg" alt="Image">
<div> - Division/container
<span> - Inline container
Basic Syntax
selector {
    property: value;
    another-property: value;
}

/* Example */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
Flexbox
.container {
    display: flex;
    justify-content: center; /* main axis */
    align-items: center; /* cross axis */
    flex-direction: row; /* or column */
    flex-wrap: wrap;
}
Basic Commands
# Initialize repository
git init

# Clone repository
git clone https://github.com/user/repo.git

# Check status
git status

# Add files to staging
git add filename
git add . # all files

# Commit changes
git commit -m "Commit message"
Branching
# Create new branch
git branch new-branch

# Switch to branch
git checkout branch-name

# Create and switch
git checkout -b new-branch

# Merge branch
git merge branch-name

# Delete branch
git branch -d branch-name
Basic Queries
-- Select data
SELECT * FROM table_name;
SELECT column1, column2 FROM table_name;

-- Filter data
SELECT * FROM table_name WHERE condition;

-- Sort results
SELECT * FROM table_name ORDER BY column_name;

-- Limit results
SELECT * FROM table_name LIMIT 10;
Table Operations
-- Create table
CREATE TABLE users (
    id INT PRIMARY KEY AUTO_INCREMENT,
    name VARCHAR(100),
    email VARCHAR(100) UNIQUE,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- Insert data
INSERT INTO users (name, email) 
VALUES ('Alice', 'alice@example.com');

-- Update data
UPDATE users SET name = 'Bob' WHERE id = 1;

-- Delete data
DELETE FROM users WHERE id = 1;
Q
Quiz