JavaScript

JS to skryptowy język programowania.

Najczęściej używa się go w stronach internetowych.

Służy on zwykle do zapewnienia interakcji poprzez
reagowanie na zdarzenia, walidacji danych
wprowadzanych w formularzach lub tworzenia
złożonych efektów wizualnych.

Czyli inaczej:

Jest to kod używany do tworzenia struktury strony
i jej zawartości.

Zapisuje się go w formacie .js


BIBLIOTEKA JS


Kod oczywiście można napisać samemu, ale gdy tylko jest okazja,
to korzysta się z gotowca - to jest właśnie biblioteka JS.
Zawiera ona kilka funkcji wykonujących niektóre przydatne
zadania na twojej stronie internetowej. Można je wyszukiwać za
pomocą dokumentacji danej biblioteki.

Przykład:

Dokumentacja dla biblioteki "Galleria"(służy do tworzenia slajdów)

 

dokumentacja galleria

SKĄD ZABRAĆ BIBLIOTEKĘ JS


Na stronie został użyty taki adres URL:
https://cdn.rawgit.com/pamelafox/a8b77c43f56da1753348/raw/slideshow.js

Jest on tzw. "absolutny" - zawiera protokół i domenę.
Adres musi to zawierać gdy dodajemy bibliotekę z pewnego
serwera, spoza naszego komputera

Przykłady zaufanych serwerów:
RawGit
Google Developers

PRZYKŁAD ZASTOSOWANIA

na podstawie kodu JS w HTML - tak samo jak w CSS jest możliwość podpięcia kodu zewnętrznego

	<!DOCTYPE html>
	<html>
 	<head>
	<title>Używanie biblioteki JS: Slideshow library</title>
	<meta charset="utf-8">
 	</head>
	<body>
 <div id="slideshow">
        <img src="https://www.kasandbox.org/programming-images/animals/birds_rainbow-lorakeets.png" alt="Rainbow lorakeets" />
        <img src="https://www.kasandbox.org/programming-images/animals/butterfly.png" alt="Butterfly" />
        <img src="https://www.kasandbox.org/programming-images/animals/cat.png" alt="Cat" />
        <img src="https://www.kasandbox.org/programming-images/animals/crocodiles.png" alt="Crocodiles" />
        <img src="https://www.kasandbox.org/programming-images/animals/fox.png" alt="Fox" />
    </div>

   <script src="https://cdn.jsdelivr.net/gh/pamelafox/ka-slideshow-example@master/slideshow.js"></script> <!--w tym miejscu umieszczamy nasze skrypty, polecenia z JS-->
    <script>
slideShow(document.getElementById("slideshow"));
    </script> <!--zamknięcie skryptu-->

	</body>
	</html>
 

Aby samemu uruchomić stronę, wystarczy skopiować kod
do wybranego dokumentu tekstowego (np.: Notatnik), zapisać w formacie .html,
a następnie uruchomić przez przeglądarkę.

Po wykonaniu wszystkich czynności poprawnie powinniśmy zobaczyć slajd zdjęć ze zwierzętami w lewym górnym rogu.