Wstęp Wymagania sprzętowe Javascript vs Java

Wstęp
Co to jest Javascript?
JavaScript jest językiem skryptowym przeznaczonym do wykorzystania na stronach internetowych.
Co to oznacza? Dzięki niemu możesz w łatwy sposób poprawić interaktywność na swoich stronach.
Możesz w odpowiedni sposób oddziaływać na poczynania użytkownika. Możesz robić naprawdę dużo
fajnych rzeczy ;). A dzięki temu, że wszystkie czynności wykonywane są po stronie klienta - wszystko
to wykonuje się w błyskawicznym tempie.
Trzeba jednak sobie coś na wstępie powiedzieć. Co z tego, że na stronie umieścisz masę różnego
rodzaju zegarków czy najróżniejszych kalendarzy, skoro tak naprawdę w większości przypadków
nikomu to nie jest potrzebne. Podstawową wadą niektórych osób piszących w JavaScripcie jest to, iż
przesadzają z liczbą efektów umieszczonych na swojej stronie. JavaScript służy nie do tego aby się
popisywać jakim to jesteśmy wielkim programistą, ale przede wszystkim do tego aby zwiększyć
funkcjonalność naszej strony...
Po tym miłym akcencie zapraszam do nauki =).
Wymagania sprzętowe
Wymagania sprzętowe nie są wygórowane: wystarczy zwykła przeglądarka, edytor tekstu i chęci. Z
tym ostatnim czasami może być problem, ale od czego są internetowe aukcje...
Jeżeli chodzi o przeglądarki, osobiście używam Firefoxa ze znakomitym dodatkiem Firebug. W
zasadzie dla nas - super bohaterów - jest to obowiązkowa sprawa. Pozostałe super przeglądarki
(Opera, Chrome itp.) - wedle uznania.
IE oczywiście też będziemy uruchamiać, chociaż nie za często, by nie wywoływać u ciebie nadmiernej
frustracji ^^ (zakład?). Niestety odmienność IE jest czasami tak duża (przynajmniej w starszych
wersjach), że sprawdzanie czy nasze twory tam działają staje się koniecznością.
Javascript vs Java - czyli jak nie dostać
bana na forum
Częstokroć na forach ktoś pyta o podpowiedź w napisaniu skryptu "Java".
JavaScript to nie Java!.
Niby szczegół w nazwie, a jednak sporo osób nagminnie popełnia ten błąd.
Pomimo podobnego nazewnictwa, oba języki mają ze sobą bardzo mało wspólnego. JavaScript jest
językiem skryptowym przeznaczonym do wykorzystania na stronach WWW, natomiast Java jest
kompletnym językiem programowania, za pomocą którego można tworzyć kompletne aplikacje podobnie zresztą jak w językach takich jak C, C++, Delphi, et cetera ;). W przeciwieństwie do tych
ostatnich, Java oferuje brak ograniczeń sprzętowych. Co to oznacza? Programista piszący pod Javą,
będzie mógł swój program uruchomić na dowolnej platformie sprzętowej - i nie ma znaczenia czy
systemem jest Windows, MacOs czy Unix. Niestety nie do końca ta perspektywa jest zrealizowana.
Dlatego też w praktyce Java w większości przypadków jest wykorzystywana do tworzenia apletów
(również na stronach!).
Podstawową różnicą między Javascriptem a Javą jest to, że Javascript stanowią skrypty które nie są
skompilowane, tylko na bieżąco pobierane i przetwarzane przez przeglądarkę użytkownika.
Natomiast aplety Javy są wcześniej kompilowane za pomocą kompilatorów i odpalane jak zwyczajne
aplikacje. Oczywiście między tymi językami istnieje o wiele większa liczba różnic (i są to bardzo
prawdziwe słowa).
Mimo podobieństwa w nazwie, w tym kursie nie znajdziesz zbyt wiele na temat Javy. Niestety - w tej
treści będziesz musiał poradzić sobie sam (google) ;)
Wstawiamy pierwszy skrypt na naszą stronę
Do umieszczenia skryptów na stronie służy znacznik <script>:
//dla HTML5
<script>
...instrukcje skryptu
</script>
//dla HTML4
<script type="text/javascript">
...instrukcje skryptu
</script>
W dzisiejszych czasach zalecam stosowanie typu dokumentu dla HTML5, który udostępnia nam
posługiwanie się powyższą - skróconą deklaracją skryptów. Jest to o tyle zalecane, ponieważ
stosowanie takiego nagłówka nie przynosi z sobą żadnych problemów, a daje nam nowe możliwości.
Same plusy :)
Dodatkowymi atrybutami, które możemy użyć dla tego znacznika, są:
• charset="..." - który ustawia kodowanie dla skryptu. Najlepiej używać kodowania UTF-8 np:
<script type="text/javascript" charset="UTF-8">
...
</script>
•
defer="defer" - powoduje rozpoczęcie wykonywania skryptów dopiero po załadowaniu całej
strony (stosowane dla IE):
<script type="text/javascript" defer="defer">
...
</script>
•
src="..." - podaje adres pliku ze skryptami js:
<script type="text/javascript" src="..."></script>
Z technicznego punktu widzenia skrypty (a więc i znaczniki) możemy wstawić w "dowolne" miejsce
na stronie i przeglądarka to przełknie. Jednak w nowoczesnych technikach odradza się takich
zwyczajów. Na ich miejsce zaleca sie umieszczanie wszystkich skryptów w oddzielnych plikach.
Jeżeli koniecznie chcemy stawiać nasze skrypty bezpośrednio w kod strony, róbmy to na jego końcu\
(tuż przed zamykającym znacznikiem </body>). Ma to dwie wielkie zalety. Pierwszą jest taka, że
użytkownikowi jako pierwsze wczyta się to co najważniejsze - czyli treść strony. Drugą zaletą jest to,
że nasz skrypt ładując się na samym końcu będzie widział już wszystkie elementy występujące na
stronie (a które zostały załadowane przed nim). Dzięki temu unikniemy błędów spowodowanych tym,
że skrypt nie może się odwołać do jeszcze nie istniejących elementów strony. Umieszczanie skryptów
w oddzielnym pliku. Pisząc semantyczne strony, powinniśmy unikać wstawiania skryptów
bezpośrednio w kod strony, zastępując je skryptami umieszczonymi w dołączanych plikach.
Aby przyłączyć plik ze skryptami do naszej strony powinniśmy zastosować dodatkowy atrybut src:
<script type="text/javascript" src="plik_ze_skryptem.js"></script>
Umieszczanie skryptów w oddzielnych plikach ma kilka zalet: możemy dany plik wykorzystać na
kilku stronach (dzięki temu możemy tworzyć biblioteki najlepszych skryptów, które będziemy
dołączać do stron - na tej zasadzie działają znane frameworki np. jQuery, Prototype itp. Pozwala
oczyścić naszą stronę ze zbędnego kodu (strony są przez to "lżejsze"), nie musimy stosować bloku
DATA, martwić się o wszelakie encje itp.
Tak samo jak w przypadku wstawiania skrypów w kod strony, nasze skrypty powinniśmy dołączać na
końcu kodu (tuż przed </body>):
<body>
...treść strony...
<script type="text/javascript" charset="UTF-8" src="skrypty.js"></script>
<script type="text/javascript" charset="UTF-8" src="inne_skrypty.js"></script>
</body>
Dobrym pomysłem jest trzymać skrypty w jak najmniejszej ilości plików. Dzięki temu zyskamy na
liczbie odwołań (requests) do serwera. Oczywiście nie przesadzajmy też i w tą stronę. Lepiej wywołać
odwołanie, niż totalnie zagubić się we własnych zbiorach funkcji.