BitEdu - liceum i technikum
INF.03
Lekcje otwarte możesz czytać od razu. Materiały oznaczone kontem zawierają zadania, kod lub pliki przeznaczone dla przypisanych uczniów.
JavaScript
Wprowadzenie do JavaScript i pierwszy skrypt
HTML i CSS budują stronę, ale to JavaScript sprawia, że strona ŻYJE — reaguje na kliknięcia, sprawdza formularze, dynamicznie zmienia treść bez przeładowania strony. To pierwszy krok w kierunku prawdziwie interaktywnego serwisu.
Zmienne, typy danych i operatory w JavaScript
Zanim napiszesz jakikolwiek warunek czy pętlę, musisz rozumieć, jak JavaScript przechowuje i porównuje dane — to fundament, na którym opiera się cała reszta działu, od walidacji formularzy po dynamiczne aktualizowanie koszyka.
Instrukcje warunkowe i pętle w JavaScript
Bez warunków i pętli JavaScript może tylko wykonać z góry ustalone instrukcje w stałej kolejności — a to zdecydowanie za mało, żeby zbudować cokolwiek reagującego na dane wejściowe czy zawierającego listę elementów (np. filmów w katalogu).
Funkcje w JavaScript
Funkcje strzałkowe są wszechobecne w nowoczesnym JavaScript, zwłaszcza przy obsłudze zdarzeń (kolejna lekcja) — bez zrozumienia funkcji nie zrozumiesz, jak podpiąć kod pod kliknięcie przycisku.
Obsługa zdarzeń — myszy i klawiatury
To moment, w którym JavaScript przestaje być kodem wykonywanym raz przy wczytaniu strony, a zaczyna REAGOWAĆ na to, co robi użytkownik — bez tego nie da się zbudować żadnego interaktywnego przycisku, formularza czy koszyka.
Model DOM — wybieranie i modyfikowanie elementów
To jest właściwy "silnik" interaktywności strony — dzięki DOM Twój kod JavaScript może realnie ZMIENIĆ to, co widzi użytkownik: podmienić tekst, dodać klasę CSS, ukryć element — wszystko bez przeładowania strony.
Dynamiczne tworzenie i usuwanie elementów DOM
Lista produktów w koszyku nie ma z góry znanej długości — raz będzie tam jeden film, raz pięć. Statyczny HTML nie może tego przewidzieć, dlatego trzeba UMIEĆ wygenerować odpowiednią liczbę elementów dynamicznie, na podstawie danych.
Walidacja formularza w JavaScript przed wysłaniem
To domknięcie całego działu JavaScript: łączysz zmienne, funkcje, zdarzenia i DOM w jeden praktyczny mechanizm, który realnie poprawia doświadczenie użytkownika (natychmiastowa informacja o błędzie, bez czekania na odpowiedź serwera) — a jednocześnie uczysz si...
Słowniczek — JavaScript
Zbiorcza ściąga wszystkich instrukcji i funkcji JavaScript poznanych w tym dziale — szybkie miejsce odniesienia, żeby nie szukać składni w konkretnej lekcji, gdy potrzebujesz jej "tu i teraz".