Kurs JavaScript online

JavaScript to język, który ożywia strony internetowe - reaguje na kliknięcia, zmienia treść, sprawdza formularze i steruje animacjami. Zanim jednak zbudujesz interaktywną stronę, musisz swobodnie posługiwać się zmiennymi, warunkami i pętlami. Właśnie od tego zaczyna się kurs Podstawy JavaScript: uczysz się w konsoli przeglądarki, uruchamiasz kod jednym kliknięciem, krokujesz go linia po linii, a zadania sprawdzają się automatycznie.

Kurs jest darmowy, działa bez instalacji i bez logowania. Wystarczy przeglądarka na komputerze szkolnym albo domowym.

Otwórz kurs Podstawy JavaScript

Tematy kursu Podstawy JavaScript

Kurs rośnie temat po temacie. Pierwsze sześć tematów jest już dostępnych, a kolejne dochodzą. W każdym temacie są przykłady (gotowy kod do uruchomienia i krokowania) oraz zadania do samodzielnego rozwiązania - łącznie ponad 70 elementów.

Dostępne już teraz

1. Pierwszy program i console.log - wypisywanie tekstu i wyników działań, kilka wartości naraz, komentarze i znaki specjalne w napisach.
2. Zmienne, stałe i typy danych - let i const, liczby, napisy i wartości logiczne, operator typeof, łączenie napisów plusem i szablony ${...}.
3. Operatory i wyrażenia - działania arytmetyczne, reszta z dzielenia, kolejność działań, funkcje Math, skróty ++ i +=, porównania i operatory logiczne.
4. Instrukcje warunkowe - if, else, else if, wybór wariantu przez switch i krótki operator ?: (np. rok przestępny, prosty kalkulator).
5. Pętla for - liczenie w górę i w dół, sumowanie, tabliczka mnożenia, wzory z gwiazdek oraz break i continue.
6. Pętle while i do…while - powtarzanie, dopóki warunek jest spełniony: suma cyfr, algorytm Euklidesa, liczby pierwsze i zgadywanka metodą połówkową.

W przygotowaniu

• Funkcje - własne funkcje, parametry i zwracanie wyniku.
• Tablice - przechowywanie wielu wartości, przeglądanie ich pętlą.
• Obiekty - grupowanie danych w czytelne struktury.
• Strony z DOM - JavaScript na prawdziwej stronie: reagowanie na kliknięcia i zmiana treści HTML.

Nie obiecujemy dat - nowe tematy publikujemy, gdy są gotowe i sprawdzone. Lista lekcji poniżej strony aktualizuje się sama przy każdej publikacji.

Tryb konsolowy z krokowaniem a strony www

W BitWizards JavaScript ma dwa tryby pracy. Różnią się celem i tym, co widzisz na ekranie.

Tryb konsolowy (kurs Podstawy JavaScript)

To czysty JavaScript bez HTML. Wynik programu trafia do konsoli obok edytora, tak jak w Pythonie czy C++. Najważniejsza zaleta to krokowanie: program wykonuje się linia po linii, bieżąca linia jest podświetlona, a suwakiem ustawiasz tempo. Widzisz, w którym momencie pętla zaczyna kolejny obieg i która gałąź if się wykonała. Dla początkujących to często moment, w którym pętle przestają być magią.

Kod działa w odizolowanym wątku przeglądarki, więc nawet nieskończona pętla while (true) nie zawiesza karty - przycisk Stop przerywa program od razu.

Tryb stron www (HTML + CSS + JavaScript)

Tu JavaScript działa na prawdziwej stronie. Platforma ma już tryb, w którym kod HTML, CSS i JS trafia do bezpiecznego podglądu i od razu widać, jak strona wygląda i reaguje. Taka strona to jednak przede wszystkim układ i zdarzenia, a nie kolejne linie programu, dlatego ten tryb nie ma krokowania. Z tego trybu korzysta już publiczny kurs HTML i CSS: pierwsze strony (więcej: HTML i CSS). Publiczne lekcje JavaScriptu na stronie, czyli strony z DOM, są w przygotowaniu.

Dlatego kolejność nauki jest prosta: najpierw logika w konsoli (zmienne, warunki, pętle), potem strony. Kto rozumie pętlę for w konsoli, bez trudu napisze pętlę, która generuje listę na stronie.

Jak działa auto-sprawdzanie zadań

Nie ma osobnego przycisku “Sprawdź”. Gdy uruchomisz program albo dokrokujesz go do końca, platforma porównuje wynik w konsoli z oczekiwanym. Porównanie jest wyrozumiałe dla drobnych różnic w odstępach, ale wymaga poprawnej treści wyniku.

• Po pierwszym zaliczeniu zobaczysz okienko z gratulacjami, a przy zadaniu na liście pojawi się gwiazdka.
• Gdy wynik się nie zgadza, nic nie wyskakuje - poprawiasz kod i próbujesz dalej.
• Przycisk “Oczekiwany wynik” pokazuje, co program powinien wypisać, więc wiesz, do czego dążysz, zanim zaczniesz pisać.

Gość (bez konta) widzi swoje zaliczenia w przeglądarce. Uczeń w klasie nauczyciela ma postęp zapisany na koncie, razem z pełną historią pisania kodu.

JavaScript w szkole: dla nauczyciela

Kurs Podstawy JavaScript możesz przydzielić swojej klasie. Uczniowie dołączają kodem zaproszenia, a Ty udostępniasz tematy stopniowo, w tempie lekcji. W trakcie zajęć widzisz pracę ucznia na żywo, możesz odtworzyć przebieg pisania kodu, wystawić ocenę w skali 1-6 i pokazać czyjś program całej klasie w trybie “Pokaż klasie”. Szczegóły znajdziesz na stronach dla szkół i jak zacząć.

JavaScript a egzamin INF.03

JavaScript to jeden z filarów kwalifikacji INF.03, czyli tworzenia i administrowania stronami i aplikacjami internetowymi oraz bazami danych. W części praktycznej egzaminu skrypt po stronie przeglądarki (JavaScript) lub serwera (PHP) obsługuje dane wpisane przez użytkownika i oblicza wynik. Zanim taki skrypt powstanie, trzeba pewnie używać zmiennych, warunków i pętli - dokładnie tego uczą obecne tematy kursu.

Razem z HTML i CSS JavaScript buduje front-end strony, a z PHP i SQL tworzy pełną aplikację internetową, czyli zakres INF.03.

Dla kogo jest ten kurs

• Uczniowie technikum przygotowujący się do INF.03, którzy chcą solidnie opanować podstawy języka.
• Uczniowie szkoły podstawowej (klasy 7-8) i liceum, którzy znają już bloczki albo Pythona i chcą poznać język stron internetowych.
• Nauczyciele, którzy szukają gotowego zestawu zadań z automatycznym sprawdzaniem do pracy na lekcji i w domu.

Jeśli dopiero zaczynasz przygodę z programowaniem, możesz też zacząć od Pythona - pojęcia z obu kursów są wspólne.

Powiązane technologie

HTML i CSS - PHP - SQL i MySQL - Python

Zacznij kurs Podstawy JavaScript