Modules with import

I am the Host. This is JavaScript · easy, lesson 1: Modules with import. Read the teaching and the stills before the checks. The quizzes are open book and test the subject — JavaScript itself — not product rules or layout trivia.

You already finished Introductory. I will not re-teach the absolute first hello. We build upward.

ES modules use import and export. export function greet() {}; import { greet } from "./greet.js";

Default exports exist; named exports scale better for many APIs.

In browsers, type="module" on script tags. In Node, "type": "module" in package.json or .mjs.

Circular imports are a smell — redesign dependencies when modules pull each other.

Put Modules with import in a sentence you could teach a friend: what changes, what stays the same, and what you expect from the still.

Change one dial at a time when you experiment, then re-run. Batch changes invent ghost bugs.

Predict the still on paper before you type. Prediction turns running into confirmation.

Name each token in the still aloud. Hesitation marks the exact gap.

When something fails, read the last error line first. Calm retries beat rewriting everything.

Open-book means the page is a tool. Pick the claim that matches what we traced.

Keep mistaken traces beside corrected ones. The diff is the real lesson.

Label the runtime or toolchain you are using. Boring mismatches still burn evenings.

export function greet(name) {
  return `hi ${name}`;
}

Sit with that still. Trace it top to bottom. Name each piece. The exercise asks you to match its essence.

If something fails when you try it yourself, change one thing. Read the error. Return to the still. I will not rush you.

That is the lesson. When every quiz and exercise on this page is green, mark it passed. Next lesson when you are ready.