Infinite scroll, czyli nieskończone przewijanie, to technika web designu, która pozwala na ładowanie zawartości strony dynamicznie podczas przewijania. Zamiast tradycyjnych stron podzielonych na sekcje z przyciskami „następna” i „poprzednia”, infinite scroll ładuje nowe treści bez przerwy, gdy użytkownik zbliża się do końca aktualnie wyświetlanej strony.
Blog - JavaScript
IntersectionObserver(), czyli co widzimy na ekranie
IntersectionObserver pozwala na monitorowanie, kiedy element wchodzi i wychodzi z widoku użytkownika. W praktyce oznacza to, że możemy efektywnie zarządzać ładowaniem zasobów, takich jak obrazy czy filmy, a także implementować różnorodne interakcje, które reagują na pozycję elementów w oknie przeglądarki.
Konwersja zmiennej na wartość numeryczną w JavaScript
JavaScript, będący jednym z najpopularniejszych języków programowania używanych w tworzeniu stron internetowych, oferuje różne metody konwersji danych. Jedną z najczęściej stosowanych technik jest wykorzystanie operatora + do przekształcania zmiennych na wartości numeryczne.
Metody sumowania wartości w tablicy w JavaScript
W JavaScript istnieje wiele sposobów sumowania wartości znajdujących się w tablicy. Operacje na tablicach są powszechne w programowaniu i mogą obejmować sumowanie elementów, obliczanie różnych statystyk, wykonywanie operacji matematycznych i wiele innych.
Web komponenty – przykłady
Web komponenty stanowią nową i innowacyjną technologię w świecie programowania internetowego, pozwalając na tworzenie hermetycznych, odizolowanych komponentów interfejsu użytkownika, które można wielokrotnie używać w różnych projektach webowych.
Interpolacja stringów, czyli łączenie tekstu ze zmiennymi
Template literals, czyli interpolacja stringów to potężna funkcjonalność wprowadzona w ECMAScript 2015 (ES6). Umożliwia nam tworzenie bardziej czytelnych i elastycznych ciągów znaków w JavaScript.
Web komponenty – przyszłość w JavaScript?
Web komponenty są zestawem technologii, które pozwalają na tworzenie własnych, niestandardowych elementów HTML, które można używać wielokrotnie w dowolnym projekcie internetowym. Składają się z trzech głównych części: Shadow DOM, HTML Templates, oraz Custom Elements.
Zmienne w JavaScript
Deklarowanie zmiennych w JavaScript odbywa się za pomocą trzech słów kluczowych: var, let i const. Każde z tych słów ma swoje zastosowanie i różni się w zakresie, w jakim można używać zadeklarowanych zmiennych.
Bezpieczeństwo w kodzie JavaScript?
Bezpieczeństwo kodu JavaScript to zasady takie jak autoryzacja i uwierzytelnianie, a także skuteczne mechanizmy szyfrowania danych.
Package.json – co to jest i z czego się składa?
Plik package.json jest podstawą systemu Node.js, który zawiera kompletne informacje na temat projektu. Od nazwy projektu, przez warunki licencyjne, aż po użyte pakiety potrzebne do zbudowania działającej wersji projektu.
Filtrowanie danych w JS
Tworząc sklep internetowy z dużą ilością produktów potrzebujemy stworzyć sprawny mechanizm filtrowania danych, aby umożliwić klientowi odnalezienie pożądanego produktu. Zatem dzisiaj przygotujemy filtry danych i obsłużymy je w JavaScript, aby wyświetlić dane produkty.
Łączenie tabel w JavaScript
Tablica (także w JavaScript) to struktura danych reprezentująca uporządkowany zbiór indeksowanych elementów. Łączenie tabel w JavaScript to jedna z podstawowych operacji na danych. Często zdarza się, iż potrzebujemy połączyć dwie lub więcej zestawów danych w jedną zbiorczą tabelę. Z pomocą przychodzą nam co najmniej trzy metody.
Pobieranie i wysyłanie danych w JS – metoda fetch()
Tworzenie stron internetowych wymaga danych, które zaprezentujemy na stronie. Potrzebujemy je pobrać z API REST’owego, bądź będzie nam dostarczone w formie zmiennych, np. do TWIG’a. Dzisiaj skupię się na pierwszej formie dostarczenia danych, czyli pobieranie i wysyłaniu danych asynchronicznie metodą fetch() w JavaScript.
Sortowanie liczb w JavaScript
Jaka jest podstawowa metoda w JavaScript do sortowania? Oczywiście – metoda sort(), jednak nie do końca. Metoda ta sortuje poprawnie elementy alfabetyczne, ale nie liczbowe. Zaraz wyjaśnię na przykładach jak to działa i jak to zrobić poprawnie.
4 najważniejsze metody w JavaScript
Tablice są jednym z najważniejszych elementów w każdym języku programowania. Używa się ich powszechnie, na co dzień, w każdym rodzaju projektu. Dzisiaj chciałbym przedstawić 4 najważniejsze metody w JavaScript, takie jak filter() czy map(), które usprawnią pracę i obróbkę danych w każdym projekcie.
Usuwanie spójników z końca linii
Przyjęło się, że pisząc dłuższy tekst porządkuje się go w taki sposób, aby na końcu każdej linii nie zostawały pojedyncze spójniki, np. „z,a,i,u,o,w”, oraz przyimki, np. „do, za, na, tu”. Do tego celu używa się tzw. „twardej spacji”, a w świecie webdev . W związku z tym, że przy tworzeniu stron również ta zasada obowiązuje, dzisiaj przestawię sprawdzony sposób, a właściwie krótki kod JavaScript, który (mówiąc w skrócie) usunie nam spójniki z końca linii i przeniesie je do następnej linii.