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.
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.
Tworzymy layout bloga
W internecie można znaleźć przeróżne, gotowe szablony do niemal każdego rodzaju stron internetowych. Co w przypadku chęci stworzenia strony według własnego pomysłu? Tworzenie stron internetowych wymaga nie tylko umiejętności technicznych, ale także zmysłu artystycznego.
Dodanie unikalnych elementów do tablicy
Lista elementów na stronie wymaga niekiedy przechowywania ich w tablicy z racji ilości danych. Może oczywiście zdarzyć się tak, że elementy będą się powtarzać, lub użytkownik będzie miał możliwość dodawania własnych.
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.
Liczebność elementów w tablicy
Zdarza się na stronie, że potrzebujemy policzyć elementy lub wystąpienia elementu w danym zbiorze danych. Z pomocą przychodzi tutaj funkcja reduce(), i to ją wykorzystamy do określenia liczebności.
Detekcja CapsLock w JS
Formularze na stronie internetowej czasem potrafią nieźle namieszać w danych od użytkownika. To za sprawą przypadkowo, lub nie, wciśniętego klawisza „caps lock”. Jak się przed tym zabezpieczyć?
Sprawdzenie połączenia z internetem
Serię szybkich wpisów zaczynam od banalnego skryptu w JavaScript sprawdzającego połączenie z internetem.