Samouczek JavaScript: Witaj świecie

Ten samouczek pomoże Ci rozpocząć pracę z JavaScript. Wyjaśnia, co jest potrzebne, aby napisać swój pierwszy program w JavaScript. Zaczyna się od podstaw: dowiesz się, gdzie można znaleźć i pobrać potrzebne narzędzia, jak je zainstalować, a następnie przejdziesz przez proces budowania i uruchamiania kodu. Jeśli nigdy wcześniej nie pisałeś programu w JavaScript, to jest miejsce, od którego warto zacząć. Stworzyliśmy ten artykuł, abyś mógł rozpocząć przygodę z JavaScript i przejść do naszych przykładów dotyczących SMS. Jeśli już znasz JavaScript, możesz od razu przejść do jednego z poniższych projektów SMS.

Przykłady SMS w JavaScript:

Wysyłanie SMS za pomocą HTTP REST API w JavaScript (przykład kodu)
Wysyłanie wielu SMS za pomocą HTTP REST API w JavaScript (przykład kodu)
Planowanie SMS za pomocą HTTP REST API w JavaScript (przykład kodu)
Odbieranie SMS za pomocą HTTP REST API w JavaScript (przykład kodu)
Usuwanie SMS za pomocą HTTP REST API w JavaScript (przykład kodu)
Pobierz najnowszą bibliotekę JavaScript SMS API z Github

Co to jest HTML

Hypertext Markup Language (HTML) to narzędzie służące do definiowania struktury strony internetowej. HTML to standardowy język znaczników do tworzenia stron internetowych. W połączeniu z CSS nadają one stronom wygląd, jaki znamy. HTML składa się z serii elementów, które mówią przeglądarce, jak wyświetlić zawartość. W tym samouczku użyjemy go do wyświetlenia komunikatu "Witaj świecie".

Co to jest JavaScript

JavaScript to skryptowy język programowania. Jest podobny do języka naturalnego, takiego jak angielski. Służy do komunikacji z komputerem. Główna różnica między językiem naturalnym a językiem programowania polega na tym, że języki programowania mają bardziej rygorystyczną strukturę, aby ułatwić komputerowi ich zrozumienie. W tym samouczku użyjemy kodu JavaScript do wypisania komunikatu "Witaj świecie".

Co to jest serwer WWW

Termin serwer WWW może odnosić się do sprzętu, oprogramowania lub obu tych elementów działających razem. Po stronie sprzętowej serwer WWW to komputer służący do obsługi klientów internetowych. Po stronie oprogramowania serwery WWW uruchamiają kod PHP, który obsługuje żądania HTTP klientów internetowych.

Co to jest przeglądarka internetowa

Przeglądarka internetowa to aplikacja służąca do dostępu do World Wide Web. Gdy użytkownik żąda strony internetowej z konkretnej witryny, przeglądarka pobiera niezbędną zawartość z serwera WWW, a następnie wyświetla stronę na urządzeniu użytkownika. Działa w ten sposób, że użytkownik może wysyłać żądania HTTP do serwerów WWW. Za pomocą przeglądarki internetowej możemy uzyskać dostęp do serwera WWW, wpisując jego adres IP lub domenę w pole URL.

Co to jest WAMP

WampServer odnosi się do zestawu rozwiązań dla systemu operacyjnego Microsoft Windows, składającego się z serwera internetowego Apache, OpenSSL do obsługi SSL, bazy danych MySQL i języka programowania PHP. WAMP działa jak wirtualny serwer na Twoim komputerze. Pozwala testować wszystkie funkcje internetowe bez żadnych konsekwencji, ponieważ jest zlokalizowany na Twoim komputerze i nie jest podłączony do sieci. Użyjemy go do hostowania naszej strony HTML lokalnie.

Jak napisać swój pierwszy program w JavaScript

Aby napisać swój pierwszy program w JavaScript:

1. Zainstaluj WAMP na swoim komputerze
2. Skonfiguruj serwer WAMP
3. Utwórz nowy plik index.html
4. Stwórz swój pierwszy dokument HTML
5. Napisz swój pierwszy kod JavaScript w pliku .html
6. Uruchom swój pierwszy program w JavaScript
7. Otwórz tryb Inspekcji w celu powiadomienia o błędach
8. Napraw błąd

Wymagania wstępne

• Komputer z systemem Windows 10
• Środowisko WAMP
• Przeglądarka Chrome
• Przykład Hello World w HTML
• Przykład Hello World w JavaScript

Pobierz WAMP

W tym filmie pokażemy, jak pobrać serwer WAMP. To oprogramowanie, którego użyjemy do hostowania naszego kodu JavaScript. Najpierw musisz odwiedzić https://wampserver.com i pobrać instalator WampServer (Film 1). Po zakończeniu pobierania instalator znajdzie się w katalogu pobierania określonym przez Twoją przeglądarkę. Otwarcie tego pliku exe rozpocznie proces instalacji serwera WAMP.

Pobierz WampServer

Zacznij od przejścia na stronę https://wampserver.com w przeglądarce. Kliknij przycisk Pobierz u góry, aby automatycznie przewinąć się do sekcji pobierania. Kliknij WAMPSERVER 64 BITS (X64), aby pobrać instalator WampServer na swój komputer (Rysunek 1).

Zainstaluj WAMP

Następnym krokiem po pobraniu WampServer jest jego instalacja. Ten film pokazuje, jak można pomyślnie zakończyć instalację. Otwórz instalator, skonfiguruj szczegóły instalacji i poczekaj na zakończenie procesu (Film 2). Po zainstalowaniu WAMP Server automatycznie zacznie działać. Teraz, gdy WAMP Server jest uruchomiony, możesz zacząć kodować w JavaScript.

<!DOCTYPE html>
<html>
	<head>
		<title>Hello world!</title>
	</head>
	<body>
		<h1 id="text">Hello world!</h1>
	</body>
</html>
	

/*Ten kod JavaScript zamieni tekst w tagu
z id o nazwie "text".*/
document.getElementById("text").innerText = "Hello Ozeki!";