CodeLab

Learn by reading real code

Examples and small projects from our lessons. Read the explanation, copy or download the code, run front-end examples live, and experiment in the Playground.

8Examples

2Projects

6Languages

6Live previews

playground.js

const learner = { name: 'You', level: 'beginner' };

function practise(topic) {
  console.log(`${learner.name} is learning ${topic}!`);
  learner.level = 'getting better';
}

['HTML', 'CSS', 'JavaScript'].forEach(practise);

Open the PlaygroundWrite HTML, CSS & JavaScript and see it run

Results 2

Any level Beginner Intermediate Advanced

“validation” Clear all

index.html +2 files

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Techage Innovations - Student Registration</title>
  <!-- Link to external CSS file -->

Beginner Live preview

Professional Student Registration Portal

Build a Professional Student Registration Portal from scratch using only HTML, CSS & JavaScript. A hands-on project des…

HTMLCSSJavaScript

497 lines · 3 files View project

index.php

<?php
$name  = trim($_POST['name']  ?? '');
$email = trim($_POST['email'] ?? '');
$errors = [];

if ($name === '') {
    $errors[] = 'Please enter your name.';

Intermediate Live preview

Handle a form safely in PHP

Read, validate and escape form input before showing it back to the visitor.

PHP

22 lines View snippet