Strona e-learningowa jest zgodna ze standardami WCAG 2.1 na poziomie AA, zapewniając dostępność dla wszystkich użytkowników.

Moduł VII – Interakcja JS (3 godz.)
Kurs Java – Zespół Szkół w Sokołowie Małopolskim

W siódmym module uczestnicy poznają podstawy JavaScript w kontekście tworzenia interaktywnych stron internetowych. JavaScript umożliwia dodawanie dynamiki oraz reagowanie na działania użytkownika.

Omówione zostanie wprowadzanie skryptów JavaScript do strony HTML oraz podstawy pracy z elementami DOM. Uczestnicy nauczą się, jak manipulować treścią strony i zmieniać jej elementy w czasie rzeczywistym.

Moduł obejmuje również reakcję na zdarzenia użytkownika, takie jak kliknięcia, wpisywanie tekstu czy interakcje z elementami strony, co pozwala na tworzenie prostych, interaktywnych aplikacji webowych.

Moduł 7 JavaScript – interakcja JS

KURS PROGRAMOWANIA W JĘZYKU JAVA

Intensywny, 24-godzinny kurs wprowadzający w podstawy programowania z wykorzystaniem języka Java. Uczestnicy poznają czym jest program komputerowy, jak działa komputer oraz jak wygląda proces tworzenia i uruchamiania aplikacji. Szkolenie łączy teorię z praktyką, dzięki czemu każdy moduł kończy się ćwiczeniami programistycznymi.

Kurs przygotowuje do samodzielnego pisania prostych programów w Java, rozumienia podstawowych pojęć programistycznych oraz dalszego rozwijania umiejętności w kierunku tworzenia aplikacji.

Moduł 7 — Interakcja JS (3 godz.)

1. Wprowadzenie do JavaScript

  • Czym jest JavaScript i do czego służy na stronie internetowej.
  • Rola JS w tworzeniu interaktywnych elementów.
  • Podstawowe zastosowania JavaScript w przeglądarce.

2. JavaScript na stronie

  • Dodawanie skryptów do dokumentu HTML.
  • Wykorzystanie plików zewnętrznych .js.
  • Podstawowa manipulacja elementami DOM.

3. Reakcja na zdarzenia

  • Czym są zdarzenia (events) w JavaScript.
  • Obsługa zdarzeń takich jak kliknięcie (click), najechanie myszą (mouseover), wpisywanie (input).
  • Przypisywanie funkcji do zdarzeń.

4. Podstawy pracy z DOM

  • Wyszukiwanie elementów HTML w JavaScript.
  • Zmiana treści elementów.
  • Zmiana stylów i atrybutów elementów.

5. Zastosowanie interakcji w praktyce

  • Tworzenie przycisków reagujących na kliknięcia.
  • Wyświetlanie komunikatów użytkownikowi.
  • Budowa prostych interfejsów interaktywnych.

Moduł 7 — Szczegółowa lekcja JavaScript

1. Wprowadzenie do JavaScript

⚡ JavaScript to język programowania wykorzystywany do tworzenia interaktywnych elementów stron internetowych. Umożliwia reagowanie na działania użytkownika oraz dynamiczną zmianę treści strony.

  • JavaScript działa po stronie przeglądarki.
  • Dodaje interaktywność do stron HTML.
  • Pozwala reagować na działania użytkownika.

2. JavaScript na stronie

📄 Skrypty JavaScript można dodawać bezpośrednio w pliku HTML lub jako zewnętrzne pliki .js.

  • Dodawanie skryptów za pomocą <script>.
  • Podłączanie zewnętrznych plików JavaScript.
  • Podstawowa manipulacja elementami strony (DOM).

3. Reakcja na zdarzenia

🎯 Zdarzenia (events) pozwalają reagować na działania użytkownika, takie jak kliknięcia czy wpisywanie tekstu.

  • Zdarzenia typu click, input, mouseover.
  • Przypisywanie funkcji do zdarzeń.
  • Tworzenie interaktywnych elementów UI.

4. Podstawy pracy z DOM

🌐 DOM (Document Object Model) umożliwia JavaScriptowi dostęp do elementów HTML i ich modyfikację.

  • Wyszukiwanie elementów na stronie.
  • Zmiana treści elementów.
  • Zmiana stylów i atrybutów.

5. Zastosowanie interakcji w praktyce

💻 JavaScript pozwala tworzyć dynamiczne i responsywne interfejsy użytkownika poprzez reagowanie na zdarzenia i manipulację DOM.

  • Obsługa kliknięć przycisków.
  • Wyświetlanie komunikatów i wyników.
  • Tworzenie prostych aplikacji interaktywnych.

Ćwiczenia praktyczne:

  • Dodaj skrypt JavaScript do strony HTML.
  • Utwórz przycisk reagujący na kliknięcie.
  • Zmień tekst elementu po kliknięciu.
  • Obsłuż proste zdarzenie użytkownika (np. input).

Po ukończeniu tej lekcji uczestnicy będą rozumieć podstawy JavaScript, potrafić dodawać skrypty do strony oraz reagować na zdarzenia użytkownika, tworząc proste interaktywne elementy.