لوحة المتصدرين

السلام عليكم ورحمة الله. رمضان كريم. انا اعمل كمرمج Full-stack ولكن لا استطيع تسعير شغلي حيث اني عندما سعرت العمل يقول العميل انه باهظ الثمن طلبات-بسيطه-Blue-Wings.pdf

السلام عليكم اي هي خورزميات Tarjans اوي اهميتها

هل باستطعتى ان استفيد من خصائص جانغو و لارافيل معا فى موقع واحد او فى تطبيق واحد

السلام عليكم هو البايت واحد في 0 و 1 والا قيمه واحد فقط الاهي 0 او 1

السلام عليكم هل يمكن ان تعطونى بعض النصائح لحماية العينين من الكمبيوتر او لاب توب والمعروف اننا مبرمجين يعنى قضاء وقت كثير على الاجهزة

اريد ارسال رسال تحتوي على عدة صفوف من لغة الفيجوال بيزك الى رقم واتس اب حاولت بشاشة الفيجوال مضبوطة بعدة صفوف ولكن في الواتساب تترسل صف واحد

ليس نفس الأمر في 0 و 1 فقط، بل يتمثل في 256 قيمة مختلفة، حيث يتكون البايت من 8 بت، ولكل بت قيمتان: 0 أو 1. أي نستطيع تمثيل تلك القيم الثماني على شكل ثنائي: 00000000 00000001 00000010 11111111 أو تحويل القيم الثنائية إلى أرقام عشرية من 0 إلى 255. 00000000 = 0 (عشري) 00000001 = 1 (عشري) 00000010 = 2 (عشري) 11111111 = 255 (عشري) بالتالي، بإمكان البايت تمثيل مجموعة واسعة من البيانات، مثل الحروف، الأرقام، الرموز، الصور ومقاطع الفيديو. فالحرف "A" يتم تمثيله بالرمز الثنائي 01000001، أي 65 (عشري) في نظام ASCII.

السلام عليكم هو ازي اعارف اني مبتداي في المستوي البعد كده انا بتكلم في البرمجه بشكل عام مش بتكلم انا مبتدي في مجال معين انا لسه هتعلم مجال تعلم الاله بس دبوقتي بتعلم الرياضيات انا افصد مش في المستوي الابعد كده

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

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

