Web3 courses · 12 one-hour sessions

The Front-End Foundation

From your first HTML tag to interactive pages and type-safe TypeScript.

Take the courses in order: each one builds on the one before.

Finish all 3 courses and get the The Front-End Foundation certificate of completion, with your name, a link anyone can check, and one-click LinkedIn.

WebHTML & CSSCourse 1 of 3 · The Front-End Foundation

The Structure & Style

HTML from your first tag to real semantic pages, plus the CSS fundamentals to style them.

4 sessions · 60 min eachBeginner

See the 4 sessions and start

HTML Fundamentals & Beginner CSS

<header>
  <h1>Craftstack</h1>
  <nav>
    <a href="/">Home</a>
  </nav>
</header>

/* styles.css */
.nav { display: flex; gap: 20px; }

WebJavaScriptCourse 2 of 3 · The Front-End Foundation

The Interactive Web

Intermediate HTML and CSS, plus JavaScript fundamentals, the DOM, and a real capstone project.

4 sessions · 60 min eachIntermediate

See the 4 sessions and start

JavaScript, the DOM & a Capstone

const btn = document.querySelector("#add-btn");

btn.addEventListener("click", () => {
  const li = document.createElement("li");
  li.textContent = input.value;
  list.appendChild(li);
  input.value = "";
});

WebTypeScriptCourse 3 of 3 · The Front-End Foundation

The Type-Safe Upgrade

TypeScript for developers who already know JavaScript: types, generics, and real-world patterns.

4 sessions · 60 min eachIntermediate

See the 4 sessions and start

Types, Interfaces & Generics

interface Course {
  title: string;
  level: "BEGINNER" | "ADVANCED";
  pages: number;
}

function firstOf<T>(arr: T[]): T {
  return arr[0];
}