DEV Community: Khawaja Khurram (MAK)

How to Install Node.js on Windows, Mac and Linux (Complete Guide)

Khawaja Khurram (MAK) — Fri, 02 Oct 2026 17:46:03 +0000

I spent a weekend debugging a "node: command not found" error because I'd skipped a step in the Node.js install. So I wrote down everything I wish I'd known.

If you want the version with OS-detection tabs and troubleshooting, here's the full guide:
👉 How to Install Node.js on Windows, Mac, and Linux

Here's the short version.

Which version should you install?

Always install LTS (Long Term Support). It's stable, tested, and supported for years. Skip "Current" unless you need bleeding-edge features.

Windows

The fastest method: go to nodejs.org, download the LTS .msi, double-click, click Next through the wizard.

Verify:
$ node -v
v22.11.0
$ npm -v
10.9.0

If you get "'node' is not recognized" — close and reopen your terminal. That fixes 90% of cases.

macOS

If you have Homebrew:

brew install node

That's it. Homebrew handles updates too.

Linux

Use nvm — it avoids permission headaches and lets you switch versions per project:

bash

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
source ~/.bashrc
nvm install --lts
nvm use --lts

The classic mistake

Don't install Node.js from your Linux distro's default repos. The version is often 2–3 years old, and you'll hit "this feature isn't supported" errors on modern packages. Use nvm.

What you actually get

Installing Node.js installs two things:

· node — the runtime
· npm — the package manager (bundled automatically)

You don't install npm separately. Ever.

Quick test

Create hello.js:

js
console.log("Node version:", process.version);

Run it:

$ node hello.js
Node version: v22.11.0

Working.

The full guide covers three methods per OS, plus troubleshooting for permission errors, EACCES issues, and version-switching with nvm:

👉 How to Install Node.js (Full Guide)

I also built a small collection of free browser-based dev tools (JSON formatter, regex tester, Base64 encoder, Unix timestamp converter) — no signup, no ads, everything runs locally:

👉 makuistudio.com/tools

If you spot anything wrong or outdated in the guide, comment below — I'll fix it.

📊 How to Calculate Percentage Increase

Khawaja Khurram (MAK) — Thu, 01 Oct 2026 13:19:31 +0000

I wrote a guide on How to Calculate Percentage Increase. Here's the formula, 3 examples and a free calculator https://makuistudio.com/tools/percentage-calculator.html

To calculate percentage increase, subtract the original value from the new value, divide by the original value, then multiply by 100. For example, going from 50 to 75 is a 50% increase because ((75 − 50) ÷ 50) × 100 = 50.

This guide walks through the formula with three worked examples, shows the most common mistakes, and gives you a free calculator to skip the manual math.

The Percentage Increase Formula
The Formula
% Increase = ((New − Original) ÷ Original) × 100

That's it. Three steps:

Subtract: New value − Original value = the difference.
Divide: Difference ÷ Original value = the decimal change.
Multiply: Decimal change × 100 = the percentage.

If the result is positive, it's an increase. If it's negative, it's a decrease.

**Example 1: A Simple Price Increase
**A product cost $40 last year and costs $52 this year. What's the percentage increase?

Worked Example Step 1: 52 − 40 = 12 Step 2: 12 ÷ 40 = 0.30 Step 3: 0.30 × 100 = 30% → 30% increase

The price went up 30%. That means the new price is 130% of the original price (100% + 30%).

Example 2: A Salary Raise

Your salary went from $3,200/month to $3,600/month. What percentage increase is that?

Worked Example Step 1: 3600 − 3200 = 400 Step 2: 400 ÷ 3200 = 0.125 Step 3: 0.125 × 100 = 12.5% → 12.5% increase

I Analyzed 100 Pages of My Own Site - Here's What I Learned About SEO for Developers

Khawaja Khurram (MAK) — Mon, 28 Sep 2026 13:57:06 +0000

Six months ago I launched a free coding platform with zero SEO knowledge.

