W zasadzie każda strona internetowa jest zbudowana w oparciu o 3 technologie; HTML, CSS i Javascript. HTML zajmuje się kolejnością różnych części składowych witryny, CSS sposobem renderowania tych części i Javascript złożone zadania, takie jak reagowanie na działania użytkownika.
En poprzednie artykuły Wyjaśniliśmy, że jest to framework CSS i podaliśmy listę najlepszych, których możemy użyć w Linuksie. Jak rola Javascript jest nieco trudniejsza do wyjaśnienia, mamy zamiar zrobić małe wprowadzenie do tematu, zanim przejdziemy do skomentowania jego ram.
Język programowania Javascript. Małe wprowadzenie
Co to jest JavaScript?
JavaScript to język programowania stworzony pierwotnie, aby strony internetowe nie były statyczne, chociaż dziś jego użycie rozprzestrzeniło się na sektory, które nie mają nic wspólnego z siecią.
Lprogramy napisane w Javascript nazywane są skryptami i działają wewnątrz maszyny wirtualnej znanej jako silnik Javascript.
Wszystkie nowoczesne przeglądarki zawierają własną wersję silnika Javascript
Dla bezpieczeństwa użytkowników różne przeglądarki ograniczają możliwości kodu JavaScript. Na przykład dostęp do krytycznych plików na dysku. Jednak można to jeszcze bardziej ograniczyć w opcjach konfiguracyjnych każdego z nich.
Działanie kodu JavaScript na stronie internetowej wygląda następująco:
- Silnik JavaScript osadzony w przeglądarce odczytuje kod.
- Kod jest konwertowany na język maszynowy.
- Maszyna wykonuje kod.
Będąc językiem programowania, Javascript może wykonywać następujące zadania:
- Przechowuj informacje w zmiennych.
- Obsługuj ciągi tekstowe.
- Uruchamiaj programy reagujące na zdarzenia, takie jak kliknięcie łącza.
Zwiększają się możliwości JavaScript poprzez wykorzystanie interfejsów programowania aplikacji (API)
Interfejsy API są biblioteki programów stworzone do określonych zadań To uwalnia dewelopera od konieczności przepisywania istniejącego kodu. W przypadku Javascript możemy mówić o dwóch typach APIS-ów
Interfejs API przeglądarki
Działają w przeglądarce i reagują na otoczenie. Mamy na przykład:
Model obiektu dokumentu (DOM): Umożliwia wprowadzanie zmian w kodzie HTML i CSS strony w odpowiedzi na określone zdarzenia. Tak jest w przypadku witryn internetowych, które pozwalają nam zobaczyć, jak strona wyglądałaby na różnych urządzeniach.
API geolokalizacjia: Służy do wykrywania lokalizacji użytkownika i odpowiedniego reagowania. Na przykład jest używany przez Netflix, aby dowiedzieć się, jakie treści możesz zobaczyć w swoim kraju lub w Mapach Google, aby pokazać Ci, gdzie jesteś.
Canvas i WebGL: Idealnie nadają się do kreślenia grafiki 2D i 3D
Multimedialne interfejsy API: Umożliwiają przesyłanie i odbiór treści multimedialnych ze strony internetowej.
Interfejsy API innych firm
Różne usługi internetowe starają się przyciągnąć więcej użytkowników (aw niektórych przypadkach więcej informacji od tych użytkowników do sprzedaży) tworzyć interfejsy programistyczne, aby programiści mogli integrować funkcje które te usługi świadczą na zewnętrznych stronach. Dotyczy to na przykład tych stron internetowych, które umożliwiają rejestrację za pomocą konta Google lub Facebook.
Jak działa kod JavaScript w witrynie internetowej
Przede wszystkim należy to wyjaśnić każdy skrypt javascript działa we własnym środowisku wykonawczym. Istnieje środowisko wykonawcze dla każdej karty (jeśli otwieramy różne witryny w tym samym oknie) lub dla różnych okien, jeśli wolimy. W żadnym wypadku nie są ze sobą powiązane ani, jak powiedzieliśmy, z systemem operacyjnym bez aktywnej interwencji użytkownika.
Pierwsze se ładuje kod HTML strony internetowej i tworzony jest model obiektowy dokumentu, aby można go było wyświetlić w przeglądarce. Elementy, które mają być dołączone, są następnie ładowane do strony jako nośniki, obrazy i arkusze stylów. Na koniec style są przypisywane do różnych części strony zgodnie z arkuszami stylów.
Po zakończeniu tego wszystkiego uruchamia się silnik Javascript zgodnie z powyższą sekwencją.
W naszym następnym artykule przejdziemy do obiecanej listy frameworków dla Javascript.