@حمزة عباد أعتقد أني أخطأت فهم كل شيء، دعني أحاول شرح ما أحاول القيام به لعلك تساعدني و تخبرني كيف أقوم به لأني حتى اللحظة لا أدري ما هي الأدوات التي علي إستخدامها أو لغة البرمجة: أولا لقد درست دورة علوم الحاسوب تحديدا و ليس دورة تصميم الواجهات أو غيرها من الدورات، هذا يعني أنني تعلمت الكثير من المواضيع لكن دون تعمق، سواء صفحات الويب، لغتي البرمجة بايثون و جافا سكريب و هذا يعني أن قدراتي متواضعة تمام في التعامل مع الأمر. التالي هو وصف المشروع الذي حصلت عليه: __________________________________________________________ مشروع مدرسة المطلوب إنشاء نظام لإحدى المدارس، وربطه مع قاعدة بيانات. يجب أن تحتوي قاعدة البيانات على جدولين وهما students و lessons. عند تشغيل البرنامج يجب أن تظهر قائمة على الشكل التالي: الرجاء اختيار العملية التي تريد إجرائها: * لإضافة طالب إضغط على حرف a * لحذف طالب إضغط على حرف d * لتعديل معلومات طالب إضغط على حرف u * لعرض معلومات طالب إضغط على حرف s - لو اختار المستخدم الحرف a لإضافة طالب، يجب أن نأخذ معلومات الطالب من المستخدم (رقم الطالب، الاسم، الكنية، العمر، الصف، تاريخ التسجيل) ونضيفها لجدول students في قاعدة البيانات، أيضًا يجب أن نأخذ الدروس المشترك فيها الطالب ونضيفها لجدول lessons، ونُظهر رسالة للمستخدم بنجاح العملية. - لو اختار المستخدم الحرف d لحذف طالب، يجب أن نأخذ معلومات الطالب التي نريد حذفه من قاعدة البيانات، نأخذ (رقم الطالب) ونتحقق إن كان موجود في قاعدة البيانات نحذفه ونُظهر رسالة للمستخدم بنجاح العملية. - لو اختار المستخدم الحرف u لتعديل معلومات طالب، يجب أن نأخذ معلومات الطالب التي نريد تعديل معلوماته في قاعدة البيانات من المستخدم، نأخذ (رقم الطالب) ونتحقق إن كان موجود في قاعدة البيانات نعدل معلوماته ونُظهر رسالة للمستخدم بنجاح العملية. - لو اختار المستخدم الحرف s لعرض معلومات الطالب، يجب أن نأخذ معلومات الطالب التي نريد عرض معلوماته من المستخدم، نأخذ (رقم الطالب) ونتحقق إن كان موجود في قاعدة البيانات نجلب معلوماته (رقم الطالب، الاسم، الكنية، العمر، الصف، تاريخ التسجيل، والدروس المشترك فيها) ونعرضها للمستخدم. - ملاحظة: الطالب يستطيع أن يسجل في أكثر من درس وليس في درس واحد - كذلك الدرس الواحد يستطيع أن يسجل فيه أكثر من طالب (علاقة متعدد لمتعدد) معلومات مساعدة: - قبل تنفيذ المشروع يجب وضع الخطة التي ستتبعها لإنشاء المشروع، كإنشاء الخوارزمية Algorithm ومخطط التدفق Flow charts والكود الزائف Pseudo code - يجب إرسال المخطط الذي اتبعته لإنشاء المشروع بملف منفصل من نوع pdf - يمكن اختيار لغة البرمجة المناسبة لتنفيذ المشروع - مدة تنفيذ المشروع 15 يومًا __________________________________________________________ حسنا إذن بالطبع سوف أنشأ قاعدة بيانات على برنامج SQLite و أنشأ جدولين أحدهما للطلاب و الآخر للدروس و أملأ كلاهما ببعض البيانات لدروس و طلاب و هذه البيانات يمكن إستخدامها في تجريب التطبيق. تاليا كنت أفكر في بناء واجهة غاية في البساطة من أجل المدخلات الخاصة بالمستخدم و من المفترض أن يكون أول شيء يظهر عند فتح الموقع هو حقل إدخال لإدخال الحرف المطلوب، الواجهة التالية بعد إدخال الحرف تكون على حسب الحرف المدخل كخانات إدخال المعلومات في حال أراد المستخدم إضافة طالب جديد أو خانة إدخال رقم الطالب إذا أراد المستخدم تعديل معلومات طالب و في حال قام المستخدم مثلا بإدخال حرف لا علاقات له بالأحرف المتاحة "A, D, U, S" أي إذا قام بإدخال حرف N مثلا تظهر له رسالة خطأ من قبيل "الحرف الذي أدخلته غير صحيح" أو "الحرف الذي أدخلته لا ينفذ أي إجراء" و يكون ذلك بالتأكد من ما إذا كان الحرف المدخل يساوي أحد الأحرف المتاحة لإتخاذ إجراء بالتحقق من مطابقة الحرف المدخل لتلك الأحرف واحدا تلو الآخر و إن لم يطابق أحدها الحرف المدخل تظهر رسالة للمستخدم بدل إتخاذ إجراء، في الخلف سيكون هناك كود برمجي ينفذ مجموعتا من الأكواد البرمجية التي تقوم بما يجب بناءا على الحرف المدخل و فيها يتم تنفيذ تعليمات SQLite المطلوبة لجلب، حذف، تعديل البيانات و أعتقد أن هناك دوال في بايثون تسمح بالتعامل مع إستعلامات SQL و التواصل مع قاعدة البيانات، لست أدري كيف أفعل ذلك أو كيف أنشأ الموقع مع تلك السلوكيات من إظهار لحقول إدخال و عرض نتائج و تنبيهات و أخطاء مثل تنبيه المستخدم لعدم إدخال رقم طالب مكرر و إظهار خطأ في حال إدخار رقم مكرر لأن هذا الرقم سيكون هو المفتاح الأولي في قاعدة البيانات و لست أدري كيف أستطيع جلب البيانات و أخذ مدخلات المستخدم لإتخاذ الإجرءات المناسبة على صفحة الويب هذه. ربما أخطأت في الفكرة التي أريد إنشاء المشروع بها، أنا لا أدري صراحتا كيف أفعل ذلك بالضبط، أخبرني كيف أقوم بتنفيذ الفكرة السابقة؟ بأي لغة؟ لم أكن أفكر أبدا في إستخدام Node.js. كيف يتوقع المدرب الذي كلفني بالمشروع أن تبدو أو تكون الواجهة التي سيتعامل معها و أين كان يتوقع أن يقوم بإدخال المدخلات المطلوبة، هل كان يتوقع مني برنامجا يتعامل معه من خلال الشفرة بحيث يتعامل مع البرنامج من خلال المحرر و يستدعي الدوال المسؤولة عن القيام بالإجراء المطلوب كدالة إجراء تستدعى و يمرر لها الحرف المطلوب؟ هل يتوقع النتائج أن تظهر في شاشة محرر الكود أم الكونسول في الويب؟ أم يتوقع مني إنشاء واجهة موقع بسيطة من أجل المدخلات و المخرجات؟ @حمزة عباد أتذكر أننا إستخدمنا أسطر برمجية في الكورس من قبيل: import sqlite3 sqlite3.connect() .close() لكنني لا أستطيع إيجاد أين بالضبط في الدورة تعاملنا مع مثل هذه الأكواد في بايثون، أحاول البحث عن ذلك الدرس أو تلك الدروس لكني لم أستطع إيجادها.

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

