JavaScript na stronach WWW

Cele ogólne
Uczeń:
  • projektuje modele dwuwymiarowe i trójwymiarowe, tworzy i edytuje projekty w grafice rastrowej i wektorowej, wykorzystuje różne formaty obrazów, przekształca pliki graficzne, uwzględniając wielkość i jakość obrazów,
  • 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,
  • programuje elementy strony internetowej współpracujące z sieciową bazą danych.
  • wymienia rodzaje technologii służących do tworzenia serwisów internetowych,
  • wymienia operatory stosowanie w języku JavaScript.
  • definiuje pojęcia: obiekt, atrybut obiektu, metoda obiektu, walidacja formularza,
  • wyjaśnia, w jaki sposób uzupełniają się technologie front-end i back-end.
  • wstawia elementy formularza na tworzonej przez siebie stronie internetowej
  • realizuje proste obliczenia za pomocą formularza ,
  • przeprowadza walidację formularza.
  • tworzy funkcje w języku JavaScript rozwiązujące określony problem,
  • wzbogaca stronę internetową animacją poklatkową, tworząc odpowiednie funkcje w języku JavaScript.
  • Przydatne narzędzia/oprogramowanie
  • Oprogramowanie: program do edycji kodu HTML (Notepad++ kolorujący składnię lub systemowy Notatnik)

    Pobierz pliki, które zostaną wykorzystane podczas ćwiczeń:
    pobierz plik "lot ptaka-1"
    pobierz plik "lot ptaka-1"

    Pobrane pliki "Wypakuj" do "swojego katalogu". Będą wykorzystane w kolejnych ćwiczeniach.

  • środowisko ćwiczenia


    Utwórz prosty skrypt js generujący tekst na stronie

    Ćwiczenie 2

    Ćwiczenie 3

    Ćwiczenie 4



    Przykładowe rozwiązania oraz komentarze do wybranych ćwiczeń i zadań
  • (ćw. 2, s. 280) Rozwiązanie w pliku T18_CW2.
  • (ćw. 4, s. 287) Rozwiązanie w pliku T18_CW4.
  • (ćw. 5, s. 289) Rozwiązanie w pliku T18_CW5.
  • (ćw. 6, s. 292) Rozwiązanie w pliku T18_CW6.
  • (zad. 1) Rozwiązanie w pliku T18_ZAD1.
  • (zad. 3) Rozwiązanie w pliku T18_ZAD3.
  • (zad. 4) Rozwiązanie w pliku T18_ZAD4.
  • (zad. 5) Rozwiązanie w pliku T18_ZAD5.
  • (zad. 6) Rozwiązanie w pliku T18_ZAD6.
  • (zad. 7) Rozwiązanie w pliku T18_ZAD7.
  • (zad. 8) Rozwiązanie w pliku T18_ZAD8.
    pobierz odpowiedzi
    animacja w js