الصفحة الرئيسية>كود المصدر CGI>فئات أخرى
تنزيل
front end

إنه مستودع لتطوير الويب

التحضير : بالنسبة لهذا المحتوى، يجب أن يكون لدى الطالب جهاز كمبيوتر متصل بالإنترنت، ومتصفح ويب يدعم HTML 5 (Google Chrome، وMozilla Firefox، وMicrosoft Edge، وSafari، وOpera، وما إلى ذلك)، ومحرر نصوص (VSCode، وما إلى ذلك) .) ومنصة استضافة (مجانية أو مدفوعة).

  • https://www.frontendmentor.io/
  • https://daily.dev/
  • https://getcssscan.com/css-box-shadow-examples
  • https://whirl.netlify.app/
  • https://flexboxfroggy.com/
  • https://courses.cs.washington.edu/courses/cse154/flexboxducky/
  • http://www.flexboxdefense.com/
  • https://cssgridgarden.com/
  • https://gridcritters.com/
  • https://caniuse.com/
  • https://www.magicpattern.design/tools/blob-generator
  • https://meyerweb.com/eric/tools/css/reset/
  • https://html5boilerplate.com/
  • https://www.color-hex.com/color-palette/22942
  • https://www.greatfrontend.com/pt-BR
  • https://echarts.Apache.org/en/index.html

ما هو الموقع الإلكتروني؟

عندما نتحدث عن موقع الويب، يمكننا أن نلاحظ أن هذا المصطلح هو مزيج من كلمتين باللغة الإنجليزية: "web" وتعني شبكة وتشير إلى شبكة الويب العالمية، و"site" وتعني مكان. وبهذا المعنى، فإن موقع الويب أو الموقع هو مكان يمكن الوصول إليه عبر الإنترنت، من خلال عنوان URL، ويحتوي على مجموعة من الصفحات المبرمجة بلغة ما.

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

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

يمكن لمواقع الويب تقديم أشكال ومحتويات مختلفة. تتضمن بعض الخيارات ما يلي: المتاجر الافتراضية، مثل Mercado Livre وAmazon، حيث يمكن شراء المنتجات وبيعها؛ المواقع الإلكترونية والمحافظ المؤسسية، التي تستخدمها الشركات والأشخاص لتقديم أنفسهم والعثور عليهم من قبل العملاء؛ والمدونات، مثل تلك التي تقرأها.

علاوة على ذلك، يمكن أيضًا تصنيف مواقع الويب على أنها ثابتة أو ديناميكية. يتم تطوير مواقع الويب الثابتة عمومًا باستخدام HTML وCSS وJavaScript. محتواه أبسط ولا يوجد تفاعل مع قاعدة البيانات.

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

تصميم الويب

مع تصميم الويب، تحتاج إلى ملاحظة أهمية الواجهة لتطوير مواقع الويب، وتطور التقنيات المستخدمة في إنشاء صفحات الويب الغنية (web 1.0، web 2.0، web 3.0 وweb 4.0)، وتطور الواجهات (الجمالية والوظيفية والهيكلية) ).

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

لوحة الألوان:

  • https://paletadecolores.online/pt/magenta/
  • https://simpleicons.org/
  • https://colorhunt.co/
  • https://coolors.co/
  • https://colors.muz.li/
  • https://www.toptal.com/designers/colourcode/
  • https://lospec.com/palette-list
  • https://mycolor.space/
  • https://www.pantone.com/articles/color-palettes
  • https://atmos.style/color-generator
  • https://github.com/EmilHvitfeldt/r-color-palettes
  • https://www.color-hex.com/color-palettes/
  • https://visme.co/blog/website-color-schemes/
  • https://colorpalettes.com/
  • https://colorpalettes.net/

التدرجات:

  • https://www.grabient.com/
  • http://gradientsguru.com/
  • https://www.eggradients.com/
  • https://uigradients.com/#Zinc
  • https://webgradients.com/
  • https://cssgradient.io/

تطوير الويب

في الأساس، تطوير الويب يعني ترميز الصفحات للإنترنت. ومع ذلك، فإن هذه المهمة تتجاوز استخدام HTML وCSS، وهما الأدوات الأساسية لإنشاء صفحة ثابتة - والتي تقدم معلومات لا يمكن تعديلها إلا عن طريق تحرير التعليمات البرمجية المصدر.

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

تتيح هذه الميزة تطوير التطبيقات المعقدة، التي تستخدم قواعد العمل وواجهات برمجة التطبيقات (APIs) — واجهة برمجة التطبيقات — وغير ذلك الكثير. لذلك، هناك تقسيم للأنشطة التي تركز على تطوير الويب، والتشفير من جانب العميل (الواجهة الأمامية)، والتشفير من جانب الخادم (الواجهة الخلفية).

