Istnieje wiele różnych miejsc, w których można używać JavaScript, ale najczęstszym miejscem do korzystania z niego jest strona internetowa. W rzeczywistości dla większości osób używających JavaScript, na stronie internetowej jest jedynym miejscem, w którym z niej korzystają.
Trzy języki strony internetowej
Pierwszym wymaganiem strony internetowej jest zdefiniowanie zawartość strony internetowej. Odbywa się to za pomocą języka znaczników, który określa, jakie są poszczególne części składowe treści. Językiem używanym zwykle do oznaczania zawartości jest HTML, chociaż XHTML może być również używany, jeśli strony nie wymagają działania w Internet Explorerze.
HTML określa treść. Przy prawidłowym napisaniu nie podejmuje się próby zdefiniowania, jak ta treść ma wyglądać. W końcu treść będzie musiała wyglądać inaczej w zależności od tego, jakiego urządzenia używa się do uzyskania dostępu. Urządzenia mobilne mają zazwyczaj mniejsze ekrany niż komputery. Wydrukowane kopie treści będą miały stałą szerokość i mogą nie wymagać uwzględnienia całej nawigacji. Dla osób słuchających strony należy zdefiniować sposób, w jaki strona jest czytana, a nie jak wygląda.
The wygląd strony internetowej jest definiowany za pomocą kaskadowych arkuszy stylów, które określają nośnik, do którego odnoszą się określone polecenia, więc formaty zawartości są odpowiednie dla urządzenia.
Używając tylko tych dwóch języków, możesz tworzyć statyczne strony internetowe, które będą dostępne niezależnie od tego, które urządzenie jest używane do uzyskania dostępu do strony. Te statyczne strony mogą wchodzić w interakcje z odwiedzającym za pomocą formularzy. Po wypełnieniu i przesłaniu formularza żądanie jest wysyłane z powrotem do serwera, na którym tworzona jest nowa statyczna strona internetowa i ostatecznie pobierana do przeglądarki.
Dużą wadą takich stron internetowych jest to, że jedynym sposobem interakcji użytkownika ze stroną jest wypełnienie formularza i oczekiwanie na załadowanie nowej strony.
Dodaj JavaScript dla stron dynamicznych
JavaScript tłumaczy twoją statyczną stronę na taką, która może wchodzić w interakcje z użytkownikami bez konieczności oczekiwania na załadowanie nowej strony za każdym razem, gdy wysyłają zapytanie. JavaScript dodaje zachowanie do strony internetowej, na której strona reaguje na działania bez potrzeby ładowania nowej strony w celu przetworzenia żądania.
Już nie gość muszą wypełnić cały formularz i przesłać go, aby otrzymać informację, że w pierwszym polu napisali literówkę i muszą ponownie wpisać wszystko. Za pomocą JavaScript możesz sprawdzać poprawność każdego z pól w trakcie ich wprowadzania i zapewniać natychmiastową informację zwrotną, gdy się pojawią.
JavaScript pozwala również na interaktywną stronę na inne sposoby, które w ogóle nie wymagają formularzy. Możesz dodać animacje do strony, które albo przyciągają uwagę do określonej części strony, albo ułatwiają korzystanie ze strony. Możesz udzielać odpowiedzi na stronie internetowej na różne działania podejmowane przez odwiedzającego, aby uniknąć konieczności ładowania nowych stron internetowych w celu odpowiedzi. Możesz nawet JavaScript załadować nowe obrazy, obiekty lub skrypty na stronie internetowej bez konieczności ponownego ładowania całej strony. Istnieje nawet sposób, aby JavaScript przekazywał żądania z powrotem do serwera i obsługiwał odpowiedzi z serwera bez potrzeby ładowania nowych stron.
Włączanie JavaScript na stronie internetowej pozwala poprawić wrażenia użytkownika, przekształcając go ze strony statycznej w stronę, która może z nimi wchodzić w interakcje. Należy jednak pamiętać, że nie wszyscy odwiedzający Twoją stronę będą mieli JavaScript, więc Twoja strona będzie musiała działać dla tych, którzy nie mają JavaScript. Użyj JavaScript, aby Twoja strona działała lepiej dla tych, którzy ją mają.