Ładowanie Ładowanie

Artykuł > Kurs JavaScriptu. Podstawy programowania na potrzeby stron WWW

strony: 1 | 2 | 3 | 4 | ... | 7 następna »
wydrukuj: print publikuj: wykop dodaj do flakera Dodaj jako nius na OSnews.pl! delicious

Kurs JavaScriptu. Podstawy programowania na potrzeby stron WWW

2008-05-30 16:15:00 | Piotr Rzeźniczak
Kurs JavaScriptu. Podstawy programowania na potrzeby stron WWW

JavaScript, choć od jego premiery w pakiecie Netscape Navigator minęło już ponad 12 lat, odgrywa coraz większą rolę w projektowaniu interaktywnych narzędzi dla witryn internetowych. Od prostej manipulacji danymi, przez dynamiczne modelowanie struktury strony, obsługę multimedialnych rozszerzeń, aż po tworzenie odrębnych aplikacji – możliwości zastosowania tego języka skryptowego są niezwykle szerokie. Dziś nie sposób, a nawet nie wypada nie znać choć podstawowych zasad programowania w JavaScripcie na potrzeby witryn internetowych.

Spis treści

Część 1 – Wprowadzenie
  • Co to jest JavaScript?
  • JavaScript a Java
  • Zalety JavaScriptu
Część 2 – Umieszczanie skryptu na stronie
  • Kod źródłowy zagnieżdżony w HTML-u
  • Kod źródłowy zamieszczony w oddzielnym pliku
  • Jak zadbać o przeglądarki nieobsługujące JavaScriptu?
  • Komentarze do kodu
Część 3 – Wyświetlanie informacji na stronie i działania na zmiennych
  • Kilka podstawowych zasad
  • Instrukcja document.write
  • Zmienne
  • Operatory
Część 4 – Funkcje i obiekty
  • Co to jest funkcja?
  • Jak zdefiniować funkcję?
  • Funkcja zwracająca wartość
  • Zasięg zmiennych
  • Funkcje predefiniowane JavaScriptu
  • Obiekty
Część 5 – Instrukcje warunkowe i pętle
  • Instrukcja warunkowa if
  • Instrukcja warunkowa if ... else
  • Konstrukcja switch
  • Operator warunkowy
  • Pętla while
  • Pętla do ... while
  • Pętla for
Część 6 – Rdzenne Obiekty JavaScriptu
  • Obiekt Array
  • Obiekt Boolean
  • Obiekt Date
  • Obiekt Math
  • Obiekt Number
  • Obiekt String
Część 7 – Zdarzenia elementów HTML-aCzęść 8 – Podsumowanie

Wprowadzenie

Co to jest JavaScript?

Ten wszechobecny dziś język skryptowy został stworzony – początkowo jako LiveScript – na potrzeby firmy Netscape i przeglądarki Navigator. Zamierzeniem jego projektantów było rozszerzenie możliwości języka HTML w taki sposób, aby strony stały się bardziej atrakcyjne pod względem sposobu prezentacji danych oraz możliwości interakcji z użytkownikiem. W 1995 roku, na mocy porozumienia z firmą Sun Microsystems, w zamian za włączenie do przeglądarki Netscape obsługi technologii Java, język otrzymał oficjalną nazwę JavaScript. W grudniu tego samego roku został zaimplementowany w najnowszej wówczas wersji Navigatora i rozpoczął triumfalny pochód przez Sieć.

JavaScript jest przede wszystkim językiem skryptowym – to znaczy interpretowanym. Nie musi zostać skompilowany do kodu maszynowego, aby można było zobaczyć efekty jego działania. Wystarczy nam do tego przeglądarka internetowa, która ten język obsługuje – czyli w zasadzie każda z liczących się na rynku aplikacji. Ze względów bezpieczeństwa JavaScript ma znacznie ograniczone uprawnienia dostępu do zasobów komputera, przy użyciu którego przeglądana jest dana strona, a wszelkie odwołania do funkcji i obiektów wykonywane są w trakcie wykonywania programu.

JavaScript a Java

Zbieżność nazw obu języków może być dla początkującego użytkownika myląca. Przyjęcie takiej, a nie innej nazwy dla produktu Netscape'a najprawdopodobniej podyktowane było względami marketingowymi, ale zasadność łączenia obu pakietów do dziś jest przedmiotem kontrowersji. Istnieją tutaj dwie szkoły: jedni uważają, że JavaScript sięga swoimi korzeniami środowiska Java, wskazując na przykład na podobieństwo składni, inni zaś dowodzą, że poza nazwą oba języki niewiele mają ze sobą wspólnego. Jakiekolwiek miałoby być rozstrzygnięcie tego sporu, debiutujący programiści powinni pamiętać o tym, że mają do czynienia z zupełnie odrębnymi mechanizmami.

Zalety JavaScriptu

