CSS

background-attachment w CSS3

Właściwość background-attachment w CSS3 określa, czy tło obiektu jest stałe (fixed), czy przewija się razem z resztą strony (scroll). To potężne narzędzie pozwala twórcom stron na tworzenie bardziej dynamicznych i angażujących layoutów, szczególnie przy wykorzystaniu dużych, pełnoekranowych obrazów tła lub efektu paralaksy.

JavaScript

Prototypy w JavaScript – wstęp

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

JavaScript

Problem z domknięciami w JS z var

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

Najważniejsze metody Object w JavaScript

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.

JavaScript

Czym są domknięcia 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();

JavaScript

Mutowalność i niemutowalność w JavaScript

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.

JavaScript

Obserwator – wzorzec w JavaScript

Wzorzec opisuje obiekt (nazywany Subject lub Observable), który informuje inne obiekty o zmianie swojego stanu, dzięki czemu subskrybenci mogą zareagować na wszelkie zmiany. Wyobraźmy sobie, że mamy portal z ogłoszeniami o pracę: function JobPortal() { this.observers = []; this.subscribe = function(observer) { this.observers.push(observer); } this.unsubscribe = function(observer) { var index = this.observers.findIndex( el => el

JavaScript

Czym jest Unary function w JavaScript

Funkcje jednoargumentowe, znane jako unary functions, to funkcje, które przyjmują dokładnie jeden argument. W JavaScript, takie funkcje są często wykorzystywane w różnych kontekstach, takich jak operacje na tablicach, przekształcenia danych czy programowanie funkcyjne. Zrozumienie, jak tworzyć i używać funkcji jednoargumentowych, jest kluczowe dla efektywnego programowania w JavaScript.

JavaScript

Różnice między setInterval a setTimeout w JavaScript

W JavaScript, zarówno setInterval jak i setTimeout są wbudowanymi funkcjami czasowymi, które pozwalają na wykonanie kodu po określonym czasie. Choć na pierwszy rzut oka mogą wydawać się podobne, służą do różnych celów i działają w odmienny sposób. Rozumienie różnic między tymi funkcjami jest kluczowe dla efektywnego zarządzania czasem i zdarzeniami w aplikacjach JavaScript.

JavaScript

Mediator – wzorzec projektowy w JavaScript

Mediator to centralny węzeł komunikacyjny w programie zarządzający przesyłaniem wiadomości w rozproszonym systemie. Zainteresowane obiekty wiedzą o mediatorze, ale o sobie nawzajem już nie. Mediator zdejmuje odpowiedzialność za komunikację między obiektami dostarczając interfejs do wysyłki oraz odbioru wiadomości. Kod staje się dzięki mediatorowi czytelniejszy, ale jeśli zawiedzie przestaną działać elementy aplikacji, które z niego korzystają.

JavaScript

Czym jest clean function w JavaScript?

W programowaniu, zwłaszcza w JavaScript, termin “clean function” (czysta funkcja) odnosi się do funkcji, która spełnia dwa główne kryteria: nie posiada efektów ubocznych (nie zmienia stanu zewnętrznego) i zwraca wartość, która jest wyłącznie zależna od jej argumentów. Czyste funkcje są podstawowym elementem programowania funkcyjnego, pomagając w tworzeniu bardziej przewidywalnego i łatwiejszego do testowania kodu.

JavaScript

Czy trzeba kończyć średnikiem instrukcje w JavaScript?

W JavaScript średnik (;) jest używany do oddzielania instrukcji od siebie, co pozwala interpreterowi na jednoznaczne zrozumienie, gdzie kończy się jedna instrukcja, a zaczyna kolejna. Jednak JavaScript jest również znany z mechanizmu automatycznego wstawiania średników (Automatic Semicolon Insertion, ASI), który może wprowadzać pewne zamieszanie wśród programistów. W tej lekcji przyjrzymy się, kiedy średniki są wymagane,

JavaScript

Jak korzystać z wyrażeń regularnych w JavaScript?

Wyrażenia regularne (regex) to potężne narzędzie do przeszukiwania i manipulowania tekstami. JavaScript, jako jeden z najpopularniejszych języków programowania, oferuje bogate wsparcie dla wyrażeń regularnych, pozwalając na efektywne przetwarzanie ciągów znaków.

JavaScript

Dekorator – wzorzec projektowy w JavaScript

Dekorator jest jednym z popularniejszych wzorców projektowych, pozwala na dynamiczną zmianę zachowania aplikacji, rozszerza jej możliwości dekorując obiekty nowymi właściwościami. Javascript to dynamiczny język, więc z łatwością możemy rozszerzać właściwości obiektów co czasem jest łatwiejsze niż pisanie wielu konstruktorów dla każdego potencjalnego przypadku. Zobaczmy przykład: function User(name, addr) { this.name = name; this.addr = addr;

Scroll to Top