# البدء

دوكمنتو - قالب لتوثيق المنتجات الرقمية والواجهات البرمجية

قالب HTML يوفر سلسلة من المكونات الجاهزة واللازمة لتوثيق المنتجات الرقمية وواجهات التطبيق البرمجية APIs على نحو عال من الاحترافية. مبني بمعايير عربية، وموجه للمطورين وأصحاب المنتجات العرب.

عام

الكاتب وصاحب المنتج
عدنان قادري
أنشئ بتاريخ
12/16/2022
حدث بتاريخ
01/01/2023
الاصدار
1.1

لماذا؟

لأن جودة التوثيق من جودة المنتج، وقالب دوكمنتو يجمع بين الاثنين: الجودة كمنتج والجودة كتوثيق.

لمن؟

سواءا كنت تقوم بتطوير منتج رقمي أو ببناء واجهة تطبيقات برمجية فإنك ستحتاج في توثيقهما القالب لاختصار الجهد دون الجودة.

# أكواد


<h1> Hello world </h1>
 console.log('Hello world') 
 echo 'Hello world'; 
#include <stdio.h>
 
int main() {
   printf("Hello world");
   return 0;
}

namespace TawthiqTemplate
{
    class Tawthiq {        
        static void Main(string[] args)
        {
            System.Console.WriteLine("Hello world");
        }
    }
}   

import java.io.*;
 
class GFG {
    public static void main (String[] args) {
       System.out.println("Hello world");
    }
}

# نوافذ منسدلة

أحجام

ضبابية

تموضع

# أكورديون

قياسي
عنوان النافذة
محتوى النافذة
عنوان النافذة
محتوى النافذة
عنوان النافذة
محتوى النافذة
عنوان النافذة
محتوى النافذة
عنوان النافذة
محتوى النافذة
عنوان النافذة
محتوى النافذة
عنوان النافذة
محتوى النافذة
عنوان النافذة
محتوى النافذة

# ننبيهات

قياسي
أيقوني

# نوافذ تبويب

قياسي
نافذة اولى
نافذة ثانية
نافذة ثالثة
نافذة رابعة
محتوى النافذة الاولى
محتوى النافذة الثانية
محتوى النافذة الثالثة
محتوى النافذة الرابعة
مسطر
نافذة اولى
نافذة ثانية
نافذة ثالثة
نافذة رابعة
محتوى النافذة الاولى
محتوى النافذة الثانية
محتوى النافذة الثالثة
محتوى النافذة الرابعة
ممتد
نافذة اولى
نافذة ثانية
نافذة ثالثة
نافذة رابعة
محتوى النافذة الاولى
محتوى النافذة الثانية
محتوى النافذة الثالثة
محتوى النافذة الرابعة
مسطر وممتد
نافذة اولى
نافذة ثانية
نافذة ثالثة
نافذة رابعة
محتوى النافذة الاولى
محتوى النافذة الثانية
محتوى النافذة الثالثة
محتوى النافذة الرابعة

# ترويسات

# ترويسة مستوى أول

# ترويسة مستوى ثان

# ترويسة مستوى ثالث

# ترويسة مستوى رابع

# ترويسة مستوى خامس
# ترويسة مستوى سادس
# ترويسة مستوى خامس

# ترويسة مستوى رابع

# ترويسة مستوى ثالث

# ترويسة مستوى ثان

# ترويسة مستوى أول

# نصوص

تنسيقات

استعمل الكلاس .marked لتمييز اي محتوى من الفقرة هذا مثلا

this text can be considered as deleted text استعمل الكلاس .line-through

استعمل الكلاس .underline لتسطير النصوص

استعمل الكلاس .overline لتسطير النصوص من الأعلى

استعمل الكلاس .font-semibold لتثخين النصوص

استعمل الكلاس .font-bold لتثخين النصوص اكثر

استعمل الكلاس .italic لجعل النصوص مائلة

أحجام

هذا نص صغير الحجم .text-sm

هذا نص كبير الحجم .text-lg

هذا نص أكبر حجما .text-xl

هذا نص اكبر حجما .text-2xl

ألوان

استعمل الكلاس .text-danger للتعبير عن الفشل

استعمل الكلاس .text-success للتعبير عن النجاح

استعمل الكلاس .text-info للاعلام

