AJAX (Asynchronous JavaScript and XML) to technika programowania webowego, która umożliwia stronom internetowym asynchroniczne przesyłanie danych do serwera i od serwera bez konieczności przeładowywania całej strony. Dzięki temu możemy tworzyć bardziej dynamiczne i responsywne aplikacje webowe. W tej lekcji przedstawimy, jak korzystać z AJAX w JavaScript, używając do tego celu XMLHttpRequest oraz fetch API.
Wykrywanie, czy użytkownik korzysta z przeglądarki mobilnej, jest kluczowym elementem tworzenia responsywnych i interaktywnych stron internetowych. Pozwala to na dostosowanie treści, funkcjonalności i interfejsu użytkownika do mniejszych ekranów i specyficznych warunków urządzeń mobilnych. W tej lekcji omówimy, jak można wykryć przeglądarkę mobilną za pomocą JavaScript.
W programowaniu webowym, szczególnie podczas tworzenia responsywnych interfejsów użytkownika, często pojawia się potrzeba uzyskania aktualnych rozmiarów okna przeglądarki. Pozwala to na odpowiednie dostosowanie zawartości strony do rozmiaru okna, co jest kluczowe dla zapewnienia dobrej użyteczności i estetyki strony. JavaScript oferuje kilka sposobów na uzyskanie tych wymiarów.
Instrukcja debugger w JavaScript jest potężnym narzędziem używanym do debugowania kodu. Pozwala programistom na zatrzymanie wykonania kodu w określonym miejscu, co umożliwia dokładne przeanalizowanie stanu aplikacji w danym momencie. Działa w połączeniu z narzędziami deweloperskimi przeglądarki, automatycznie aktywując zakładkę debuggera i zatrzymując wykonanie kodu, co pozwala na inspekcję zmiennych, stosu wywołań i przejście przez kod
JavaScript jest jednym z najpopularniejszych języków programowania na świecie, szeroko stosowanym do tworzenia interaktywnych stron internetowych. Od momentu powstania w 1995 roku, JavaScript przeszedł długą drogę, ewoluując z prostego języka skryptowego do potężnego narzędzia używanego zarówno po stronie klienta, jak i serwera. Jednym z kluczowych pytań, które często pojawiają się w kontekście nauki i używania
Web Workery w JavaScript oferują potężne możliwości do uruchamiania skryptów w tle, bez zakłócania interfejsu użytkownika. Pozwalają na wykonywanie zadań, które wymagają intensywnych obliczeń, w oddzielnym wątku, co może znacznie poprawić wydajność aplikacji webowych. Jednakże, pomimo wielu zalet, Web Workery posiadają pewne ograniczenia, szczególnie w kontekście interakcji z Document Object Model (DOM). W tym artykule
Web Storage to funkcja przeglądarki internetowej, która umożliwia stronom internetowym przechowywanie danych lokalnie na urządzeniu użytkownika. Jest to mechanizm używany do przechowywania par klucz-wartość i jest bardziej zaawansowany niż tradycyjne ciasteczka (cookies), oferując większą pojemność przechowywania oraz lepsze mechanizmy bezpieczeństwa. Web Storage obejmuje dwa główne rodzaje magazynowania: localStorage i sessionStorage.
Kontynuując poprzedni w wpis będący wstępem do prototypów zobaczmy co się stanie przy skasowanie przesłonięcia pola z prototype. Oczywiście przywróci poprzednią wartość: function Thing(name) { this.name = name; } Thing.prototype.weight = 50; let telephone = new Thing("phone"); console.log( telephone.weight );// 50 z prototypu telephone.weight = 3; // przesłonięcie weight z prototypu console.log( telephone.weight ); //
Javascript nie ma klas jak inne języki programowania, ale ma prototypy, które umożliwiają dziedziczenie. Zamiast dziedziczenia na bazie klas mamy dziedziczenie prototypowe. Dziedziczenie to współdzielenie pewnych funkcjonalności np. metod z innych obiektów. Wszystko w JavaScript oprócz typów prostych jest obiektem, nawet funkcje. Każda funkcja posiada również metody np. call oraz apply oraz właściwość prototype. Domyślnie
Problem z domknięciami może pojawić się, gdy zapomnimy, że closures pamięta referencję do zmiennej, a nie jej wartość, gdy korzystamy z var np. w pętli for. Poniższa pętla ta przekaże funkcję do wywołania po pół sekundy za pomocą setTimeout, gdzie w środku wywołana zostanie console.log() z wartością zmiennej i, trzykrotnie. for(var i = 0; i
JavaScript jest językiem programowania, który wykorzystuje obiekty do przechowywania i manipulowania danymi. Obiekty w JavaScript są dynamiczne, co oznacza, że można dodawać, modyfikować i usuwać ich właściwości w trakcie działania programu. JavaScript oferuje szereg wbudowanych metod, które pozwalają na łatwe zarządzanie obiektami. W tej lekcji skupimy się na najważniejszych metodach obiektów dostępnych w JavaScript.
Domknięcie jest to zasięg stworzony przez funkcję wraz z otaczającym ją środowiskiem czyli zmiennymi oraz innymi funkcjami, które oddzielone są razem od reszty kodu. let b = 99; // zmienna globalna b function foo() { let b = 10; // osobna zmienna lokalna b console.log("b:" + b); // odwołanie się do b lokalnego } foo();
W programowaniu, pojęcia mutowalności (zmienności) i niemutowalności (niezmienności) odnoszą się do zdolności obiektu do zmiany swojego stanu lub treści po jego utworzeniu. JavaScript, jako język programowania, posiada typy mutowalne i niemutowalne, co ma znaczący wpływ na sposób pracy z danymi w aplikacjach.
Gettery i settery to funkcje używane w programowaniu obiektowym do bezpiecznego dostępu i modyfikacji właściwości obiektu. W JavaScript, te metody umożliwiają kontrolę nad tym, jak wartości są pobierane i ustawiane, co może pomóc w zapewnieniu poprawności danych i w enkapsulacji.