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.
Jak zrobić dobry code review?
Podczas tworzenia oprogramowania, nie ważne czy strony internetowej, aplikacji, ważnym elementem jest dobry code review. Wprowadzenie dobrych praktyk od początku cyklu życia danego oprogramowania z pewnością ułatwi i przyspieszy pracę.
Pseudo selektor :has()
Bardzo niedawno temu, nastał dzień, w którym to pierwsza przeglądarka uruchomiła wsparcie dla pseudo selektora :has() w CSS. Jest to o tyle ważna informacja, ponieważ czekaliśmy na to już od jakiegoś czasu. W skrócie: pseudo selektor :has() wybiera rodzica danego elementu.
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.
Łą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.
Safari Technology Preview 121 – nowości
Apple tworzy swoją przeglądarkę Safari Technology Preview w celu szybszego wprowadzania poprawek, zmian i nowości do głównej gałęzi Safari oraz usprawnienia dla deweloperów. We wpisach tego typu chciałbym zawierać istotnie zmiany/poprawki z mojego punktu widzenia, które będą przydatne w pracy typowo frontendowej.
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.
Porównanie czasu w JavaScript
Dawno nic nie pisałem, więc dzisiaj postanowiłem, że będzie krótki poradnik. Chciałbym dzisiaj opisać temat zarządzania czasem, a konkretniej, sprawdzić czy obecna godzina jest z podanego przedziału. Można to wykorzystać np. do pokazania na stronie czy sklep jest jeszcze otwarty. Zaczynamy.
Wyrażenia regularne w JavaScript
Podczas tworzenia strony internetowej zdarza się, że potrzebujemy sprawdzić dane wprowadzone przez użytkownika lub wyszukać element spośród wielu dostępnych. Wtedy z pomocą przychodzą nam wyrażenia regularne. Dzisiaj postaram się przedstawić możliwie zwięźle przydatne wyrażenia regularne, które można wykorzystać podczas walidacji danych przesyłanych od użytkownika poprzez formularz.
Templatki JS bez użycia jQuery
Framework jQuery zakorzenił się tak bardzo w środowisku deweloperów www, że wielu z nich „automatycznie” dodaje go do swoich projektów. Od pewnego czasu w swoich projektach, tam gdzie nie jest to konieczne, nie używam jQuery. Dzisiaj przedstawię wam jak używać templatek bez użycia frameworka jQuery.
Porównanie funkcji querySelector, getElementById i getElementsByClassName
Tworząc strony internetowe „od strony frontowej” zastanawialiście się kiedyś nad wydajnością waszych witryn? Otóż ma to duży wpływ na szybkość generowania strony, podobnie jak optymalny skrypt po stronie serwerowej. Wydajność dzisiejszych aplikacji webowych jest niezwykle istotna ze względu na ogromną popularność wszelkiej maści urządzeń mobilnych.