توجد سلسلة دروس ضمن الدورة لربط Node.js مع SQLite، أليس هذا ما تبحث عنه؟ يمكنك دائما إيجاد مقالات مجانية على أكاديمية حسوب تتناول هذه الأمور. لكن قاعدة SQLite مستخدمة أكثر مع Python وليس في بيئة Node.js، لذلك إذا بحثت عن SQLite في مقالات الأكاديمية فستجد أنها تتحدث عن أطر العمل الخاصة بـPython والتي أبرزها Flask و Django. بينما مبرمجو Node.js غالبا ما يستخدمون MongoDB كما تم تدريسه في قسم التعامل مع قواعد البيانات غير العلاقية NoSQL. إليك بعض المقالات التي يمكن أن تفيدك:

انا اقصدي ازي اعارف الا انا مبتداي او خالص عادي المراحله ده بقيت في مستو افضل

أرجو توضيح السؤال، ما المقصود بالمستوى التالي؟

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

@Mustafa Suleiman إذن سيكون علي تعلم أساسية HTML و CSS لبناء الواجهة البسيطة التي أحتاجها، حسنا إذن سأبذل جهدي. أعتقد أنك أسأت فهمي بشأن جافاسكريبت و بايثون فأنا أجيد هاتين اللغتين فقد تعلمناهما خلال الدورة التي درستها و هي دورة علوم الحاسوب و أنا الآن علي تقديم المشروع و لدي 15 يوما لتقديمها و قد مضت بضعت أيام بالفعل. كنت أسأل عن التعامل مع إستعلامات SQL و قاعدة البيانات من خلال بايثون أو جافاسكريبت و هما لغتان كما ذكرت سابقا أجيدهما، قلت أننا تعاملنا في الدورة مع إستعلامات SQL من خلال لغة بايثون في مسار إلى عالم الويب على ما أعتقدد و أحاول إيجاد ذلك الدرس الذي قمنا فيه بذلك ربما ترشدني لمكانه، أيضا كنت أسأل عن مصدر آخر يساعدني في ذلك، إذ إننا كنا نتكلم هناك عن الحماية لذا فلم يكن مفصلا في كيفية التعامل مع الإستعلامات من خلال اللغة...على ما أعتقد...لذا أجل سيكون من المفيد إن ساعدتني في إيجاد ذلك الدرس من الكورس أيضا لو أعطيتني مصدر أو مصادر أخرى تساعدني كما قلنا في التعامل مع إستعلامات SQL و قاعدة البيانات التي سأنشأها من خلال بايثون أو جافاسكريبت "مازلت لا أعلم هل سأستخدم كليهما أو أحدهما و أيهما أستخدم"، بالنسبة للدرس في الكورس فأنا لست حقا وثقا أين هو الدرس أو في أي مسار، ما زلت أحاول البحث عنه بين دروس الدورة.

