Konfiguracja: Node + npm, uruchamianie plików .js i konsola DevTools
Zainstaluj Node, sprawdź wersje, uruchamiaj pliki .js, poznaj podstawy npm i ćwicz w konsoli DevTools przeglądarki.
Konfiguracja: Node + npm, uruchamianie plików .js i konsola DevTools to bezpłatna lekcja JavaScript Academy na CoddyKit. To lekcja 2 z 3. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej JavaScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs JavaScript Academy zawiera 3 lekcji w sumie.
Wprowadzenie
Cel: Skonfigurować Node i npm, uruchomić plik .js oraz korzystać z konsoli DevTools w przeglądarce.
- Instalacja i weryfikacja Node
- Podstawy npm
- Uruchamianie plików .js
- Korzystanie z narzędzi konsoli
Weryfikacja Node i npm
Weryfikacja: W terminalu proszę uruchomić node -v i npm -v. Jeśli pojawią się wersje, konfiguracja jest gotowa.
Tworzenie i uruchamianie pliku
Proszę utworzyć plik hello.js i uruchomić go za pomocą polecenia node hello.js.
// hello.js — minimal program to run with Node
function greet(name) {
return "Hello, " + name + "!";
}
const message = greet("CoddyKit");
console.log(message);
// Run from terminal in this folder: node hello.js
Szybki start z npm
W folderze projektu proszę uruchomić npm init -y, aby utworzyć plik package.json. Następnie proszę dodać skrypt: "start": "node hello.js". Na koniec proszę uruchomić npm run start.
Narzędzia konsoli
Proszę używać console.log, console.table i console.time, aby analizować małe zadania i mierzyć czas ich wykonania.
// Basic console utilities that work in Node and browsers
const user = { name: "Ayla", level: 1 };
console.log("User:", user);
console.table([{ key: "name", value: user.name }, { key: "level", value: user.level }]);
console.time("work");
for (let i = 0; i < 100000; i++) {}
console.timeEnd("work");
console.warn("Heads up: demo complete.");
Podstawy DevTools
Proszę otworzyć DevTools (F12 lub kliknąć prawym przyciskiem myszy → Zbadaj) i przejść do sekcji Console. Proszę wklejać krótkie fragmenty kodu, naciskać Enter i odczytywać wynik. Wskazówka: konsolę można wyczyścić za pomocą clear().
Quiz: wersja Node
Szybkie sprawdzenie: polecenie wyświetlające wersję Node.
Podsumowanie
Podsumowanie: Zweryfikowali Państwo Node i npm, uruchomili plik .js, poznali prosty skrypt npm oraz użyli narzędzi konsoli w Node i przeglądarce.
Często zadawane pytania
Czy lekcja „Konfiguracja: Node + npm, uruchamianie plików .js i konsola DevTools” jest bezpłatna?
Tak — pełny tekst „Konfiguracja: Node + npm, uruchamianie plików .js i konsola DevTools” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu JavaScript Academy, przejdź na CoddyKit PRO. Kurs JavaScript Academy zawiera 3 lekcji w sumie.
Co nauczysz się w „Konfiguracja: Node + npm, uruchamianie plików .js i konsola DevTools”?
Zainstaluj Node, sprawdź wersje, uruchamiaj pliki .js, poznaj podstawy npm i ćwicz w konsoli DevTools przeglądarki. Ćwiczysz JavaScript Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć JavaScript Academy?
Nie wymagamy żadnego doświadczenia. JavaScript Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 2 z 3.
Ile czasu zajmuje lekcja „Konfiguracja: Node + npm, uruchamianie plików .js i konsola DevTools”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji JavaScript Academy?
Tak. Każda lekcja JavaScript Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Czym jest JavaScript? Silniki (V8/SpiderMonkey) i środowiska uruchomieniowe (przeglądarka a Node)
- Konfiguracja: Node + npm, uruchamianie plików .js i konsola DevTools
- Pierwszy program i wejście/wyjście (console, alerty w przeglądarce)