Dla nauczyciela

Autor: Mirosław Zelent

Przedmiot: Informatyka

Temat: Podstawy języka JavaScript

Grupa docelowa:

Szkoła ponadpodstawowa, liceum ogólnokształcące, technikum, zakres podstawowy

Podstawa programowa:

Cele kształcenia – wymagania ogólne

II. Programowanie i rozwiązywanie problemów z wykorzystaniem komputera oraz innych urządzeń cyfrowych: układanie i programowanie algorytmów, organizowanie, wyszukiwanie i udostępnianie informacji, posługiwanie się aplikacjami komputerowymi.

Treści nauczania – wymagania szczegółowe

II. Programowanie i rozwiązywanie problemów z wykorzystaniem komputera i innych urządzeń cyfrowych.

Zakres podstawowy. Uczeń:

3) przygotowuje opracowania rozwiązań problemów, posługując się wybranymi aplikacjami:

f) tworzy stronę internetową zgodnie ze standardami, wzbogaconą tabelami, listami, elementami dynamicznymi, posługuje się arkuszem stylów, korzysta z oprogramowania i serwisów przeznaczonych do tworzenia stron; potrafi opublikować własną stronę w internecie;

Kształtowane kompetencje kluczowe:

kompetencje cyfrowe;
kompetencje osobiste, społeczne i w zakresie umiejętności uczenia się;
kompetencje matematyczne oraz kompetencje w zakresie nauk przyrodniczych, technologii i inżynierii.

Cele operacyjne (językiem ucznia):

Porównasz zastosowanie współczesnych technologii wykorzystujących język JavaScript.
Dobierzesz sposób dołączenia skryptu JavaScript do kodu źródłowego HTML witryny.
Zdefiniujesz zmienną, stałą, uchwyt obiektu, własną funkcję oraz obsługę zdarzenia.
Zastosujesz operatory używane w JavaScript.
Sklasyfikujesz podstawowe rodzaje okien dialogowych w przeglądarce internetowej.

Strategie nauczania:

konstruktywizm;
konektywizm.

Metody i techniki nauczania:

dyskusja;
rozmowa nauczająca z wykorzystaniem multimedium i ćwiczeń interaktywnych;
ćwiczenia praktyczne.

Formy pracy:

praca indywidualna;
praca w parach;
praca w grupach;
praca całego zespołu klasowego.

Środki dydaktyczne:

komputery z głośnikami, słuchawkami i dostępem do internetu;
zasoby multimedialne zawarte w e‑materiale;
tablica interaktywna/tablica, pisak/kreda.

Przebieg lekcji

Przed lekcją:

Przygotowanie do zajęć. Nauczyciel loguje się na platformie i udostępnia e‑materiał: „Podstawy języka JavaScript”. Nauczyciel prosi uczniów o zapoznanie się z treściami w sekcji „Przeczytaj” dotyczącymi programowania.

Faza wstępna:

Wyświetlenie przez nauczyciela tematu i celów lekcji. Określenie wiążących dla uczniów kryteriów sukcesu.
Rozpoznanie wiedzy uczniów. Nauczyciel prosi wybranego ucznia lub uczniów o przedstawienie sytuacji problemowej związanej z tematem lekcji.

Faza realizacyjna:

Praca z tekstem. Uczniowie analizują treści z sekcji „Przeczytaj” wyświetlone na tablicy.
Praca z multimedium. Nauczyciel wyświetla zawartość sekcji „Prezentacja multimedialna”. Uczniowie wspólnie zapoznają się z jego treścią. Zapisują ewentualne problemy i pytania, po czym następuje dyskusja, w trakcie której nauczyciel wyjaśnia niezrozumiałe treści.
Ćwiczenie umiejętności. Uczniowie wykonują ćwiczenia nr 1‑5 z sekcji „Sprawdź się”. Nauczyciel sprawdza poprawność wykonanych zadań, omawiając je wraz z uczniami.

Faza podsumowująca:

Nauczyciel ponownie wyświetla na tablicy temat lekcji zawarty w sekcji „Wprowadzenie” i inicjuje krótką rozmowę na temat zrealizowanych celów (czego uczniowie się nauczyli).

Praca domowa:

Uczniowie wykonują ćwiczenia 6‑8 z sekcji „Sprawdź się”.

Materiały pomocnicze:

Oficjalna dokumentacja techniczna dla języka JavaScript.

Wskazówki metodyczne:

Uczniowie mogą wykorzystać treści w sekcjach: „Przeczytaj”, „Prezentacja multimedialna”, „Sprawdź się” jako materiał do lekcji powtórkowej.

Sprawdź się