اضغطي على Ctrl + Shift + P ولكن اضغطي على زر CTRL الأيمن وليس الأيسر، ثم ابحثي عن Terminal:Clear واضغطي علي ذلك الخيار ثم أعيدي تشغيل vscode. إن استمرت المشكلة، من الأفضل تحميل تطبيق الـ terminal التالي في الويندوز: https://apps.microsoft.com/detail/9n0dx20hk701?rtc=1&hl=en-eg&gl=EG ثم أعيدي تشغيل vscode وحاولي تشغيل التيرمنال، إن استمرت المشكلة اضغطي على Ctrl + Shift + P ثم ابحثي عن select default terminal واضغي عليه ثم اختاري powershell. إن استمرت المشكلة من الأفضل حذف vscode ثم تثبيته من خلال الرابط التالي: https://code.visualstudio.com/sha/download?build=stable&os=win32-x64-user

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

انا اريد تكبير حجم خط داخل رسالة واريد تكبير طول لا يتغير بعد عمل ارتفاع له

طيب بتستخدم في مجال الذكاء الاصطناعي

يرفعنا الان الي صفحة فارغة بيضاء لكن لم يتم تحميل ملف في تنزيلات متصفح

عبارة مجموعة من الخوارزميات المستخدمة في نظرية الرسم البياني لحلّ مشكلتين رئيسيتين. الأولى هي إيجاد المكونات المتصلة بقوة (SCC)، وذلك لتحديد جميع المجموعات الفرعية من العقد في الرسم البياني الموجه بحيث يكون هناك مسار من أي عقدة إلى أي عقدة أخرى داخل المجموعة، وتُعرف تلك المجموعات باسم "المكونات المتصلة بقوة". الثانية إيجاد أدنى مسار موجه (DAG) من أي عقدة إلى أي عقدة أخرى في الرسم البياني الموجه. وتُستخدم خوارزميات Tarjans في العديد من التطبيقات العملية، بما في ذلك: تحديد المجموعات الفرعية من الأشخاص الذين يتفاعلون مع بعضهم البعض بشكل متكرر في شبكة اجتماعية. التحقق من صحة تصميمات الدوائر الإلكترونية. تحديد المكونات المترابطة في الكود البرمجي. تحديد مجموعات البيانات المترابطة في مجموعة بيانات كبيرة. أي نستخدمها لحلّ العديد من المشكلات المختلفة في نظرية الرسم البياني، لكنها غير مستقرة في بعض الحالات، مما يعني أن نتائجها قد تتغير اعتمادًا على ترتيب معالجة العقد، أيضًا صعبة الفهم، خاصة للمبتدئين.

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

طريقة اضافة ميزة تسجيل مستهدم جديد على الموقع عن طريق ربط خدمة نفاذ api وجلب بياناته من مركز المعلومات الوطني مثل الاسم ورقم جوال الموثق بابشر وهنوانه الوطني ؟ موقع تجاري وورد برس

السلام عليكم ورحمه الله وبركاته عند محاولة فتح التوثيق الرسمي الخاص ب React الاصدار الجديد لا يتم فتح الموقع بل يظهر خطا يقول This site can’t be reached react.dev took too long to respond. Try: Checking the connection Checking the proxy and the firewall Running Windows Network Diagnostics ERR_CONNECTION_TIMED_OUT مع العلم الانترنت لدي جيد وكل شي على ما يرام فهل هناك حل لكي استطيع قراءة التوثيق بالاصدار الجديد beta وشكرا

بارك الله فيك لماذا يظهر صغير مربع رسالة

كيف ممكن اشترك بدورات أكاديمية حسوب للحصول على عمل ودخل من الانترنت خلال ٦ اشهر

وعليكم السلام ورحمة الله وبركاته . كيف لا يعمل ؟ هل يمكنك ارسال صورة للخطأ . لفتح موجه الاوامر فى vs code يجب الضغط على زر CRTL مع ~ . وهى حرف ذ فى لوحة المفاتيح لديك . او يمكنك الذهاب الى قائمة terminal ومن ثم new terminal .