Największą zaletą JavaScriptu jest niewątpliwie jego prostota. Język ten uważa się więc za relatywnie łatwy do opanowania i rzeczywiście – nic nie stoi na przeszkodzie, aby zacząć używać go już po kilku minutach od rozpoczęcia nauki. Ponieważ jest to obecnie najbardziej rozpowszechniony język skryptowy, w Internecie można znaleźć miliony praktycznych przykładów – witryn wykorzystujących różnorodne funkcje JavaScriptu.

O olbrzymiej popularności języka zadecydowały z pewnością jego uniwersalność oraz fakt, iż pozwala on na odciążenie serwerów i ograniczenie ilości zbędnych danych przesyłanych pomiędzy nimi a przeglądarką klienta. Najprostszym przykładem tych zalet mogą być choćby sklepy internetowe, których nieodzownym elementem są formularze wypełniane przez użytkownika. Dzięki JavaScriptowi można sprawdzić poprawność wprowadzonych danych na komputerze klienta, unikając – przy ewentualnym błędzie – urzeczywistnienia scenariusza, w którym dane są wysyłane, a serwer zużywa moc obliczeniową na ich sprawdzenie, wygenerowanie strony z opisem błędu i odesłaniem jej z powrotem.

JavaScript jest nieustannie rozwijany. Podstawowe funkcje z biegiem czasu uzupełniane są o nowe narzędzia, jak chociażby obiekt Image i tablica document.images, które pojawiły się w JavaScripcie 1.1 i wzbogaciły język o opcje manipulacji plikami graficznymi. Wraz z wersją 1.2, koncepcją dynamicznego HTML-a i zastosowaniem warstw możliwości projektowania interaktywnych stron zwiększyły się wręcz zdumiewająco. Obecnie przy użyciu odpowiednich bibliotek – jak na przykład script.aculo.us czy mootools – tworzyć można aplikacje sieciowe o dużym stopniu zaawansowania i atrakcyjnym interfejsie.

Najnowsze wiadomości
1 | 2 | 3 | 4 | ... | 7 następna »

reklama

strony: 1 | 2 | 3 | 4 | ... | 7 następna »
wydrukuj: print publikuj: wykop dodaj do flakera Dodaj jako nius na OSnews.pl! delicious

Czytaj webhosting.pl:

Dyskusja

dodaj komentarz
0 + -
comnt #01 Starsep 2009-08-26 01:06:19
Starsep W listingu nr 22 jest błąd:

zamiast "switch (dzien);"

powinno być "switch (dzien)" (bez cudzysłowu).
------------------
Browser: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2
0 + -
comnt #02 Starsep 2009-08-26 01:07:27
Starsep Oczywiście bez średnika, nie cudzysłowu! :P
------------------
Browser: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2
0 + -
comnt #03 Advt.pl 2010-02-02 22:30:32
Advt.pl O olbrzymiej popularności języka zadecydowały z pewnością jego

uniwersalność oraz fakt, iż pozwala on na odciążenie serwerów

i ograniczenie ilości zbędnych danych przesyłanych pomiędzy nimi a

przeglądarką klienta. Najprostszym przykładem tych zalet mogą być choćby

sklepy internetowe, których nieodzownym elementem są formularze

wypełniane przez użytkownika. Dzięki JavaScriptowi można sprawdzić

poprawność wprowadzonych danych na komputerze klienta, unikając – przy

ewentualnym błędzie – urzeczywistnienia scenariusza, w którym dane są

wysyłane, a serwer zużywa moc obliczeniową na ich sprawdzenie,

wygenerowanie strony z opisem błędu i odesłaniem jej z powrotem.




Bzdura! Oprócz tego, że stosujemy javascript do walidacji danych użytkownika w formularzu, w celu wygody i przyjemności przez użytkownika, powinniśmy sprawdzać poprawność pół formularza w języku server-side. To co zostało napisane w tym kursie może spowodować dość poważne luki w zabezpieczeniach skryptu.

Pozdrawiam i zapraszam na Advt.pl
------------------
Browser: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2) Gecko/20100115 Firefox/3.6
0 + -
comnt #04 Lapu 2010-06-28 23:25:11
Lapu Ten kurs to podstawy syntaktyki jezyka a nie jego rzeczywistego wykorzystania. Polecam kursy na w3 schools jezeli ktos powazniej podchodzi do wykorzystania js.
------------------
Browser: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6

Komentarze

  • Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka (słowa muszą być rozdzielone spacją).
  • Jeśli masz problemy z odczytaniem słów, zmień zdjęcie.
  • Używamy tego zabezpieczenia, ponieważ dzięki niemu rozwija się projekt reCAPTCHA. Sugerujemy jednak, by zarejestrować się w serwisie i w ten sposób ominąć konieczność ciągłego odczytywania wyrazów.
  • W treści komentarza można używać języka formatowania BBcode.