Learn Programming & Coding Skills Online

Explore tutorials on HTML, CSS, JavaScript, PHP, MySQL, and frameworks like Bootstrap, Tailwind, and more. Learn to code step-by-step with hands-on projects, best practices, and expert guidance.

Learn HTML

Build web pages structure with HTML

Start developing web pages structure with Hyper-Text Markup Language

				
					<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello, World!</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>This is a simple HTML "Hello, World!" program.</p>
</body>
</html>

Learn CSS

Style HTML web pages

				
					body {
  background-color: gray;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: Arial, sans-serif;
}

Start styling web pages structure with Cascade Style Sheet

Learn JavaScript

The language for programming web pages

				
					<div id="hello-message">
        Hello, World! Click me.
    </div>

    <script>
        // Get the element by its ID
        var helloMessage = document.getElementById("hello-message");

        // Add event listener for click event
        helloMessage.addEventListener("click", function() {
            alert("Hello, World!");
        });
    </script>

Learn PHP

The language for programming web pages

				
					<?php
        // PHP code to output "Hello, World!"
        echo "<h1>Hello, World!</h1>";
    ?>

The language for programming web pages

Learn MySQLi

The language for programming web pages

				
					-- SELECT query: Retrieve all customers from Pakistan
SELECT * FROM Customers WHERE Country='Pakistan';

-- UPDATE query
UPDATE Customers SET Country='Canada' WHERE Country='Pakistan';

-- INSERT query: Insert a new row into the Customers table
INSERT INTO Customers ( Country) VALUES ('Pakistan');

-- DELETE query: Delete customers from Pakistan
DELETE FROM Customers WHERE Country='Pakistan';