البدء مع ScreenLaps

مرحبًا بك في مدونة ScreenLaps! هذا المقال الأول هو أيضًا جولة في محرك المدونة نفسه — كل عنوان وقائمة وكتلة برمجية وصورة أدناه موجودة لإظهار ميزة حقيقية من ميزات معالج الماركداون الذي يشغّل هذه الصفحة، وليس فقط لملء المساحة.

#لماذا ScreenLaps

يجمع ScreenLaps بين إضافة متصفح خفيفة ولوحة تحكم سحابية مبنية على Laravel، بحيث تكون كل لقطة شاشة وتسجيل تلتقطه منظمة وقابلة للبحث والمشاركة من مكان واحد. إذا راودتك أي أسئلة في الطريق، فإن صفحة التواصل هي أسرع طريقة للوصول إلى الفريق.

"أفضل أداة لالتقاط الشاشة هي تلك التي تنسى أنها ما زالت تعمل في الخلفية." — كل مستخدم لـ ScreenLaps، عاجلاً أم آجلاً.

#التقاط أول لقطة شاشة لك

هناك طريقتان لإضافة الوسائط إلى مكتبتك:

#باستخدام إضافة المتصفح

1. ثبّت الإضافة من متجر متصفحك.
2. انقر على أيقونة ScreenLaps واختر التقاط منطقة، أو الصفحة كاملة، أو تسجيل الشاشة.
3. يتم رفع لقطتك تلقائيًا وتظهر في مكتبة لوحة التحكم خلال ثوانٍ.

#باستخدام السحب والإفلات

• افتح صفحة المكتبة في لوحة التحكم.
• اسحب أي ملف .png أو .jpg أو .webm إلى الصفحة.
• نظّمه داخل مجلد بعد اكتمال الرفع.

#كتل الأكواد وتمييز الصيغة البرمجية

يتم تمييز كل كتلة برمجية في هذه المدونة من جهة الخادم — دون الحاجة إلى أي جافاسكريبت من جهة العميل. هكذا تُبنى تقريبًا إجراءات الخلفية الخاصة بهذا الموقع نفسه:

 1final class ShowBlogPostAction
 2{
 3    public function execute(string $locale, string $slug): array
 4    {
 5        $document = Prezet::getDocumentModelFromSlug("{$locale}/{$slug}");
 6
 7        return [
 8            'document' => Prezet::getDocumentDataFromFile($document->filepath),
 9            'body' => Prezet::parseMarkdown(
10                Prezet::getMarkdown($document->filepath)
11            )->getContent(),
12        ];
13    }
14}

#مكوّنات Blade داخل الماركداون

يلي هذه الفقرة مكوّن Blade حقيقي، تم عرضه من جهة الخادم من داخل ملف الماركداون هذا:

هذه هي الجولة الكاملة — من الفرونت ماتر والوسوم إلى الصور، وتمييز الأكواد، ومكوّنات Blade داخل الماركداون. كتابة سعيدة!