I built 100+ pages, submitted a sitemap, and waited.

Nothing happened.

So I did what any developer would do: I wrote a Python script to audit every page on my site and find out exactly what was wrong.

Here's what I found — and it might surprise you.

The Problem With 90% of Beginner Sites

When I ran my first audit, I found:

· 42 pages had canonical URLs pointing to the wrong domain
· Every single page was missing structured data
· 26 pages had titles over 60 characters
· 50 pages had zero internal links
· 8 pages had thin content (under 300 words)

Every one of these is invisible to you but critical to Google.

Let me break down the ones that mattered most.

Canonical URLs (The Silent Killer)

If you've ever moved a site from username.github.io to a custom domain — you probably broke your SEO.

Every page needs this tag:

If it points to the wrong URL — even to an old .github.io address — Google treats the wrong version as the real page.

Your site will never rank. Google is indexing a different URL.

I had 42 pages with this problem. Fixing it took a 20-line Python script.

Structured Data (Free Rich Snippets)

Google shows enhanced search results for pages with JSON-LD structured data:

· Star ratings
· FAQ dropdowns
· Step-by-step guides
· Course carousels
· Product prices

Adding this to a How-To page:

{ "@context": "https://schema.org", "@type": "HowTo", "name": "How to Install Python", "step": [ { "@type": "HowToStep", "name": "Download the installer", "text": "Go to python.org/downloads" } ] }

Google can then show your 5 steps directly in the search results — no click required.

I had zero pages with structured data. Now every page has it.

Internal Linking (The Free Ranking Boost)

Internal links — links between pages on your own site — are the most underused SEO tool.

Google uses them to:

· Discover new pages
· Pass authority from popular pages to new ones
· Understand your site's structure

If a page has zero internal links, Google treats it as an orphan.

My lesson pages had zero. My How-To guides had zero. My snippets had zero.

I added a "Related Resources" section to every page with 4 relevant links each. That's 400+ new internal links across the site.

This one change matters more than any backlink.

Title Length (Affects CTR, Not Rankings)

Google truncates titles longer than 60 characters:

Free Programming Courses – Learn HTML, Python, AI | UI Studio

becomes

Free Programming Courses – Learn HTML, Python, AI | UI...

Ugly. Fix: keep titles between 40-60 characters. Put the important words first.

