Pobieranie danych z API za pomocą async/await

JS

Wzorzec wysyłania zapytania HTTP GET do REST API w JavaScript z obsługą błędów try/catch.

async function fetchData(url) {
    try {
        const response = await fetch(url);
        if (!response.ok) {
            throw new Error(`Błąd HTTP: ${response.status}`);
        }
        const data = await response.json();
        console.log(data);
        return data;
    } catch (error) {
        console.error("Wystąpił błąd:", error);
    }
}

// Użycie:
fetchData('https://api.github.com/users/octocat');
Otwórz Link ↗ Pokaż

Idealne wyśrodkowanie elementu w CSS

CSS

Krótka ściągawka z najszybszymi sposobami na wyśrodkowanie elementu w pionie i poziomie za pomocą CSS Grid oraz Flexboxa.

/* Sposób 1: CSS Grid (najkrótszy) */
.parent-grid {
    display: grid;
    place-items: center;
    min-height: 100vh;
}

/* Sposób 2: Flexbox */
.parent-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}
Otwórz Link ↗ Pokaż

Prosta obsługa LocalStorage z JSON-em

JS

Funkcje pomocnicze do bezpiecznego zapisywania, odczytywania i usuwania złożonych obiektów oraz tablic w pamięci przeglądarki.

// Obiekt do zapisu
const userSettings = { theme: 'dark', notifications: true };

// Zapisywanie danych (zamiana obiektu na string JSON)
function saveToStorage(key, data) {
    try {
        localStorage.setItem(key, JSON.stringify(data));
        console.log('Zapisano pomyślnie!');
    } catch (error) {
        console.error('Błąd zapisu do localStorage:', error);
    }
}

// Odczytywanie danych (zamiana stringa z powrotem na obiekt)
function getFromStorage(key) {
    const item = localStorage.getItem(key);
    return item ? JSON.parse(item) : null;
}

// Użycie:
saveToStorage('settings', userSettings);
const settings = getFromStorage('settings');
console.log(settings.theme); // wynik: 'dark'
Otwórz Link ↗ Pokaż

Safe PDO Database Connection & Query Template

PHP

Szablon bezpiecznego połączenia z bazą danych MySQL przy użyciu PDO oraz obsługa przygotowywanych zapytań (prepared statements) chroniących przed SQL Injection.

<?php
// Połączenie z bazą danych
$dsn = "mysql:host=localhost;dbname=dev_vault;charset=utf8mb4";
$options = [
    PDO::ATTR_ERRMODE            => PDO::ERRMODE_EXCEPTION,
    PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
    PDO::ATTR_EMULATE_PREPARES   => false,
];

try {
    $pdo = new PDO($dsn, "root", "", $options);
} catch (\PDOException $e) {
    throw new \PDOException($e->getMessage(), (int)$e->getCode());
}

// Przykład bezpiecznego zapytania SELECT
$stmt = $pdo->prepare('SELECT * FROM users WHERE email = :email');
$stmt->execute([':email' => $userEmail]);
$user = $stmt->fetch();
?>
Otwórz Link ↗ Pokaż