استعمل الكلاس .text-warning للتنبيه

# اقتباسات

قياسي

جودة التوثيق من جودة المنتج، وقالب دوكمنتو يجمع بين الاثنين: الجودة كمنتج والجودة كتوثيق.

القائل
حدود

جودة التوثيق من جودة المنتج، وقالب دوكمنتو يجمع بين الاثنين: الجودة كمنتج والجودة كتوثيق.

القائل
أيقوني

جودة التوثيق من جودة المنتج، وقالب دوكمنتو يجمع بين الاثنين: الجودة كمنتج والجودة كتوثيق.

القائل

# بطاقات

blog

تقني

دوكمنتو - قالب لتوثيق المنتجات الرقمية والواجهات البرمجية APIs

قالب HTML يوفر سلسلة من المكونات الجاهزة واللازمة لتوثيق المنتجات الرقمية وواجهات التطبيق البرمجية APIs على نحو عال من الاحترافية.

المزيد 1.2K 6
blog

تقني

دوكمنتو - قالب لتوثيق المنتجات الرقمية والواجهات البرمجية APIs

قالب HTML يوفر سلسلة من المكونات الجاهزة واللازمة لتوثيق المنتجات الرقمية وواجهات التطبيق البرمجية APIs على نحو عال من الاحترافية.

المزيد 1.2K 6
blog

تقني

دوكمنتو - قالب لتوثيق المنتجات الرقمية والواجهات البرمجية APIs

قالب HTML يوفر سلسلة من المكونات الجاهزة واللازمة لتوثيق المنتجات الرقمية وواجهات التطبيق البرمجية APIs على نحو عال من الاحترافية.

المزيد 1.2K 6
blog

تقني

دوكمنتو - قالب لتوثيق المنتجات الرقمية والواجهات البرمجية APIs

قالب HTML يوفر سلسلة من المكونات الجاهزة واللازمة لتوثيق المنتجات الرقمية وواجهات التطبيق البرمجية APIs على نحو عال من الاحترافية.

المزيد 1.2K 6
blog

تقني

دوكمنتو - قالب لتوثيق المنتجات الرقمية والواجهات البرمجية APIs

قالب HTML يوفر سلسلة من المكونات الجاهزة واللازمة لتوثيق المنتجات الرقمية وواجهات التطبيق البرمجية APIs على نحو عال من الاحترافية.

المزيد 1.2K 6
blog

تقني

دوكمنتو - قالب لتوثيق المنتجات الرقمية والواجهات البرمجية APIs

قالب HTML يوفر سلسلة من المكونات الجاهزة واللازمة لتوثيق المنتجات الرقمية وواجهات التطبيق البرمجية APIs على نحو عال من الاحترافية.

المزيد 1.2K 6

# شعارات وازرار

ألوان

استعمل الكلاس .badge-success لتوليد شعار كالتالي شعار

استعمل الكلاس .badge-danger لتوليد شعار كالتالي شعار

استعمل الكلاس .badge-warning لتوليد شعار كالتالي شعار

استعمل الكلاس .badge-info لتوليد شعار كالتالي شعار

استعمل الكلاس .badge-default لتوليد شعار كالتالي شعار

أحجام

استعمل الكلاس .badge-sm لتحجيم شعار كالتالي شعار

استعمل الكلاس .badge-lg لتحجيم شعار كالتالي badge

استعمل الكلاس .badge-xl لتحجيم شعار كالتالي شعار

استعمل الكلاس .badge-2xl لتحجيم شعار كالتالي شعار

# قوائم

قياسي
  • عنصر قائمة أول
  • عنصر قائمة ثان
  • عنصر قائمة ثالث
  • عنصر قائمة رابع
قرصي
  • عنصر قائمة أول
  • عنصر قائمة ثان
  • عنصر قائمة ثالث
  • عنصر قائمة رابع
مرتب عشري
  • عنصر قائمة أول
  • عنصر قائمة ثان
  • عنصر قائمة ثالث
  • عنصر قائمة رابع
مربع
  • عنصر قائمة أول
  • عنصر قائمة ثان
  • عنصر قائمة ثالث
  • عنصر قائمة رابع
روماني
  • عنصر قائمة أول
  • عنصر قائمة ثان
  • عنصر قائمة ثالث
  • عنصر قائمة رابع