مثال على واجهة برمجة التطبيقات (API)، وهي البنية الأكثر استخدامًا حاليًا لتطبيقات الويب والهاتف المحمول، وهي REST API والتي تسمى أيضًا RESTful API .

تطبيقات الويب هي عدد متزايد من المواقع على الويب، أي أنها تحاكي تطبيقات سطح المكتب بدلاً من المستندات التقليدية والروابط الثابتة للنصوص والصور التي تشكل غالبية الويب. على سبيل المثال، لدينا معالجات النصوص عبر الإنترنت، وأدوات تحرير الصور، ومواقع رسم الخرائط، وما إلى ذلك. بدعم كبير من جافا سكريبت، دفعوا HTML4 إلى حافة قدراته. يحدد HTML5 واجهات برمجة التطبيقات (API) الجديدة (واجهة برمجة التطبيقات) لـ DOM (نموذج كائن المستند)، وهو عبارة عن اتفاقية مشتركة بين الأنظمة الأساسية ومستقلة عن اللغة لتمثيل كائنات ومستندات HTML وXHTML وXML والتفاعل معها.

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

هذه الواجهات الجديدة التي تعرضها صفحات HTML لجافا سكريبت عبر كائنات في DOM تجعل من السهل كتابة التطبيقات باستخدام أنماط محددة للغاية، بدلاً من مجرد حيل سيئة التوثيق.

والأهم من ذلك هو الحاجة إلى معيار مفتوح مجاني (للاستخدام والتنفيذ) وقادر على التنافس مع المعايير الخاصة مثل Adobe Flash أو Microsoft Silverlight. وبغض النظر عن رأيك في هذه التقنيات أو الشركات، فإننا نؤمن بأن الويب يمثل منصة حيوية للمجتمع والتجارة والاتصالات لتكون في أيدي الشركة المصنعة.

هناك الملايين من صفحات الويب المستخدمة بالفعل، ومن الضروري أن يستمر إعادة إنتاجها. لذلك، HTML5 هو في الغالب مشتق من HTML4 الذي يستمر في تحديد كيفية تعامل المتصفحات مع العلامات القديمة مثل و

وغيرها من العلامات الجديدة حيث تستخدمها ملايين صفحات الويب.

واجهة

يمكن أن يكون لمصطلح الواجهة عدة معانٍ حسب المنطقة التي تتم دراستها فيها. وفي مجال تكنولوجيا المعلومات تعني الواجهة إمكانية الاتصال بين نظامين لا يمكنهما التواصل بشكل طبيعي دون بعض المساعدة الخارجية .

HCI هي دراسة التفاعل بين الأشخاص وأجهزة الكمبيوتر. وهو موضوع متعدد التخصصات يتعلق بعلوم الكمبيوتر والفنون والتصميم وبيئة العمل وعلم النفس وعلم الاجتماع والسيميائية واللغويات والمجالات ذات الصلة. يتم التفاعل بين البشر والآلات من خلال واجهة المستخدم، المكونة من البرامج والأجهزة.

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

مثال 3: إرسال رسالة إلى البريد الإلكتروني

 إرسال بريد إلكتروني

[HTML5] علامات الوسائط المتعددة

مصطلح الوسائط الرقمية هو عكس الوسائط التناظرية، التي تم تكوينها بواسطة قاعدة مادية: تم تسجيل الصوت في أخاديد صغيرة، على سطح الفينيل، وعندما تمر إبرة عبر هذه الأخاديد، يتم إعادة إنتاج الصوت. في الوسائط الرقمية، يختفي الدعم المادي عمليا، ويتم تحويل البيانات إلى تسلسلات رقمية أو رقمية - ومن هنا يأتي استخدام المصطلح رقمي. بهذه الطريقة، الأصوات والصور والنصوص هي في الواقع تسلسلات من الأرقام، مما يسمح بمشاركة البيانات وتخزينها وتحويلها. بالمعنى الأوسع، يمكن تعريف الوسائط الرقمية على أنها مجموعة من وسائل وأجهزة الاتصال القائمة على التكنولوجيا الرقمية، مما يسمح بالتوزيع الرقمي أو التواصل للأعمال الفكرية المكتوبة أو الصوتية أو المرئية. وسائل ذات أصل إلكتروني تستخدم في استراتيجيات تواصل العلامات التجارية مع عملائها، وتسمى عمومًا بالوسائط الرقمية.

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

