JavaScript

JavaScript

Jaka jest różnica między programowaniem asynchronicznym a synchronicznym w JavaScript?

Programowanie asynchroniczne i synchroniczne to dwa podejścia do wykonania kodu, które mają fundamentalne znaczenie dla zachowania aplikacji JavaScript. W kontekście JavaScript, synchroniczność odnosi się do wykonywania kodu w kolejności, linia po linii, natomiast asynchroniczność pozwala na przesunięcie czasowe niektórych operacji, takich jak pobieranie danych z sieci, co pozwala na kontynuowanie działania programu bez czekania na […]

JavaScript React

ECMAScript 2015 – ES6

    Aby rozpocząć pracę z React musimy dobrze znać składnię ECMAScript 6 zwanej też ES6 czy ECMAScript 2015, która przynosi wiele rozwiązań dzięki którym JavaScript staje się nowoczesnym językiem. Co więcej w pracy z React nie musimy się przejmować starszymi przeglądarkami. Kompilator Babel przy generowaniu gotowego projektu automatycznie przetworzy kod, który będzie kompatybilny z starszymi

JavaScript

SWAPI – api dla miłośników Star Wars

Ostatnio poszukując jakiegoś ciekawego api znalazłem SWAPI czyli Star Wars API. Trzeba przyznać że ilość zgromadzonych w bazie informacji jest wręcz przeogromna. Zobaczmy kilka przykładów: function findPeople(str) { fetch("https://swapi.dev/api/people/?search=" + str) .then((response) => response.json()) .then((data) => console.log(data)); } Rezultat w JSON: { "count":1, "next":null, "previous":null, "results":[ { "name":"Boba Fett", "height":"183", "mass":"78.2", "hair_color":"black", "skin_color":"fair", "eye_color":"brown", "birth_year":"31.5BBY",

JavaScript

Czym jest npm w JavaScript?

npm, co oznacza Node Package Manager, jest systemem zarządzania pakietami dla języka programowania JavaScript. Jest to narzędzie używane przez programistów do publikowania, odkrywania, instalowania oraz rozwijania pakietów oprogramowania w ekosystemie Node.js. npm pozwala na łatwe zarządzanie zależnościami w projektach JavaScriptowych, automatyzując procesy takie jak instalacja, aktualizacja czy konfiguracja używanych bibliotek i narzędzi. Dzięki npm, programiści

JavaScript

Wzorzec konstrukcyjny Builder w JavaScript

Builder jest to elastyczny wzorzec mający na celu budowanie skomplikowanych obiektów, krok po kroku co upraszcza cały proces. Wszelkie detale tworzenia obiektu są ukryte przed klientem. Poniżej przykład budowy zadania: function TaskBuilder() { let name, description, isDone; return { setName: function(name) { this.name = name; return this; }, setDescription: function(description) { this.description = description; return

JavaScript

Wzorzec projektowy Fabryka w JavaScript

Fabryki mają na celu tworzenie nowych instancji obiektów. Ich główną zaletą jest prostota ich użycia przez developera, nie musi znać nazw obiektów, które chce powołać do życia. Wszelka logika związana z powstaniem oraz inicjalizacją instancji pozostaje w fabryce, co jest  dużą zaletą jeśli jest to złożony proces np zależny od specyficznej konfiguracji aplikacji. Nie jest

JavaScript

Dlaczego warto używać toISOString() w JavaScript?

W pracy z datami i czasem w JavaScript, często napotykamy na potrzebę standaryzacji formatu, aby ułatwić wymianę danych z serwerem lub zapisywanie dat w bazie danych. Jednym z rozwiązań, które pomaga osiągnąć tę standaryzację, jest metoda toISOString(). Ta metoda konwertuje obiekt daty (Date) na ciąg znaków w formacie ISO 8601, który jest dobrze rozpoznawany i

JavaScript

Do czego służy localeCompare w JavaScript?

Metoda localeCompare() w JavaScript jest potężnym narzędziem do porównywania stringów (ciągów znaków) z uwzględnieniem lokalizacji użytkownika. Pozwala ona na sortowanie i porównywanie stringów w sposób, który jest zgodny z zasadami językowymi danego regionu, co jest szczególnie przydatne w aplikacjach międzynarodowych. Dzięki localeCompare(), możemy łatwo sortować dane tekstowe w różnych językach.

JavaScript

Jak korzystać z operatora delete w JavaScript?

Operator delete w JavaScript jest używany do usuwania właściwości z obiektu. Jego działanie jest dość proste i bezpośrednie, ale istnieje kilka subtelności, o których warto wiedzieć. Operator ten może być bardzo przydatny w różnych scenariuszach, np. gdy potrzebujemy dynamicznie modyfikować zawartość obiektów w naszej aplikacji. W tej lekcji przyjrzymy się, jak używać operatora delete na

JavaScript

Big O Notation w JavaScript

Notacja Big O jest terminem używanym w informatyce do opisu złożoności algorytmów. Pozwala ona określić, jak szybko rośnie czas wykonania algorytmu lub zajętość pamięci w zależności od wielkości danych wejściowych. W kontekście JavaScript, rozumienie notacji Big O pomaga w tworzeniu bardziej efektywnego kodu, szczególnie ważnego przy pracy z dużymi zbiorami danych lub w środowiskach, gdzie

JavaScript

Czym jest funkcja zwrotna (callback) w JavaScript?

Funkcje zwrotne (callbacki) są fundamentem asynchronicznego programowania w JavaScript. Umożliwiają one opóźnienie wykonywania kodu do momentu, aż pewne warunki zostaną spełnione, co jest szczególnie przydatne w operacjach, które wymagają oczekiwania, takich jak żądania sieciowe, czytanie plików czy operacje na timerach. Funkcje te przekazywane są jako argumenty do innych funkcji i wykonane w odpowiednim momencie, co

JavaScript

Czym jest Object.isExtensible() w JavaScript?

W JavaScript, obiekty są dynamiczne, co oznacza, że można do nich dodawać, modyfikować lub usuwać ich właściwości w trakcie działania programu. Jednakże, w niektórych przypadkach, może zaistnieć potrzeba zamrożenia obiektu, aby zapobiec dalszym zmianom. Tutaj z pomocą przychodzi metoda Object.isExtensible(), która pozwala sprawdzić, czy do obiektu mogą być dodawane nowe właściwości.

JavaScript

Jak prawidłowo zatrzymać propagację zdarzenia w JavaScript?

W świecie JavaScript, zdarzenia są podstawowym sposobem interakcji użytkownika z aplikacją. Często zdarza się, że zdarzenia są zagnieżdżone – na przykład kliknięcie przycisku umieszczonego wewnątrz diva. Domyślnie, zdarzenie będzie “bąblować” w górę przez drzewo DOM, od elementu najbardziej zagnieżdżonego, do korzenia dokumentu. W niektórych przypadkach, chcielibyśmy zatrzymać tę propagację, aby zdarzenie nie było obsługiwane przez

JavaScript

Jak poprawnie korzystać z metody splice() w JavaScript

Metoda splice() w JavaScript jest potężnym narzędziem do manipulacji tablicami, umożliwiającym dodawanie, usuwanie i zastępowanie elementów tablicy w miejscu. Dzięki splice(), można dynamicznie modyfikować zawartość tablic bez konieczności tworzenia nowych tablic, co jest szczególnie przydatne w dynamicznych aplikacjach internetowych. Jak działa splice() Metoda splice() może być używana na trzy główne sposoby: Usuwanie elementów z tablicy

JavaScript

Wzorzec konstrukcyjny Singleton w JavaScript

Jest to wzorzec ograniczający utworzenie tylko jednej instancji obiektu. Raz stworzona instancja już zawsze będzie zwracana jako referencja np. przy próbie stworzenia kolejnej. Zwykle stosuje się singleton przy: – obiektach konfiguracyjnych, będących zbiorem podstawowych danych dla całej aplikacji – połączeniach np z bazą danych, zwykle jedno jest wystarczające – zapisywania logów z aplikacji, jedna instancja

Scroll to Top