# صور

استعمل الكلاس lazy وقم بتعريف مصدر الصورة في خاصية data-src لتحميل الصورة بأسلوب lazy loading
متجاوب
تلقائي
مضلل
دائري
بدون حدود

# جداول

قياسي
عنوان العمود الأولعنوان العمود الثانيعنوان العمود الثالث
خليةخليةخلية
خليةخليةخلية
خليةخليةخلية
بدون حدود
عنوان العمود الأولعنوان العمود الثانيعنوان العمود الثالث
خليةخليةخلية
خليةخليةخلية
خليةخليةخلية
صفوف فقط
عنوان العمود الأولعنوان العمود الثانيعنوان العمود الثالث
خليةخليةخلية
خليةخليةخلية
خليةخليةخلية
اعمدة فقط
عنوان العمود الأولعنوان العمود الثانيعنوان العمود الثالث
خليةخليةخلية
خليةخليةخلية
خليةخليةخلية

# صندوق مرن

.flex
1
2
3
4
.flex-1
1
2
3
4
.flex-1
1
2
3
4
.mr-auto
1
2
3
4
.flex-wrap
1
2
3
4
.col-flexed
1
2
3
4
.gap-1
1
2
3
4
.gap-2
1
2
3
4
.gap-3
1
2
3
4
.gap-4
1
2
3
4
.gap-5
1
2
3
4
.gap-6
1
2
3
4
.gap-7
1
2
3
4
.gap-8
1
2
3
4
.gap-9
1
2
3
4
.gap-10
1
2
3
4

# تقطيع شبكي

.grid-of-1
1
2
3
4
.grid-of-2
1
2
3
4
.grid-of-3
1
2
3
.grid-of-43
1
2
3
4
.grid-of-5
1
2
3
4
5
.grid-of-6
1
2
3
4
5
6

# نموذج صندوقي

padding
.p-1
 
.p-2
 
.p-3
 
.p-4
 
.p-5
 
.p-6
 
.p-7
 
.p-8
 
.p-9
 
.p-10
 
padding-right
.pr-1
 
.pr-2
 
.pr-3
 
.pr-4
 
.pr-5
 
.pr-6
 
.pr-7
 
.pr-8
 
.pr-9
 
.pr-10
 
padding-left
.pl-1
 
.pl-2
 
.pl-3
 
.pl-4
 
.pl-5
 
.pl-6
 
.pl-7
 
.pl-8
 
.pl-9
 
.pl-10
 
padding-top
.pt-1
 
.pt-2
 
.pt-3
 
.pt-4
 
.pt-5
 
.pt-6
 
.pt-7
 
.pt-8
 
.pt-9
 
.pt-10
 
padding-bottom
.pb-1
 
.pb-2
 
.pb-3
 
.pb-4
 
.pb-5
 
.pb-6
 
.pb-7
 
.pb-8
 
.pb-9
 
.pb-10
 
margins
.m-1
 
.m-2
 
.m-3
 
.m-4
 
.m-5
 
.m-6
 
.m-7
 
.m-8
 
.m-9
 
.m-10
 
margins right
.mr-1
 
.mr-2
 
.mr-3
 
.mr-4
 
.mr-5
 
.mr-6
 
.mr-7
 
.mr-8
 
.mr-9
 
.mr-10
 
margins left
.ml-1
 
.ml-2
 
.ml-3
 
.ml-4
 
.ml-5
 
.ml-6
 
.ml-7
 
.ml-8
 
.ml-9
 
.ml-10
 
margins top
.mt-1
 
.mt-2
 
.mt-3
 
.mt-4
 
.mt-5
 
.mt-6
 
.mt-7
 
.mt-8
 
.mt-9
 
.mt-10
 
margins bottom
.mb-1
 
.mb-2
 
.mb-3
 
.mb-4
 
.mb-5
 
.mb-6
 
.mb-7
 
.mb-8
 
.mb-9
 
.mb-10
 

# واجهة تطبيقات برمجية