فقط أضف مكالمة إلى البرنامج المساعد وسيعمل.

بسبب عدم تناسق المتصفح، كان من الضروري إضافة كل من ; أما بالنسبة للأمر ؛ فهو عبارة عن أوامر محددة لاستخدام المكون الإضافي، مما يؤدي إلى تكرار العديد من السمات. ناهيك عن أن المكونات الإضافية مثل Flash تسبب الكثير من عدم الاستقرار، مما يسبب أخطاء تؤدي حتى إلى إغلاق المتصفح.

ونتيجة لكل هذا، يأتي HTML 5 بدعم جديد، أصلي للغة، لتجنب استخدام المكونات الإضافية والأوامر غير الضرورية. حاليًا، ما عليك سوى إجراء مكالمة بسيطة، كما لو كانت صورة وسيتم تشغيل الملف.

 <عناصر التحكم في الفيديو src="video.mp4" width="426" height="240">

المشكلة التي يطرحها الأمر الجديد هي استخدام السمة src التي لا تعمل بشكل جيد في بعض المتصفحات. وإذا أردنا أن يتمكن الجميع من فتح الصفحة باستخدام أي متصفح، فمن الضروري استخدام نوع آخر من السمات. لذلك، من الشائع استخدام السمة في علامة .

يمكن استخدام العنصر عدة مرات ويسمح لك بتحديد تنسيق فيديو لكل متصفح، مما يمنحك وصولاً أكبر.

فيديو

" style=";text-align:right;direction:rtl">
 < video width =" 426 " height =" 240 " controls >
  < source src =" video.mp4 " type =" video/mp4 " >
  < source src =" video.webm " type =" video/webm " >
  < source src =" video.ogg " type =" video/ogg " >
 video >

صوتي

" style=";text-align:right;direction:rtl">
 < audio controls >
 < source src =" audio.mp3 " type =" audio/mpeg " >
 < source src =" audio.ogg " type =" audio/ogg " >
 < source src =" audio.wav " type =" audio/wav " >
 audio >

هناك العديد من برامج الترميز المحتملة وستحتاج إلى تصدير نسختين على الأقل للوصول إلى نطاق أكبر.

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

يتم استيراد جميع أمثلة الصوت والفيديو المذكورة عبر المستند الموجود في الدليل. والسؤال هو، كيف يمكنني استيراد مقطع فيديو مستضاف بالفعل على موقع مثل YouTube أو Vimeo؟ وأي من الحلين (عبر المستند أو عبر الخادم) هو الأكثر فائدة؟

استيراد الفيديو

دعونا نرى كيفية استيراد مقاطع الفيديو من YouTube وVimeo، خطوة بخطوة!

[HTML5] علامات الجدول

حتى ظهور HTML5، تم استخدام الجداول كمورد لتصميم تخطيطات الصفحة. استخدم المصممون الجداول كشبكة لعرض الصور والنصوص، وتم استخدامها على نطاق واسع، لتصبح الشكل السائد لتصميم مواقع الويب، وبالتالي خلق مظهر غني.

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

لا تزال هذه الجداول موجودة في HTML 5 كمورد لعرض البيانات الجدولية، والمعلومات الواردة من قاعدة البيانات. مع الإصدار الجديد من HTML، يمكننا إنشاء مواقع ويب مصممة بالكامل بدون جداول، وبالتالي إنشاء تخطيطات ديناميكية تظهر على شاشات كبيرة مثل الكمبيوتر وتتكيف بشكل جيد مع شاشة هاتف ذكي صغيرة. ستشاهد لاحقًا كيفية إنشاء تخطيطات سريعة الاستجابة باستخدام HTML5 وCSS3.

لم تتم إزالة أمر الجدول من اللغة، ولكن تم تقييد استخدامه. ومن ناحية أخرى، لا يزال لدينا العديد من مواقع الويب التي تستخدم هذا المورد، لذا من المهم أن نفهم كيفية عمله حتى نتمكن، إذا لزم الأمر، من الحفاظ على هذا النوع من الصفحات.

الأمر لإدراج جدول هو

. لبدء سطر ، يجب علينا إدخال العلامة وللخلية
التي تقسم صف الجدول. يقوم بتقسيم صف الجدول عن طريق وضع المحتوى بالخط العريض. يتم إنهاء كل هذه الأوامر كـ
و و على التوالي. 

 < table >
  < tr >
    < td >  td >
    < td >  td >
   tr >
 table >

يحتوي الأمر

على سلسلة من السمات التي تساعد في تنسيق الجدول. أهمها هي:

align="" يقوم بمحاذاة الجدول في ثلاثة مواضع: center ، left ، right ، justify
bgcolor="" يحدد لون الجدول
border="" يحدد حجم الحد، إذا كان صفراً لا يظهر الحد
cellspacing="" يحدد المسافة بين الخلايا
colspan="" تحديد التجميع بين عمودين أو أكثر من أعمدة الجدول (جانبيًا)
rowspan="" تحديد التجميع بين صفين أو أكثر في الجدول. (اتجاه صعودا وهبوطا)
cellpadding="" تحديد التباعد بين النص وحدود الخلية

يعرض النص في وسط الجدول، كما لو كان تعليقًا.

سمة القواعد

لاختيار الصفوف الداخلية التي ستظهر ضمن الجدول، نستخدم خاصية RULES ، ضمن العلامة. مكملات هذه السمة هي:

و
none لا يوجد خط كامل.
all لإظهار كافة الصفوف بين كل عمود وصف في الجدول (افتراضي)
rows للخطوط الأفقية بين كل صف في الجدول.
cols للخطوط الرأسية بين كل عمود من الجدول.
groups للصفوف بين مجموعات الأعمدة والأقسام الأفقية، المحددة بواسطة علامات خاصة مثل

انظر بعض الأمثلة:

" style=";text-align:right;direction:rtl">
 < table border rules =" all " 6 >
" style=";text-align:right;direction:rtl">
 
" style=";text-align:right;direction:rtl">
 
 
" style=";text-align:right;direction:rtl">
 
 
" style=";text-align:right;direction:rtl">
 
 
 علامات النموذج
 يعد جزء نماذج HTML مهمًا جدًا لملء البيانات التي يدخلها المستخدمون في صفحة HTML. يتم جمع هذه البيانات بواسطة الواجهة الخلفية باستخدام لغة برمجة خلفية (PHP، وJavaScript، وPython، وJava، وما إلى ذلك) تقوم بتخزين هذه البيانات والاستعلام عنها في قاعدة بيانات (MySQL، وPostgreSQL، وMongoDB، وOracleDB، وما إلى ذلك). ). دعونا نلقي نظرة على علامات النموذج:
 نموذج تسجيل الدخول (النموذجي) : 


	Senha:

	

	
     
  
" style=";text-align:right;direction:rtl">
 < html >
  < body >
     < h2 > Login  h2 >
     < form >
	Login: < br >
	< input type =" email " name =" email " > < br >
	Senha: < br >
	< input type =" password " name =" senha " > < br >
	< input type =" submit " value =" Logar " >
      form >
   body >
 html >
 من خلال سمة type يمكننا تحديد نوع input المستخدمة لدينا، ومن خلال سمة name='' يمكننا معالجة البيانات المرسلة عبر لغة برمجة.
 نموذج تسجيل الدخول (نموذجي) - باستخدام PHP : 

	Login:

	

	Senha:

	

	
     
  
" style=";text-align:right;direction:rtl">
 < html >
  < body >
     < h2 > Login  h2 >
     < form action =" processa.php " >
	Login: < br >
	< input type =" email " name =" email " required > < br >
	Senha: < br >
	< input type =" password " name =" senha " required > < br >
	< input type =" submit " value =" Logar " >
      form >
   body >
 html >
 نموذج التسجيل (النموذجي) : 

	  Nome Completo:

	  

	  
      Email:

	  

	  Senha:

	  

	  Repita a senha:

	  

	  	
	  Sexo:

	   Masculino

	   Feminino

	  
	  Interesses:

	   Futebol

	   Video-games

	   Academia

	  
	  Estado

	  

	
	  Comente!

	  


	  
       
   
