Frontend Master

JavaScript Curriculum

Welcome to Nexus
+20 XP

Welcome to Nexus

easy
~8 min·20 XP

It's your first day at Nexus. Your manager drops a laptop on your desk and says: \"The browser console is your best friend. Learn to talk to it.\" You open the browser, hit F12, and stare at a blinking cursor. Time to say hello.

Your manager just gave you a laptop

Day one at Nexus. You don't know the codebase. You don't know the stack. But your manager said one thing before walking away:

"When something breaks — and it will break — the console is where you start."

So let's start there.


JavaScript runs in your browser. Right now.

No setup. No install. No compiler. JavaScript is the only programming language that already lives inside your browser.

Here's what happens when you press F12:

localhost:3000

That blinking cursor is a live JavaScript runtime. Whatever you type, it executes immediately.

💡Try it yourself
Open a new tab right now. Press F12. Click the Console tab. You have a live JS environment waiting for you.

console.log — the tool you'll use every single day

console.log does exactly one thing: it prints something to the console.

Watch it run — hit the button:

browser console
console.log("Nexus system online")

That's it. One call. One line of output. The simplest tool in JavaScript — and the most used.


Why the quotes matter

The quotes around "Nexus system online" are not decoration. They are instructions to JavaScript.

Toggle below to see what changes:

quotes — what they actually do
console.log("Nexus")
JavaScript sees "Nexus" as text data — passes it unchanged.
Output:Nexus
🧠Mental Model
Quotes = packaging. They wrap raw text so JavaScript treats it as data, not as a command or variable name.

Logging multiple things

You're not limited to one value. console.log can take multiple comma-separated values and prints them side by side.

Run each line one at a time below — watch the output appear:

multiple logs — run line by line
console.log("Company:", "Nexus")
console.log("Status:", "online")
console.log("Users:", 1042)

Notice 1042no quotes. Numbers are already data. They don't need packaging.

💡Numbers vs Text
console.log("Nexus") → text, needs quotes console.log(1042) → number, no quotes needed console.log(true) → boolean, no quotes needed

How JavaScript executes your code

JavaScript runs top to bottom, line by line, in the exact order you write it.

1Line 1 runs first → console.log fires
2Line 2 runs second → another console.log
3Line 3 runs third → output appears
4Done ✓ — all lines executed in order

This is why order matters. If you flip the lines, the output flips too.


The wrong vs right way

✗ SyntaxError — crashes
console.log(System is live)
✓ Works — logs correctly
console.log("System is live")
⚠️Most Common Day 1 Mistake
Forgetting quotes. If you see "SyntaxError" or "is not defined" — check your quotes first. It gets everyone on day one.

Why senior engineers still use this

Here's what nobody tells you: console.log is not a beginner tool.

Every engineer — junior to staff level — uses it constantly. When something breaks in production at 2am, the first thing a staff engineer does is open the console and start logging values.

Not because they're not skilled. Because logging is the fastest way to see exactly what's happening inside running code.

You're not learning a toy. You're learning the first tool professionals reach for.


Before you write the challenge

Open your browser console right now and try this:

  1. Press F12 → Console tab
  2. Type console.log("your name") and press Enter
  3. Watch it print instantly

You just executed JavaScript in a live browser environment — the same runtime that runs production code at Nexus.

Now head to the editor on the right and complete the challenge.

<xpearnedba nner></xpearnedba nner>

Challenge

The Nexus team needs to confirm the system is live. Write two console.log statements: one that outputs the company name \"Nexus\" and one that outputs the message \"System is live.\"

console.logoutputdeveloper-toolsjavascript-basics
Welcome to Nexus | Nexus Learn