هدف الدورة هو التركيز على فهم الأساسيات وطريقة رفع التطبيقات إلى أي متجر حيث بنسبة كبيرة جدًا تكون جميع المنصات متشابهة تمامًا في الطريقة التي يتم بها الرفع. على سبيل المثال، إذا كنت تتعامل مع متجر Google Play وتعلمت رفع تطبيقك هناك، ستحتاج إلى: إرفاق صور للتطبيق. إضافة فيديو توضيحي للتطبيق. كتابة سياسة الخصوصية. تقديم طريقة لحذف الحساب إن وجد، بالإضافة إلى بعض الأسئلة الأخرى مثل البلدان المستهدفة والفئة العمرية المستهدفة. تقديم نسخة من التطبيق. وعند رفع التطبيق على منصات أخرى، فإنك ستجد أن 90% من هذه الطلبات متشابهة تقريبًا. وإذا كنت ترغب في معرفة كيفية رفع أي تطبيق على أي متجر، يمكنك طرح السؤال في التعليقات أو الاستفسارات المرفقة بالدرس، وسيتم توفير الخطوات بتفصيل شامل للمساعدتك في الاجابه علي سؤالك.

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

تستخدم `auto-fit` عندما نريد تناسب أي عدد من الأعمدة في المساحة المتاحة. هنا، ستتمدد الأعمدة لتملأ المساحة. تذكر، ستتناسب الأعمدة التي قمنا بتعريفها فقط في المساحة المتاحة. .container { grid-template-columns: repeat(auto-fit, minmax(100px, auto)); } أما عند استخدام `auto-fill`، فإننا نريد تناسب أكبر عدد ممكن من الأعمدة في الصف. ولا يهم إذا كانت الأعمدة فارغة أو لا. وهذا يعني أن `auto-fill` سيستمر في إضافة عمود جديد (أعمدة ضمنية)، حتى إذا لم يكن هناك محتوى كافٍ لملء الأعمدة الجديدة. .container { grid-template-columns: repeat(auto-fill, minmax(100px, auto)); } الفرق بين auto-fit و auto-fill إلى حد ما، تعمل auto-fit و auto-fill بنفس الطريقة، ويتم الاختلاف الرئيسي فيما يتعلق بزيادة عرض المتصفح وكيفية توزيع عناصر الشبكة الجديدة في المساحة المتاحة. نعلم أن auto-fill سيواصل ملء المساحة بأعمدة جديدة. ينشئ أعمدة ضمنية فارغة لملء المساحة المتاحة. بينما يتعامل auto-fit فقط مع المحتوى المتاح. ولن يقوم بإنشاء أعمدة جديدة. بمجرد وجود مساحة كافية لاحتواء عنصر شبكة آخر ، ستنشئ ال auto-fill عمودًا ضمنيًا وتناسب ذلك في المساحة المتاحة. ولكن كما ترى ، لا تفعل ميزة ال auto-fit شيئًا من هذا القبيل. ماذا لو قمنا بزيادة المساحة أكثر؟ الصورة المرفقة بواسطة sushmita_singh

"Auto-fill" و"Auto-fit" هما خاصيتان تستخدمان في تصميم واجهات الويب لتنسيق عناصر الشبكة (Grid) أو العناصر المرنة (Flexbox) تلقائيًا. وإليك الفرق بينهما: Auto-fill خاصية "auto-fill" تستخدم عادة في الشبكات (Grids) لتعبئة المساحة المتاحة بعناصر الشبكة بالحد الأقصى الممكن. عندما يتم تعيين خاصية "grid-template-columns" أو "grid-template-rows" إلى "auto-fill"، ستقوم العناصر بملء الشبكة أفقيًا أو عموديًا بشكل تلقائي، ويتم تكرار العناصر الموجودة لتناسب المساحة المتاحة. Auto-fit خاصية "auto-fit" تعمل بطريقة مشابهة لـ "auto-fill"، حيث تعبئة المساحة المتاحة بعناصر الشبكة أو العناصر المرنة. ولكن الفرق الرئيسي هو أن "auto-fit" يعمل على ضبط حجم العناصر لتناسب المساحة المتاحة دون إضافة عناصر إضافية. إذا كان هناك مساحة زائدة، فإن العناصر ستتقلص لتناسب المساحة، بينما إذا كان هناك نقص في المساحة، فإن العناصر ستتمدد لملء المساحة المتاحة. "auto-fill" يستخدم لتكرار العناصر الموجودة لتعبئة المساحة المتاحة، بينما "auto-fit" يعتمد على تحجيم العناصر الموجودة لتناسب المساحة المتاحة دون إضافة عناصر إضافية.