Love Coding
Blog o programowaniu, błędach w kodzie, debugowaniu i refaktoryzacji
function deploySafely()
if (isFriday()) {
console.warn(„Do not touch production.”);
return;
}
deploy();
}
Kod jest jak dowcip. Jeśli musisz go wyjaśniać, jest kiepski
Praktyczny kod
Pigułka wiedzy
Optional Chaining: The Safe Way to Access Data
You can avoid „Cannot read property of undefined” errors by using optional chaining, which safely checks whether a value exists before accessing its properties.
const city = user?.profile?.address?.city ?? "Unknown";
Optional chaining lets you navigate deeply nested objects without writing multiple defensive checks – clean, safe, and modern.
Write Cleaner Code with Guard Clauses
Instead of writing nested if statements, you can use guard clauses – early-return checks that immediately stop the function when the input is invalid. This makes your code cleaner, easier to read, and much easier to maintain.
function processString(value) {
if (typeof value !== 'string') return null;
if (value.length <= 3) return null;
return value.toUpperCase();
}
Keep Only What You Need with .filter()
You can use .filter() to instantly remove unwanted items from an array while keeping the original array unchanged.
const positives = numbers.filter(n => n > 0);
.filter() returns a new array – perfect for cleanup, searches, and simple validations.
Kategorie
CSS
Porady i techniki stylizacji, które pomogą tworzyć piękne i responsywne strony
4 postsHTML
Dobre praktyki pisania czystego, semantycznego i dostępnego kodu
16 postsJavaScript
Nowoczesne wskazówki i poradniki do tworzenia dynamicznych stron
3 postsLinux
Przewodniki dla programistów, którzy chcą opanować Linuxa i terminal
4 postsMindset programisty
Rozwój sposobu myślenia, koncentracji i umiejętności rozwiązywania problemów
7 postsNarzędzia Front-end Developera
Narzędzia Front-end Developera
1 postPHP
Praktyczne porady do tworzenia wydajnych i bezpiecznych aplikacji webowych
13 postsPrzykładowe projekty juniora
Przykładowe projekty, jakie może napisać junior Front-end Developer w ramach nauki i do portfolio.
8 postsReact
Budowa szybkich komponentów wielokrotnego użytku
12 postsReact Native
Poradniki do tworzenia aplikacji mobilnych na wiele platform z React Native
Blog
Najnowsze posty
Jak wygenerować klucze SSH na Windows?
SSH (Secure Shell) wykorzystuje kryptografię asymetryczną, czyli mechanizm oparty na dwóch powiązanych ze sobą kluczach: publicznym i prywatnym. Każdy z…
Jak zalogować się do serwera używając klucza SSH?
Aby zalogować się do serwera z użyciem klucza SSH potrzebujesz oczywiście: pary kluczy SSH. Jak wygenerować takie klucze dowiesz się…
Generowanie kluczy SSH Linux, Mac
SSH co to właściwie jest? SSH (Secure Socket Shell) – to protokół sieciowy umożliwiający bezpieczne nawiązanie połączenia ze zdalnym serwerem…
Czym są i do czego służą atrybuty data- w HTML?
Atrybuty data- w HTML – co to jest i do czego służą? Pisząc stronę internetową w HTML, często potrzebujemy gdzieś…
Delegacja i propagacja zdarzeń w JavaScript
1. Propagacja zdarzeń Propagacja zdarzeń to sposób, w jaki zdarzenia poruszają się w drzewie DOM. Wyróżniamy dwa kierunki propagacji: Przykład…
Destrukturyzacja obiektów w JavaScript
Destrukturyzacja obiektów (Object Destructuring) to składnia w JavaScript, która umożliwia wyciąganie wartości z obiektów i przypisywanie ich do zmiennych w…
Kategoria
JavaScript
Niekończąca się galeria zdjęć – infinite scroll gallery, z jQuery
Niekończąca się galeria zdjęć to zadanie proste i trudne jednocześnie. Wszystko zależy od tego,w jaki sposób chcemy ją wyświetlać. Na…
Co to jest hoisting w javascript?
Każdy junior front-end developer powinien wiedzieć, czym jest hoisting. Zagadnienie to można dosyć łatwo zrozumieć, więc jeśli ktoś jeszcze o…
Jak sprawdzić czy string zawiera substring w javascript
W zależności od tego, co chcesz aktualnie osiągnąć, do sprawdzenia czy string zawiera substring możesz użyć kilku rozwiązań:
Kategoria
Narzędzia Front-end Developera
Kategoria
Linux
Kategoria
CSS
Skalowanie obrazka do diva
Czasem chcemy, aby zdjęcie na stronie zmniejszało się wraz ze zmniejszającą się wielkością ekranu. Można to łatwo osiągnąć stosując krótki…
Jak ustawić div-a na 100% wysokości okna?
Tworząc strony internetowe zdarza się, że chcemy, aby div z określonymi informacjami zajmował całą wysokość okna, niezależnie od wysokości tego…
Jak wycentrować text i div-a w poziomie i pionie używając css
Problem centrowania diva lub tekstu jest dość powszechny i sama niejednokrotnie musiałam poświęcić na jego „naprawienie” więcej czasu niż bym…