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.
Alternatywa dla npm link – Yalc
Yalc umożliwia publikację zmian w bibliotece lokalnej oraz automatyczne dystrybuowanie aktualizacji do zainstalowanych kopii, co jest znacznie wygodniejsze niż manualne zarządzanie pakietami.
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.
Trendy frontend na 2024 rok
W 2024 roku tworzenie stron internetowych będzie nadal dynamicznie rozwijającą się dziedziną, a programiści będą musieli dostosować się do pojawiających się trendów, aby pozostać na czele. W tym artykule omówimy kilka najważniejszych trendów w tworzeniu stron internetowych na rok 2024, z naciskiem na trendy frontend.
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.
Responsywna strona – czyli jaka?
Responsywna strona internetowa to strona, która jest zaprojektowana w taki sposób, aby dostosowywać się do różnych rozmiarów ekranów.
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.
Jak sprawdzić, czy strona się załadowała?
W momencie gotowości strony inicjowany jest event „load”, a właściwość readyState otrzymuje wartość „complete”.