Thin Content (Google Won't Rank It)

Pages under 300 words rarely rank, unless they're answering a very specific question.

My lesson pages averaged 250 words. Not terrible — but not enough to compete.

The fix wasn't to pad them. It was to add genuine value:

· A "common mistakes" section
· A "pro tips" section
· Related resources
· Interactive demos

Every lesson now averages 400+ words of useful content.

The Python Script That Did All the Work

I wrote scripts to audit and fix every issue automatically. Here's the general approach:

from bs4 import BeautifulSoup
import requests

def audit_page(url):
    r = requests.get(url)
    soup = BeautifulSoup(r.text, "html.parser")
    issues = []

    # Check title length
    title = soup.title.string if soup.title else ""
    if len(title) > 60:
        issues.append(f"Title too long: {len(title)} chars")

    # Check canonical
    canonical = soup.find("link", attrs={"rel": "canonical"})
    if not canonical or "github.io" in canonical.get("href", ""):
        issues.append("Wrong or missing canonical")

    # Check structured data
    if not soup.find("script", attrs={"type": "application/ld+json"}):
        issues.append("Missing JSON-LD")

    # Check internal links
    internal = sum(1 for a in soup.find_all("a", href=True)
                   if a["href"].startswith("/"))
    if internal < 3:
        issues.append(f"Few internal links: {internal}")

    return issues

Run it across your sitemap, get a CSV of every issue, fix them in priority order.

What Changed in 30 Days

Metric Before After
Pages with correct canonicals 22 100
Pages with JSON-LD 0 100
Avg internal links per page 0.4 5.2
Pages with proper titles 74 100
Average word count 280 420

Google is now crawling roughly 5x more pages per week than before.

What I Learned

SEO is 20% technical, 80% consistency.
The technical fixes take a weekend. Getting Google to trust you takes 6 months.

Don't optimize for rankings — optimize for clicks.
A page can rank #3 and still get zero clicks if the title and description don't entice.

Internal links matter more than backlinks (for beginners).
You can build 100 internal links in an afternoon. Getting 1 real backlink takes weeks.

Every fix compounds.
The 42 canonical fixes I made in month 2 helped the 20 new lessons I added in month 3 rank faster.

The Full Guide

I turned everything I learned into a 13-part guide for developers who want to skip the guessing:

How to Make Your Website SEO-Friendly

It covers canonical tags, structured data, sitemaps, internal linking, and everything else I learned the hard way.

If you're building a side project, learn from my mistakes. Save yourself 6 months.

I write about free coding education and building in public. Find everything at makuistudio.com.

Why I made 30 Coding Lessons Free When Everyone Else Charges $500

Khawaja Khurram (MAK) — Sun, 27 Sep 2026 09:29:16 +0000

Originally published at MAK Studio. Browse the full library: makuistudio.com/courses

Every "learn to code" resource follows the same formula:

Free intro tutorial
"Enjoyed this? Sign up for the full course"
$497 one-time payment

I've watched dozens of beginners start this loop, get frustrated, and quit. So I built the opposite.

What I Did

I spent the last 6 months building makuistudio.com — a completely free coding platform with:

30+ lessons across HTML, Python, AI, and JavaScript
Interactive browser demos (TensorFlow.js runs in your browser — no setup)
15+ copy-paste UI snippets
Complete "How-To" setup guides — from installing VS Code to publishing your first website

No signup. No ads. No paywall. Ever.

The Uncomfortable Truth About Free Content

Everyone says "free content doesn't make money."

True. But here's what I've noticed:

Free content does something better — it earns trust.

When a beginner finishes my Python course and their first script runs, they remember who helped them. When they publish their first website with my GitHub Pages guide, they tell their friends.

That's worth more than $497.

What's Inside

The Setup Series (13 guides)

Install VS Code, Python, Node.js, Git
Command line basics
Write your first HTML page
Publish a website for free
Get a free domain name
Deploy with Netlify
Add Google Analytics
Make your site SEO-friendly

The Courses

HTML & CSS — 10 lessons, ends with a personal bio page project
Python — 10 lessons, ends with a calculator project
AI — 10 lessons, TensorFlow.js demos in every lesson
JavaScript — Quest 1 live now

The Snippets

Animated cards, dropdown menus, OTP verification, download buttons, loaders, dark mode toggle, sentiment analyser — 15+ components.

Every one is copy-paste ready. No frameworks. No build step.

What I Learned Building This

1. Setup tutorials are more valuable than coding tutorials.
"How to install Python" gets 100K+ searches/month. "How to write a for loop" gets far less. Beginners need setup help first.

2. Interactive demos change everything.
A lesson where you can train a neural network in the browser beats a static article with code screenshots — every time.

3. Consistency beats perfection.
One lesson per week for 6 months = 30 lessons. That's it.

4. Google takes 3-6 months to trust new sites.
Month 1: nothing. Month 3: a few visitors. Month 6: real traffic starts.

5. Backlinks > content.
You can write 100 great lessons. Without backlinks, Google won't rank them. That's why this article exists.

Try It

If you're learning to code — or know someone who is:

👉 makuistudio.com

No signup. No email. Just open a lesson and start.

If it helps, share it with one person. That's all I ask.

I write about free coding education and building side projects in public. Follow me here on Dev.to for more.

The Complete Beginners Guide to Setting Up a Coding Envrionment

Khawaja Khurram (MAK) — Sat, 26 Sep 2026 13:50:51 +0000

Originally published at MAK Studio. Full series with all guides: How-To Guides Index

When I started learning to code, the tutorials all began the same way:

"Open your code editor and type..."

But nobody told me how to install a code editor. Or configure it. Or what a terminal even was.

I got tired of watching others struggle with the same gap, so I built a complete setup series. It goes from "I've never coded" to "my website is live on the internet" — in 9 guides.

Here's the map.

The Setup Journey

1. Install VS Code

The most popular free code editor. Covers Windows, Mac, and Linux. Includes the 3 extensions every beginner needs.

2. Install Python

The one checkbox most beginners miss ("Add Python to PATH") and how to fix it. Includes virtual environment setup.

3. Install Node.js

For JavaScript outside the browser. Includes nvm for version management and the 4 npm commands you'll use daily.

4. Install Git

Version control from scratch. Ends with your first commit.

5. Command Line Basics

Terminal for beginners. A cheat sheet comparing Mac/Linux vs Windows commands.

6. Install Pytube

A bonus guide that teaches Python packages through a real project (downloading videos).

7. Run Your First HTML File

The moment code becomes real — see your first page in a browser in 2 minutes.

8. Write Your First HTML Page

Full walkthrough of HTML structure, tags, and semantics.

9. Publish a Website for Free

The capstone. GitHub Pages from zero to live URL — with custom domain setup.

Why This Series

Most setups assume you've already set up. This one doesn't.

Every guide:

Covers Windows, Mac, and Linux
Includes a troubleshooting section for common errors
Links to the next logical step
Has no signup, no ads, no paywall

What I Learned Building This

1. The gap is real. "How to install Python" gets 100K+ searches/month. People want this content.

2. Cross-platform matters. Most guides pick one OS. Covering all three nearly doubles your audience.

3. Error sections are the hook. "Python is not recognized as an internal command" is a specific search query with a specific solution. That's where traffic lives.

4. Interconnect everything. Each guide links to 2–3 others. This creates a "topic cluster" that Google rewards.

5. Structure data matters. Every page uses HowTo schema, so Google can show the steps directly in search results.

Try It

The full index is here: All How-To Guides

If you're learning to code — or know someone who is — this is the resource I wish I'd had when I started.

What's the ONE setup step you found most confusing as a beginner? Curious what to add next.

AI Coding Agents in 2026: Claude Code is the New Default

Khawaja Khurram (MAK) — Sat, 26 Sep 2026 09:32:58 +0000

Note: This article was originally published on MAK Studio. Learn to build your own AI projects with our free course: Free AI Course for Beginners.

If you haven't tried an AI coding agent yet, 2026 is the year it becomes impossible to ignore.

The numbers are staggering. 90% of professional developers now use AI coding agents at least once a week. This isn't a fad. It's a fundamental shift in how software is built.

And one tool has taken a surprising lead.

The Rise of Claude Code

According to a recent Upsun Developer survey, Claude Code is now the most-loved AI coding tool at 46%, far ahead of Cursor (19%) and GitHub Copilot (9%). Its usage rate went from just 3% in early 2025 to 39% by mid-2026.

Why? Because it's not just an autocomplete tool. It's an agent.

This means you can give it a high-level task like "refactor this function to use modern JavaScript syntax" or "write a test for this API endpoint," and it will complete the task, run the tests, and report back.

What This Means for Your Workflow

The "AI-native" developer workflow is becoming standard. Here’s what it looks like in 2026:

You describe the problem in plain English.
The AI agent writes the code or suggests a plan.
You review and refine the output.
The AI runs tests and helps you debug failures.

The developer's role is shifting from "person who writes every line of code" to "person who architects systems and orchestrates AI agents."

The Skills That Matter Now

If AI can write the boilerplate, what should you focus on learning?

· System Design: How do you structure a large application? How do different services talk to each other?
· Debugging: When the AI's code fails (and it will), can you read the error and fix it?
· Understanding the Fundamentals: You can't debug AI code if you don't understand the language. This is why learning Python or JavaScript is still essential.
· Prompt Engineering: The ability to describe a task clearly and concisely is a skill that can be learned and practiced.

What About the Future?

The Gartner 2026 Magic Quadrant identifies four key trends shaping the market. One is the rise of "more autonomous workflows," where agents can handle entire features or bug fixes from start to finish.

The tools are getting smarter, but the fundamentals of software engineering are not going away. They are just being augmented.

How to Start Using AI Agents

If you're new to this, don't start with the most complex tool. Start by using an AI assistant (like Claude Code, or the free tier of GitHub Copilot) to:

Explain code you don't understand.
Write simple unit tests.
Generate boilerplate code for a new file.

Get comfortable with the "review and refine" loop. You'll be much more productive, and you'll learn a new skill that is in high demand.

Ready to build your own AI-powered projects? Our free 10-lesson AI course covers everything from the basics to building a chatbot.

Python Installation Guide (Windows, Mac, Linux) – The Easy Way

Khawaja Khurram (MAK) — Sat, 26 Sep 2026 08:06:38 +0000

Note: This article was originally published on MAK Studio. Check out the full guide with screenshots and troubleshooting tips here: How to Install Python.

Getting Python running on your machine is the first, and often most frustrating, hurdle for new developers. In 2026, the process is actually straightforward if you know the right steps.

I've set up Python environments on dozens of machines. Here's the process that works every time, on every OS.

Why Python?

Python remains the top choice for AI, data science, and automation. The Stack Overflow Developer Survey and GitHub's Octoverse report consistently show it as one of the fastest-growing and most loved languages. If you're starting out, Python is the most accessible and in-demand choice.

Step 1: Download the Installer

Go to the official source: python.org/downloads.

The site will detect your OS and offer a big yellow download button. Click it.

⚠️ Important Note for Windows: On the first screen of the installer, make sure to check the box that says "Add Python to PATH". This is the single most common mistake. If you miss this, you'll have to install it again or manually configure your system environment variables.

Step 2: Run the Installer

On Windows:

Open the .exe file.
Accept the license agreement.
Keep the default "Install Now" option selected.
Wait for the installation to complete.

On Mac:

Open the downloaded .pkg file.
Follow the on-screen instructions. The installer handles the PATH setup for you.

On Linux (Ubuntu/Debian):
Python is usually pre-installed. To check, open your terminal and run:
python3 --version
If it's not there, you can install it with:

sudo apt-get install python3

Step 3: Verify It Works

This is the most important step. Open your terminal (Command Prompt or PowerShell on Windows, Terminal on Mac/Linux) and type:

python --version

You should see something like Python 3.12.x. If you see an error, you likely missed the "Add to PATH" step.

Step 4: Install an Editor (and Use It)

You can write Python in a text editor, but you'll be much happier with a proper code editor. Visual Studio Code (VS Code) is the most popular free choice.

If you don't have it, here's a quick guide: How to Install VS Code.

Once you have VS Code, install the Python extension by Microsoft. This gives you code completion, debugging, and a built-in terminal.

Step 5: Your First Script

In VS Code, create a new file called hello.py. Type:

print("Hello, world!")

Save the file. Then, in VS Code's built-in terminal (View > Terminal), run:

python hello.py

If you see "Hello, world!" in the terminal, you're done.

What Next?

You've installed the language and the editor. Now you need to learn the language.

Start with a structured course to avoid getting lost in random tutorials. I recommend this free, 10-lesson Python course for beginners on MAK Studio: Start the Python Course.

It covers everything from variables and loops to functions and building a calculator project. No signup required.

I built a free coding platform with 30+ lessons - here's what I learned

Khawaja Khurram (MAK) — Sun, 20 Sep 2026 13:36:56 +0000

Two years ago I couldn't write a single line of code. Today I run makuistudio.com — a free learning platform with 30+ lessons across HTML, Python, JavaScript, and AI.

I'm writing this because I want to show beginners that you don't need a computer science degree, a paid course, or permission to build something real.

What I built

A completely free platform with:

HTML & CSS (10 lessons) — from headers to Flexbox/Grid
Python (10 lessons) — variables to file I/O to a working calculator
AI (10 lessons) — ML basics, neural networks, LLMs, chatbots
JavaScript (Quest 1 live now)
15+ UI snippets — loaders, OTP inputs, dark mode toggles, animated cards

Every lesson includes live code, interactive demos, and challenges. No signup. No ads. No paywall.

Why free?

Because I remember how frustrating it was when I started. Every "beginner tutorial" ended with "now sign up for the full course" or "buy my $497 masterclass."

I wanted to build the resource I wish I'd had.

The tech stack

Nothing fancy:

Pure HTML, CSS, and vanilla JavaScript
GitHub Pages for hosting
TensorFlow.js for AI demos (runs entirely in the browser)
A custom domain

No frameworks. No backend. No build tools. Everything is static, which means it loads fast and never breaks.

What I learned

1. Ship early, ship often. My first lesson was 300 words and hideous. I published it anyway. The 30th lesson is polished because I had 29 practice runs.

2. Interactivity > word count. A 5-line interactive demo teaches more than 500 words of theory.

3. Consistency beats perfection. One lesson per week. Every week. For 6 months.

4. SEO is a slow game, but it works. Google took 3 months to notice me. Now I get steady organic traffic on long-tail keywords like "python lists vs tuples" and "css box model."

5. Backlinks matter more than I wanted to believe. Great content isn't enough. You need other sites to vouch for you.

What's next

Quest 2 for all 4 courses (intermediate topics)
More UI snippets every week
A full showcase where students can submit their own projects

Try it out

If you're learning to code — or know someone who is — everything is free at:

👉 makuistudio.com

No email required. Just open a lesson and start.

If it helps you, tell a friend. That's all I ask.

Have feedback? Drop a comment — I read every single one.

Lesson 1.1: Building Your First Header

Khawaja Khurram (MAK) — Tue, 15 Sep 2026 14:08:09 +0000

📚 This article was originally published on MAK Studio. Check out the full interactive lesson with live demos and code examples.

Quest 1 • Lesson 1

Building Your First Header

Think of HTML as the skeleton of a house.
Before we paint the walls (CSS), we need to put up the structure.

"Every web page starts with a simple set of tags that tell the browser what is a header and what is a paragraph."

index.html

Hello World

This is my first web page.

🧠 Understanding the Tags

<h1> – Heading level 1 (the most important heading).
</h1> – Closing tag for the heading.
<p> – Paragraph tag.
</p> – Closing tag for the paragraph.

Most HTML elements have an opening tag <tag> and a closing tag </tag>. The content goes in between.

✨ Challenge: Create Your Own Header

Change the text inside the <h1> to your name, and the paragraph to a short introduction.

<h1>Your Name Here</h1>
<p>I'm learning HTML and this is my first page!</p>

📋 Copy Code

❤️ Support Free Education

This course is 100% free. If it helps you, consider buying me a coffee.

☕ Buy Me a Coffee

➡️ Ready for more?

Next lesson: Links & Navigation – connect pages together.

Continue to Lesson 1.2 →

(Coming soon – check back or buy Pro Pack for instant access)

🚀 Want more free lessons?

This is part of a free 30+ lesson curriculum on HTML, Python, AI, and JavaScript. No sign-up. No ads. Just code.

👉 Start learning for free

Python Lists vs Tuples

Khawaja Khurram (MAK) — Tue, 15 Sep 2026 13:57:16 +0000

📚 This article was originally published on MAK Studio. Check out the full interactive lesson with live demos and code examples.

Quest 1 • Lesson 3

📦 Lists & Tuples

Store, organise, and manipulate collections of data – understand when to use lists vs tuples.

A list is a collection of items that can be changed (mutable). A tuple is like a list but cannot be changed (immutable). Both are fundamental for storing groups of data.

"Lists are great for to‑do lists – you can add, remove, or modify tasks. Tuples are for fixed data, like days of the week."

lists.py

fruits = ["apple", "banana", "cherry"]
mixed = [10, "hello", True, 3.14]

print(fruits) # Output: ['apple', 'banana', 'cherry']
print(fruits[0]) # Output: apple

🧠 List Basics

Lists are created with [ ] (square brackets).
Items are indexed starting from 0 – first item is fruits[0].
You can store different data types in one list.
📚 Previously: You learned about variables and data types in Lesson 1.2.

🛠️ Useful List Methods

.append() – adds an item to the end.

fruits.append("orange") # fruits now has 4 items

.remove() – removes the first occurrence of an item.

fruits.remove("banana")

len() – returns the number of items.

print(len(fruits)) # Output: 3

.pop() – removes and returns the last item.

last = fruits.pop() # removes and returns 'cherry'

📌 Tuples – Immutable Lists

Tuples are created with ( ) (parentheses). They cannot be changed after creation.

days = ("Mon", "Tue", "Wed")
coordinates = (10, 20)

days.append("Thu") would cause an error – tuples are immutable!

Use tuples for data that should never change (e.g., weekdays, fixed settings).

⚠️ Common Mistakes

❌ Trying to change a tuple:

Tuples are immutable – you cannot add, remove, or change items after creation.

days = ("Mon", "Tue")
days[0] = "Sun" # ❌ TypeError: 'tuple' object does not support item assignment

❌ Forgetting that list indexing starts at 0:

The first item in a list or tuple is at index 0, not 1.

fruits = ["apple", "banana", "cherry"]
print(fruits[1]) # "banana" – index 1 is the second item

💡 Pro Tips

Use lists for data that changes – tuples for fixed data.

Use lists when you need to add, remove, or update items. Use tuples for fixed data like days of the week, coordinates, or configuration settings.

Use tuple unpacking for cleaner code.

You can unpack a tuple into multiple variables in one line.

coordinates = (10, 20)
x, y = coordinates
print(x) # 10
print(y) # 20

✨ Challenge: Build a Shopping List

Create a list called shopping with 3 items. Then:

Append a fourth item.
Remove the second item.
Print the final list.

📋 Copy Solution

shopping = ["milk", "bread", "eggs"]
shopping.append("butter")
shopping.remove("bread")
print(shopping) # ['milk', 'eggs', 'butter']

📚 What's Next?

After mastering lists and tuples, you're ready to learn:

Lesson 1.4: Conditional Statements → – make decisions with if/elif/else.
Lesson 1.5: Loops → – repeat actions with for and while.
📘 Ultimate Python Guide → – the complete beginner's resource.

📤 Share This Lesson

Help others learn – share this lesson with your network!

📋 Copy Link

❤️ Support Free Education

This course is 100% free. If it helps you, consider buying me a coffee.

☕ Buy Me a Coffee

🚀 Want more free lessons?

This is part of a free 30+ lesson curriculum on HTML, Python, AI, and JavaScript. No sign-up. No ads. Just code.

👉 Start learning for free

I Built a Free Learning Platform with 30+ Lessons – Here's What I Learned

Khawaja Khurram (MAK) — Fri, 04 Sep 2026 16:00:45 +0000

The Idea

I started 2025 with a simple question: "What if I could help absolute beginners learn to code without any barriers – no sign‑up, no ads, no paywalls?"

I believe that everyone should have access to quality education, regardless of where they live or how much money they have. So I decided to build a free coding platform from scratch.

It took me months, a lot of late nights, and plenty of frustration. But the result is something I'm truly proud of.

*What I Built
*
I built MAK UI Studio – a free learning platform with:

📚 30+ Lessons Across 3 Courses

Course Lessons Topics
🌐 HTML & CSS 10 Lessons Headers, links, images, forms, CSS, Flexbox, Grid, Semantic HTML, Project

🐍 Python 10 Lessons Variables, lists, conditionals, loops, functions, dictionaries, error handling, Calculator Project

🤖 AI 10 Lessons ML, Neural Networks, Computer Vision, NLP, Transfer Learning, LLMs, Chatbot Project

Each lesson includes:

· Live code examples
· Copy‑paste code blocks
· Interactive demos (TensorFlow.js for AI)
· Challenges to reinforce learning

🧩 Free UI Snippets

I also built a growing library of free UI snippets:

· Animated Cards
· Dropdown Menu
· Password Generator
· Sentiment Analyser (AI)
· Image Classifier (AI)
· And more…

Developers can copy, paste, and customise them instantly.

📘 Ultimate Guides

I consolidated each course into a single, long‑form guide:

· Ultimate HTML Guide
· Ultimate Python Guide
· Ultimate AI Guide

These are perfect for learners who prefer a comprehensive reference.

📱 YouTube Shorts

I also started connecting my YouTube channel to the website:

· HTML Shorts
· Python Shorts
· AI Shorts

Short, 60‑second tutorials that complement the written lessons.

The Tech Stack

I kept it simple and accessible:

· Frontend: HTML, CSS, JavaScript
· Hosting: GitHub Pages
· AI: TensorFlow.js (in‑browser)
· Domain: Custom domain (makuistudio.com)

No backend, no databases, no complexity. Just pure static content that works for everyone.

What I Learned Along the Way

*1. Start Simple, Then Expand
*
I initially planned to include everything at once. That was a mistake. I started with HTML, then added Python, then AI. Each course informed the next.

*2. Interactive Demos Make a Difference
*
Static lessons are good. Interactive demos are better. Students learn more when they can see the code running in real‑time.

*3. Consistency Is Everything
*
I published one lesson per week. It kept me accountable and gave me a steady rhythm.

*4. Community Engagement Takes Time
*
Traffic doesn't come overnight. I'm still working on backlinks, social sharing, and building an audience. But the foundation is solid.

*5. Feedback Is a Gift
*
Every comment, email, and suggestion has helped me improve the platform.

*What's Next
*
I'm currently working on:

· Quest 2: Intermediate lessons for all three courses
· More Snippets: New UI components every month
· Project Showcase: A section where students can share their own projects

My goal is to make makuistudio.com the most beginner‑friendly place to learn HTML, Python, and AI – completely free.

Try It Yourself

If you're learning to code or looking for free resources, I'd love for you to check it out:

🔗 makuistudio.com

All lessons, snippets, and guides are completely free – no sign‑up required.

If you found this article helpful, consider sharing it with someone who's learning to code.

html #css #python #ai #webdev #beginners #freecourse

🤖 AI LESSON 1.1: What is Artificial Intelligence Really? 🧠🚀

Khawaja Khurram (MAK) — Fri, 04 Sep 2026 13:57:52 +0000

🤖 AI LESSON 1.1: What is Artificial Intelligence Really? 🧠🚀

We see the buzzword everywhere—from automated algorithms to generative systems. But as a software engineer or data analyst, how do you actually define Artificial Intelligence under the hood? It isn't magic; it's pure mathematics, classification parameters, and structural data optimization.

Let's challenge our community logic before we compile our next script! 🔍

👇 LOG YOUR ANSWER OR CLASSIFICATION IN THE COMMENTS SECTION:
1️⃣ What is the core engineering difference between standard static automation code (like an If/Else script) and a true Machine Learning model?
2️⃣ Why does modern Deep Learning rely so heavily on multi-layered Neural Networks rather than standard structural algorithms?

Stop drowning in shallow tech buzzwords. Our open-access curriculum breaks down the mathematical foundations, token structures, and core neural layers cleanly without hidden walls or credit card traps.

Grab your reference sheets and explore the launch module:
👉 makuistudio.com

Comment your answers below—let's unlock the mechanics of machine intelligence together! ⬇️

ArtificialIntelligence #DeepLearning #MachineLearning #100DaysOfCode #AIForBeginners #MakuiStudio