قياسي
GET /api/v1/users جلب جميع المستخدمين
DELETE /api/v1/users/{user} حذف مستخدم معين
PATCH /api/v1/users/{user} تحديث بيانات مستخدم معين
POST /api/v1/users انشاء مستخدم جديد
PUT /api/v1/users انشاء مستخدم جديد
مرفقة مع ردود
GET /api/v1/users جلب جميع المستخدمين
[
  {
    "id": 1,
    "name": "Leanne Graham",
    "username": "Bret",
    "email": "Sincere@april.biz"
  },
  {
    "id": 2,
    "name": "Ervin Howell",
    "username": "Antonette",
    "email": "Shanna@melissa.tv"
  },
  {
    "id": 3,
    "name": "Clementine Bauch",
    "username": "Samantha",
    "email": "Nathan@yesenia.net"
  }
]
DELETE /api/v1/users/{user} حذف مستخدم معين
{
    status:200,
    message:"User was deleted successfuly"
}
PATCH /api/v1/users/{user} تحديث بيانات مستخدم معين
{
    status:200,
    message:"User's data was updated successfuly"
}
POST /api/v1/users انشاء مستخدم جديد
{
    status:200,
    message:"User was created successfuly"
}
محتواة في مكون أكورديون
GET /api/v1/users جلب جميع المستخدمين
[
  {
    "id": 1,
    "name": "Leanne Graham",
    "username": "Bret",
    "email": "Sincere@april.biz"
  },
  {
    "id": 2,
    "name": "Ervin Howell",
    "username": "Antonette",
    "email": "Shanna@melissa.tv"
  },
  {
    "id": 3,
    "name": "Clementine Bauch",
    "username": "Samantha",
    "email": "Nathan@yesenia.net"
  }
]
DELETE /api/v1/users/{user} حذف مستخدم معين
{
    status:200,
    message:"User was deleted successfuly"
}
PATCH /api/v1/users/{user} تحديث بيانات مستخدم معين
{
    status:200,
    message:"User's data was updated successfuly"
}
POST /api/v1/users انشاء مستخدم جديد
{
    status:200,
    message:"User was created successfuly"
}
POST /api/v1/users انشاء مستخدم جديد
{
  status:200,
  message:"User was created successfuly"
}
محتواة في نوافذ تبويب
نقطة الوصول
ترويسات
body
الرد
POST /api/v1/users انشاء مستخدم جديد
Content-Type: application/json
Authorization: Bearer {token}
Accept: application/json
{
  "name": "Leanne Graham",
  "username": "Bret",
  "email": "Sincere@april.biz"
}
{
   status:200,
   message:"User was created successfuly"
}

# سجل تحديثات

12/12/2020 ~ v1.0

  • اضافة

    اضافة ميزة جديدة

  • حذف

    التخلص من الميزة كذا

  • تحديث

    تحديث الميزة كذا

  • اضافة

    اضافة ميزة جديدة

  • حذف

    التخلص من الميزة كذا

  • تحديث

    تحديث الميزة كذا

12/12/2021 ~ v1.1

  • اضافة

    اضافة ميزة جديدة

  • حذف

    التخلص من الميزة كذا

  • تحديث

    تحديث الميزة كذا

  • اضافة

    اضافة ميزة جديدة

  • حذف

    التخلص من الميزة كذا

  • تحديث

    تحديث الميزة كذا

# اتصل بنا

عينة 1

اتصل بنا

نص فرعي لنموذج اتصل بنا

نص لاحق بنموذج اتصل بنا

عينة 2

اتصل بنا

نص فرعي لنموذج اتصل بنا

نص لاحق بنموذج اتصل بنا

عينة 3

اتصل بنا

نص فرعي لنموذج اتصل بنا

نص لاحق بنموذج اتصل بنا

# تسعيرة

تسعيرة

عنوان فرعي

قياسي

مجاني

ميزة

ميزة

ميزة

تفاصيل

احترافي

38$ / شهري

ميزة

ميزة

ميزة

ميزة

ميزة

ميزة

المزيد

VIP

120$ / شهري

ميزة

ميزة

ميزة

ميزة

ميزة

ميزة

تفاصيل

# احصائيات

2.7K

مستخدمون

1.8K

اشتراكات

35

تنزيلات

4

منتجات

2.7K

مستخدمون

1.8K

اشتراكات

35

تنزيلات

4

منتجات

2.7K

مستخدمون

1.8K

اشتراكات

35

تنزيلات

4

منتجات

    اختر سمة لونية
    اختر نسقا
    اختر طريقة عرض
    اختر وضعا
    اختر اتجاها