خزينة الأكواد السحرية

استكشف أكثر من 200 قطعة برمجية جاهزة. بعض الأكواد المتقدمة متاحة فقط لـ CodeVault Pro.

CSS

تأثير الزجاج (Glassmorphism)

كود CSS كامل لعمل بطاقات شفافة ومبهرة.

background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 16px;

JavaScript

خادم Express بسيط

إنشاء خادم Node.js في ثوانٍ.

const express = require("express");
const app = express();
app.get("/", (req, res) => res.send("Hello World"));
app.listen(3000);

PRO

PHP

PHP: Secure Login

تحقق بسيط وآمن من كلمة المرور.

$hashed_password = password_hash($password, PASSWORD_DEFAULT);
if (password_verify($input_password, $hashed_password)) {
  echo "Login Successful";
} else {
  echo "Invalid Password";
}

محتوى خاص بالمحترفين

PRO

JavaScript

Fetch API Wrapper

دالة بسيطة للتعامل مع API.

async function getData(url) {
  const response = await fetch(url);
  if (!response.ok) throw new Error("Network response was not ok");
  return response.json();
}

محتوى خاص بالمحترفين

PRO

React

React Hook: useLocalStorage

حفظ الحالة في متصفح المستخدم.

function useLocalStorage(key, initialValue) {
  const [val, setVal] = useState(() => {
    const item = window.localStorage.getItem(key);
    return item ? JSON.parse(item) : initialValue;
  });
  return [val, setVal];
}

محتوى خاص بالمحترفين

SQL

SQL: Create User Table

إنشاء جدول مستخدمين احترافي.

CREATE TABLE users (
  id INT PRIMARY KEY AUTO_INCREMENT,
  username VARCHAR(50) UNIQUE NOT NULL,
  email VARCHAR(100) UNIQUE NOT NULL,
  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

PRO

C++

C++: Quick Sort

خوارزمية الترتيب السريع.

void quickSort(int arr[], int left, int right) {
  int i = left, j = right;
  int tmp;
  int pivot = arr[(left + right) / 2];
  while (i <= j) {
    while (arr[i] < pivot) i++;
    while (arr[j] > pivot) j--;
    if (i <= j) {
      tmp = arr[i];
      arr[i] = arr[j];
      arr[j] = tmp;
      i++; j--;
    }
  };
  if (left < j) quickSort(arr, left, j);
  if (i < right) quickSort(arr, i, right);
}

محتوى خاص بالمحترفين

PRO

TypeScript

Next.js: Firebase Auth Hook

هوك كامل لإدارة جلسة المستخدم مع فايربيز.

export function useAuth() {
  const [user, setUser] = useState(null);
  useEffect(() => {
    return auth.onAuthStateChanged(setUser);
  }, []);
  return user;
}

محتوى خاص بالمحترفين