JavaScript

Tutoriale JavaScript

Delegacja i propagacja zdarzeń w JavaScript

1. Propagacja zdarzeń Propagacja zdarzeń to sposób, w jaki zdarzenia poruszają się w drzewie DOM. Wyróżniamy dwa kierunki propagacji: Przykład propagacji zdarzeń Załóżmy, że mamy następujący HTML: I dodajemy dwa nasłuchiwacze: Jeśli klikniesz #child, zobaczysz w konsoli: Dzieje się tak, bo zdarzenie bąbelkuje (przechodzi od dziecka do rodzica). Zatrzymanie propagacji zdarzeń Jeśli nie chcemy, aby […]

Czytaj więcej

Destrukturyzacja obiektów w JavaScript

Destrukturyzacja obiektów (Object Destructuring) to składnia w JavaScript, która umożliwia wyciąganie wartości z obiektów i przypisywanie ich do zmiennych w prosty sposób. Dzięki temu możemy łatwo uzyskać dostęp do danych przechowywanych w obiektach, bez konieczności odwoływania się do właściwości obiektu za każdym razem.

Czytaj więcej

Multislider w jQuery – kilka slajderów na jednej stronie

Jeśli czytasz ten post, zapewne masz problem z umieszczeniem kilku slajderów na jednej stronie w taki sposób, by działały poprawnie. Skorzystaj z mojego rozwiązania – prosty slajder w jQuery, który możesz umieszczać na stronie tyle razy, ile zechcesz, bez obaw, że przewijanie slajdów w jednym slajderze wpłynie na pozostałe.

Czytaj więcej

Co to jest hoisting w javascript?

Każdy junior front-end developer powinien wiedzieć, czym jest hoisting. Zagadnienie to można dosyć łatwo zrozumieć, więc jeśli ktoś jeszcze o nim nie słyszał, może szybko nadrobić zaległości:

Czytaj więcej

Jak skopiować tablicę w javascript?

Mamy tablicę [„javascript”, „jest”, „fajny”, 1, 2, 3]. Zobaczmy co się stanie, jeśli będziemy chcieli ją skopiować i przypisać do zmiennej, a następnie zmodyfikować tę skopiowaną tablicę:

Czytaj więcej

Jak posortować tablicę liczb w javascript?

Sprtując tablicę z liczbami i używając do tego wbudowanej w javascript funkcji sort() na pewno zauważysz, że standardowo sortowanie nie przebiega od najmniejszej do największej liczby, lecz alfabetycznie.

Czytaj więcej

Jak zapisać dane w localStorage?

Czasem zdarza się, że potrzebujemy zapamiętać pewne informacje odnoszące się do konkretnego użytkownika, aby móc je później ponownie wykorzystać w naszej aplikacji. Niekoniecznie trzeba te dane od razu wysyłać na serwer, wystarczy, że zostaną zapisane lokalnie, w przeglądarce tego użytkownika. Jest to wygodne rozwiązanie, bo nie musimy zapisywać danych w bazie, a przeglądarka ma do […]

Czytaj więcej