Setting Up Your JavaScript Environment

BevezetésSzintaxis

You’re about to start your JavaScript adventure, and I’m so excited for you! Before we write any code, we need a place to type it and see it work. Don’t worry – it’s really simple, and you can start in just a few seconds!

We’ll go super slow, with easy steps. You don’t need to download anything at first – we can use what you already have! 🚀

The Easiest Way: Use Your Browser Console (No Download Needed!)

Your web browser has a hidden tool called the Console where you can type JavaScript and see it run instantly.

Here’s how to open it:

  • Open any browser (Chrome, Firefox, Edge, or Safari).
  • Press F12 on your keyboard (or Ctrl + Shift + I on Windows / Cmd + Option + I on Mac).
  • Click the tab called “Console”.
  • Type this line and press Enter:

You’ll see your message appear below! This is the fastest way to try JavaScript. Great job! 🌟

Even More Fun: Free Online Playgrounds

If you want a bigger space to write code (with colors and buttons), try these free websites:

  • CodePen (codepen.io) – Super pretty and easy.
  • JSFiddle (jsfiddle.net) – Simple and quick.
  • Replit (replit.com) – You can save your projects too!

Just visit the site, type your code, and click “Run”. Perfect for trying things at home or school! 😄

When You’re Ready: Download Visual Studio Code (Free!)

For bigger projects, many programmers use Visual Studio Code (VS Code). It’s free and awesome!

  • Go to code.visualstudio.com and click Download.
  • Install it (just click Next a few times).
  • Open VS Code, make a new file, and save it as hello.js

To see your code run in a browser, make a simple HTML file like this:

And in hello.js write:

Optional Later: Node.js (Run Code Without a Browser)

When you’re more confident, you can install Node.js to run code directly on your computer. For now, the browser or online tools are perfect! 😊

Try This Right Now – Your First Test!

Open your browser console (F12) and type:

You’ll see a pop-up and a message in the console. You’re all set and ready for the next lessons! 🎉

Quick Fun Quiz (Just One Question)

Az anyagokat átnéztük és ellenőriztük, de hibák továbbra is előfordulhatnak. A tartalom kizárólag oktatási célt szolgál, ezért saját felelősségre használd, és szükség esetén ellenőrizd más forrásokkal is.

✨ Kérdezd Larát — a tanulási partnered

Fedezd fel a személyre szabott tanulási támogatást. Lara elmagyarázza az anyagot, összefoglalja a témákat és megválaszolja a kérdéseidet — az Go csomagtól elérhető.


Lara segít gyorsabban tanulni — kizárólag a ReadyTools Go, Plus és Max tagoknak.

Kövesd nyomon a fejlődésed 🚀

Tanulj egyszerűbben utad nyomonkövetésével teljesen ingyen.