" style=";text-align:right;direction:rtl">
 < html >
  < head >
    < title > Cadastro  title >
   head >
  < body >
     < h2 > Cadastre-se  h2 >
       < form action =" processa.php " >
	  Nome Completo: < br >
	  < input type =" text " name =" nome " required > < br >
	  
      Email: < br >
	  < input type =" email " name =" email " required > < br >
	  Senha: < br >
	  < input type =" password " name =" password " required > < br >
	  Repita a senha: < br >
	  < input type =" password " name =" password " required > < br >
	  	
	  Sexo: < br >
	  < input type =" radio " name =" sexo " value =" masculino " > Masculino < br >
	  < input type =" radio " name =" sexo " value =" feminino " > Feminino < br >
	  
	  Interesses: < br >
	  < input type =" checkbox " name =" interesse " value =" futebol " > Futebol < br >
	  < input type =" checkbox " name =" interesse " value =" video-games " > Video-games < br >
	  < input type =" checkbox " name =" interesse " value =" academia " > Academia < br >
	  
	  Estado < br >
	  < select name =" estado " >
	    < option value =" RJ " > RJ  option >
	    < option value =" SP " > SP  option >
	    < option value =" MG " > MG  option >
	    < option value =" ES " > ES  option >
	   select > < br >
	
	  Comente! < br >
	  < textarea name =" comentario " >  textarea > < br >

	  < input type =" submit " value =" Cadastrar " >
        form >
    body >
 html >
 لن نكون قادرين على input بين أجهزة الراديو إلا إذا كان name هو نفسه، وبهذه الطريقة يمكننا تجميع هذه المعلومات وسيتم وضع علامة على واحدة منها فقط.
 مع checkbox يمكننا اختيار أكثر من خيار لتحديده.
 مع
 يمكننا تحديد أنواع  وسماتها:
  •  button
  •  password
  •  text
 يتم استخدام العناصر  و  و " style=";text-align:right;direction:rtl">
 < button type =" button " > Clique Aqui  button >
 باختصار، إذا كنت تقوم بإنشاء زر للتنقل، فاستخدم  . إذا كنت تقوم بإنشاء زر لإرسال البيانات من نموذج، فاستخدم  أو 
 الطبقة الزائفة تعريف
 :hover يقوم بتغيير العنصر عن طريق المرور فوقه.
 :active قم بتغيير العنصر من خلال النقر عليه.
 :link يغير جميع الروابط التي لم تتم زيارتها.
 :visited يغير جميع الروابط التي تمت زيارتها.
 :focus يغير عنصر  الذي يحتوي على التركيز.
 :checked يغير جميع عناصر  المميزة.
 :disable يغير كافة عناصر  المعطلة.
 :enabled يغير كافة عناصر  الممكّنة.
 :empty يغير كافة عناصر 
 التي لا تحتوي على عناصر فرعية.
 :first-child يغير كل عنصر  ممكّن.
 :enabled يغير كل عنصر  ممكّن.
 :first-child يغير كل عنصر 
 الذي يمثل الطفل الأول للعنصر الأصلي.
 :first-of-type يقوم بتغيير كل عنصر 
 وهو العنصر 
 الأول للعنصر الأصلي الخاص به.
 :in-range يقوم بتغيير عناصر  بقيمة ضمن نطاق محدد.
 :invalid يغير كافة عناصر  إلى قيمة غير صالحة.
 :lang(language) يغير كل عنصر 
 بقيمة سمة lang تبدأ بـ " it ".
 :last-child يقوم بتغيير جميع عناصر 
 التي تمثل العناصر التابعة الأخيرة للعنصر الأصلي.
 :last-of-type يغير كل عنصر 
 يمثل العنصر 
 الأخير في العنصر الأصلي الخاص به.
 :link يغير جميع الروابط التي لم تتم زيارتها.
 :not(selector) يغير كل عنصر ليس العنصر 
 .
 :nth-child(n) يغير كل عنصر 
 مرتب من العنصر الأصلي الخاص به.
 :nth-last-child(n) يغير كل عنصر 
 مرتب من العنصر الأصلي الخاص به، بدءًا من العنصر الفرعي الأخير.
 :nth-last-of-type(n) يغير كل عنصر 
 يمثل العنصر 
 الثاني من العنصر الأصلي، بدءًا من العنصر الفرعي الأخير.
 :nth-of-type(n) يقوم بتغيير كل عنصر 
 وهو العنصر 
 الثاني للعنصر الأصلي.
 :only-of-type يغير العنصر 
 الذي يعد العنصر 
 الوحيد من العنصر الأصلي الخاص به.
 :only-child يقوم بتغيير كل عنصر 
 وهو الابن الوحيد للعنصر الأصلي الخاص به.
 :optional تغيير عناصر  بدون السمة "المطلوبة".
 :out-of-range تغيير عناصر  باستخدام atr        
        
يوسع

    



    

        

            معلومات إضافية
        

        
    
            
  • 
                الإصدار
                1.0.0
            
    • 
            
  • 
                النوع
                فئات أخرى
            
    • 
            
  • 
                وقت التحديث
                2024-12-14
            
    • 
            
  • 
                الحجم
                407.23KB
            
    • 
                            
  • 
                    من
                    Github
                
    • 
                    

    





    

        

            تطبيقات ذات صلة
        

        
    





    

        

            نوصي لك
        

        
    






    

        

            أخبار ذات صلة
            الكل