https://www.facebook.com/109401665465935/

Code Learn - تعلم البرمجة, Alexandria (2026)

06/10/2024

النهارده هكلمك عن اهم لغه برمجة فالعالم كلو
JAVASCRIPT

ركز معيا عشان الموضوع كبييير

أولا كدا بس ايه هيا ال Javascript

هيا لغه برمجة عاليه المستوي تستخدم ف المتصفحات لأنشاء مواقع اكثر تفاعلا بس دا كان زمان

دلوقتي بقا javascript تقدر تعمل بيها تطبيقات ويب وموبيل ابليكيشنز و ديسكتوب ابلكيشنز وكمان اللعاب وليله كبيره

ودا بيحصل ازاي عشان نجاوب ع السوأل دا لازم نفهم ال javascript بتشتغل ازاي اصلا داخل المتصفح

📌 بتشتغل ف المتصفح اعتمدا علي javascript Engine يعني (محرك جافاسكريبت) دا موجود ف المتصفحات وهو اللي بيترجم اكواد ال javascript وبيحولها اللي( Machine Language) عشان الكمبيوتر يقرأها وينفذها تمام
كان من ضمن محركات ال Javascript محرك V8 اللي كان موجود ف متصفح Google Chrome

لهذا اللحظه javascript بتشتغل جوا المتصفح بس

يعني بتعمل بيها تصميم الواجهه الاماميه Front End Dev بس

ف 2009 مبرمج امريكي اسمو Ryan Dayal مش عجبو الكلام دا قال ليه ال javascript تشتغل جوا المتصفح بس مش هيا بتشتغل اعتمدا علي محرك ال V8 صح
راح عمل برنامج ب ++C وحط جواه ال V8 وسماه Node JS ومن هنا ال javascript بدأت تدخل ف حاجات كتيره خارج المتصفح زي مثلا
📌تطوير الواجهات الخلفيه
Backend dev
📌تطوير تطبيقات سطح المكتب
Desktop App
📌تطوير تطبيقات الموبيل
Mobile App
📌تطوير الالعاب
Game Dev
📌أنترنت الاشياء والانظمه المدمجه
IOT & Embedded Systems

وطبعا زي مانت شايف ال Javascript دايسه معاك ف اي software
لو اتعلمت javascript هتكون بدايه كويسه جدا ليك في تارك من دول تمام

طيب يعم ماشي ازاي اتعلم Javascript؟!

بص احنا هنشوف الاجانب بيتعلمها ازاي ونعمل زيهم لان هما اللي اخترعو ال Javascript اصلا ف اكيد هما افضل ناس تشرحها طيب هنتعلم منين برضو
من FreeCodeCamp
سامعك وانت بتقول يعم دا بالانجليزي
ايه رأيك لو جبتلك كورس بيعلمك اساسيات ال Javascript علي node js من FreeCodeCamp مجانا وبالعربي

اه فعلا هو كورس الباشمهندس يحيي العربي هيسبلك اللينك تحت ف Tutorial

لما تتعلم الكورس دا كدا انت معاك اساسيات ال Javascript كا لغه برمجه زي ال ++c او ال python اوي اي لغه برمجه عاديه ملهاش علاقه بالويب وله حاجه

طب لو انا عايز اتعمق اكتر ف Javascript واعرف حاجات اكتر اعمل ايه

هتذاكر كورس الباشمهندس اسامه الزيرو بتاع ال Javascript ودا كورس قوي جدا بصراحه

طيب انت كدا تمام اوي ف ال Javascript ناقصك بس شويه حل مسأل وشويه تطبيقات هتحل تكليفات الزيرو وكمان هسيبلك شرح ال CRUD Operation عشان تطبق عليه

لو عايز بقا تخصص كا Front End هتذاكر Framework زي React او Angular

او Backend هتذاكر Express او Nest

لو عايز تبقا mobile app هتذاكر React Native

ولو عايز تبقا desktop top هتذاكر حاجه اسمها Electron js

كل دول عباره عن مكتبات و frameworkes مبنيه ع ال Javascript

شوفت يعم لغه فعلا تستاهل انك تتعلمها

Tutorial:

كورس اساسيات ال Javascript من freeCodeCamp بالعربي

https://youtube.com/playlist?list=PL8q8h6vqfkSVRNnlbUk-O9JJ0c9B7mqCp&si=20P1Nlkh3UV76hA1

---------------------------

كورس الباشمهندس اسامه ف ال javascript

https://youtube.com/playlist?list=PLDoPjvoNmBAx3kiplQR_oeDqLDBUDYwVv&si=CCSBDwaPFUJjTWEc

---------------------------

تطبيقات علي ال javascript

https://youtube.com/playlist?list=PLDoPjvoNmBAz7_BgzvNcOaE-m_SnE4jiT&si=nV7gje7NTa_AdK0J

---------------------------

شرح ال CRUD Opration بال Javascript

https://youtu.be/nJZAvdUhUMs?si=7Fsf1pvzXsbUd_AS

---------------------------

لو عندك اي Tutoirial تانيه شركها معانه

انا كدا خلصت منتساش تقولي رائك ف الكومنتس

19/08/2023

-- Debugging and Problem Solving --

* إستراتيجيات لتصحيح الأخطاء وحل التحديات البرمجية: *

1. **فهم الخطأ:**

- قبل أن تبدأ في تصحيح الأخطاء، تأكد من فهم رسالة الخطأ بشكل صحيح. تحليل الرسالة سيساعدك في تحديد موقع الخطأ والسبب الرئيسي وراءه.

2. **التجزئة:**

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

3. **التحقق من البيانات المدخلة:**

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

4. **استخدام الطباعة التفاعلية:**

- أضف تعليقات وإخراج طباعي لتتبع سير تنفيذ البرنامج. هذا سيساعدك في معرفة القيم والمتغيرات في نقاط مختلفة من البرنامج.

5. **اختبار على مدى صغير:**

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

6. **مراجعة الشروط والمتغيرات:**

- تحقق من الشروط والمتغيرات المستخدمة في الشروط الشرطية والحلقات. قد تكون هناك تسلسلات غير صحيحة أو قيم متغيرة غير متوقعة.

7. **استخدام أدوات التصحيح:**

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

8. **التعلم من الأخطاء السابقة:**

- ابحث عن أخطاء مشابهة تم معالجتها في الماضي وتعلم من الحلول التي تم استخدامها.

9. **تجربة تغييرات صغيرة:**

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

10. **طرح الأسئلة والمناقشة:**

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

11. **التفكير خارج الصندوق:**

- في بعض الأحيان، يمكن أن يكون الخطأ في مكان غير متوقع. جرب تفكيرًا مبتكرًا وقد يظهر لك الحل.

12. **إعادة قراءة الوثائق:**

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

13. **تجنب الإسراع:**

- لا تستعجل في إصلاح الأخطاء. امنح نفسك الوقت الكافي لتحليل المشكلة والبحث عن الحلول الممكنة.

14. **البحث عبر الإنترنت:**

- استفد من موارد الإنترنت المتاحة للبحث عن حلول لمشاكل مشابهة. هناك مجتمعات ومنتديات تقدم دعمًا قويًا للمبرمجين.

15. **توثيق الحلول:**

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

-----------------------------------------------------------

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

17/07/2023

فيديو قصير وبسيط يوضح الـ Flex من خلال انيميشن جميل جداََ ...
ركز فيه دقيقتين ، هتلاقي نفسك فهمتهم كلهم ...

11/06/2023

نسمع عن Framework وبإختصار هو :
مجموعة من المكتبات هدفها تسريع الأعمل وتسهيل الاستخدام
وأول ما تسمع كلمة Framework أكيد يخطر ع بالك البوتستراب
هل في ثاني ؟
أيوه في ، هنشوفهم هنا:
========================
أولهم وأشهرهم
Bootstrap
الأشهر والأكثر استخداما من المطورين والقوالب المجانية والمدفوعة
الرابط: https://getbootstrap.com/
========================
Foundation
الرابط: https://get.foundation/
من الإطر المعروفة ايضاََ والذي يوفر العديد من الخطوط والأيقونات .
========================
Tailwind CSS
في هذا الفريم ورك تقريبا لن تقوم بكتابة العديد من التنسيقات في ملف style.css كل شىء ستقوم بكتابته في ملف الـ HTML .
وبعض المطورين يرونه المنافس للبوتستراب الأشهر .
الرابط: https://tailwindcss.com/
========================
Materialize

04/06/2023

عالم البرمجة ينقسم إلى جبهتين رئيسيتين: الجبهة الأمامية (Front-End) والجبهة الخلفية (Back-End). في هذا المقال، سنركز على الجانب الخلفي (Back-End)، ونتعرف على مفهومه وأهميته في تطوير تطبيقات الويب وأنظمة المعلومات.

يشير مصطلح "Back-End" إلى العمليات والوظائف التي تتم في الجانب الخلفي من تطبيق الويب أو النظام. وهو المسؤول عن التعامل مع قواعد البيانات والمنطق التجاري والمسؤوليات الأخرى التي لا يتفاعل المستخدمون معها مباشرة.

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

الجانب الخلفي يعتمد على لغات البرمجة المتنوعة مثل Java، Python، Ruby، وغيرها. تختلف تقنيات وأدوات التطوير في هذا المجال بحسب اللغة المستخدمة واحتياجات التطبيق.

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

يعد التفاعل المتناغم بين الجبهة الأمامية والجبهة الخلفية أمرًا بالغ الأ

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

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

باختصار، الجبهة الخلفية (Back-End) هي الجانب الذي يتعامل مع الجوانب التقنية والمعقدة للتطبيقات والأنظمة. وهو مسؤول عن إدارة البيانات وتنفيذ الأعمال المنطقية وتوفير الواجهات التي يتعامل معها الجبهة الأمامية. بدون الجانب الخلفي القوي والمستدام، يكون من الصعب تطوير تطبيقات الويب وأنظمة المعلومات القوية والمتطورة.

25/05/2023

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

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

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

إذا كنت ترغب في تعلم البرمجة، فلا تدع العمر يكون عائقًا. ابدأ بالتعلم والممارسة، وتواصل تطوير مهاراتك مع مرور الوقت.

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

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

هناك أيضًا قصة "فيرجيل أبلوه"، الذي بدأ في تعلم البرمجة في سن الـ40 وأصبح مطورًا محترفًا وأنشأ تطبيقًا شهيرًا يحمل اسم "Hacker News"، والذي يعتبر منصة رئيسية للمطورين ورواد الأعمال.

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

20/05/2023

لغة C # (سي شارب) هي لغة برمجة متعددة الأغراض وقوية تم تطويرها بواسطة مايكروسوفت. وهي تستخدم على نطاق واسع في تطوير تطبيقات سطح المكتب وتطبيقات الويب وتطبيقات الهاتف المحمول وتطبيقات الألعاب والبرمجة على الخادم والكثير من المجالات الأخرى. وفيما يلي بعض المميزات البارزة للغة C #:

1. سهولة الاستخدام: تم تصميم لغة C # لتكون سهلة الاستخدام وقابلة للفهم، مما يجعلها مناسبة للمبتدئين في عالم البرمجة. تحتوي على قواعد واضحة وبناء لغوي متناسق يجعل البرمجة أكثر وضوحًا وسهولة.

2. دعم للبرمجة الكائنية: تعتمد لغة C # على نمط البرمجة الكائنية (OOP)، مما يسمح للمطورين بتنظيم البرامج في شكل كائنات تتفاعل مع بعضها البعض. هذا يسمح بإنشاء تطبيقات قابلة لإعادة الاستخدام وصيانتها بسهولة.

3. تعدد المنصات: تم تصميم C # ليكون متعدد المنصات، وبالتالي يمكن استخدامه في تطوير تطبيقات لمجموعة متنوعة من البيئات مثل ويندوز، لينكس، أندرويد، iOS، وأكثر من ذلك.

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

5. أمان وثبات: تم تصميم لغة C

# لتوفير مستوى عالٍ من الأمان والثبات. يتم فحص الأخطاء أثناء الترجمة ويتم تنفيذ عمليات التحقق من النوع (type checking) لضمان التوافق الصحيح بين المتغيرات والكائنات.

6. دعم للتعددية والمواضيع: توفر C # دعمًا قويًا للتعددية والمواضيع (Multithreading)، مما يسمح لتطبيقاتك بتنفيذ العديد من العمليات المتزامنة والمتعددة في وقت واحد.

7. تحسينات مستمرة: مايكروسوفت تقوم بتحديثات دورية للغة C # وإطار العمل .NET، وتقدم تحسينات ومزايا جديدة بشكل منتظم. هذا يساعد المطورين على الاستفادة من أحدث التقنيات والميزات.

هذه مجرد بعض المميزات البارزة للغة C #. هناك المزيد من الميزات والقدرات المتاحة في اللغة التي تجعلها مناسبة للعديد من أنواع تطبيقات البرمجة المختلفة.

16/05/2023

إليك خريطة لتعلم البايثون في مجال الذكاء الاصطناعي:
المرحلة الأولى:
الأساسيات في لغة البايثون
1. تعلم أساسيات لغة البايثون: تعلم النحو والتركيب الأساسي للغة وكيفية تنفيذ الكود.
2. مفاهيم البرمجة الأساسية:
تعلم المفاهيم المهمة في البرمجة مثل المتغيرات، الشروط، الحلقات، والدوال.
المرحلة الثانية:
تعلم الذكاء الاصطناعي
1. العمارة الذكية:
دراسة المفاهيم الأساسية في الذكاء الاصطناعي وكيفية تطبيقها في البرمجة.
2. تعلم مكتبات الذكاء الاصطناعي:
تعرّف على مكتبات البايثون المتخصصة في الذكاء الاصطناعي مثل TensorFlow و PyTorch واستكشاف استخدامها في تطوير نماذج الذكاء الاصطناعي.
3. تطبيق الشبكات العصبية الاصطناعية:
تعلم كيفية تصميم وتدريب الشبكات العصبية الاصطناعية لمختلف التطبيقات.
المرحلة الثالثة:
التطبيقات المتقدمة في الذكاء الاصطناعي
1. تطبيقات معالجة اللغة الطبيعية (NLP):
استكشاف تقنيات معالجة اللغة الطبيعية في البايثون مثل تحليل المشاعر، التصنيف، والترجمة الآلية.
2. تطبيقات الرؤية الحاسوبية:
تعلم كيفية استخدام البايثون ومكتباته في تنفيذ تقنيات الرؤية الحاسوبية مثل التعرف على الصور والكشف عن الأشياء.
3. تعلم النص العميق (Deep Reinforcement Learning):
استكشاف نماذج التعلم التعزيزي العميق في البايثون وتطبيقها على مشاريع الذكاء الاصطناعي.
المرحلةلرابعة: المشاريع العملية
1. بناء نماذج الذكاء الاصطناعي:
قم بتطبيق ما تعلمته في بناء نماذج الذكاء الاصطناعي لمشاريع محددة، مثل نظام توصيات أو تحليل البيانات.
2. مشاريع متخصصة في الذكاء الاصطناعي:
تعاون مع فريق أو انضم إلى مسابقات وتحديات في مجال الذكاء الاصطناعي لتحسين قدراتك وتجربة تقنيات جديدة.
3. التعلم من المشاريع الحقيقية:
قم بدراسة وتحليل مشاريع حقيقية في مجال الذكاء الاصطناعي المبنية باستخدام البايثون واستفد منها لتوسيع معرفتك وفهمك للتطبيقات العملية.
تأكد من مواصلة التعلم والتجربة والممارسة المستمرة لتطوير مهاراتك في مجال الذكاء الاصطناعي باستخدام البايثون. حظاً موفقاً!

15/05/2023

شرح لمعنى الــ function او الداله
=======================
كاسة القهوة جمبك ويلا بينا نقرأ على رواق 😃
=======================
أولا ماذا نستفيد من الـ function
1-تقوم بتنظيم البرنامج .
2-اعادة استخدام الكود فى أكثر من مكان
3- استخدام هذا الكود فى برامج أخري .
function : هو عبارة عن block وله اسم ويوجد بداخله كود برمجى .
ويتم تعريف الداله كالتالى
function name_function {
/// Here any code
}
وهذا الجزء يسمى بـ function definition
ولو قمت بكتابه كود كالسابق لن يعمل ابدا ولا يتم تنفيد الاكواد الا فى حال الاستدعاء
وتتم عمليه الاستدعاء من خلال كتابه اسم الداله مع قوسين
name_function()
وانت فى هذه الحال وكأنك تقول له اذهب الى الداله التى بنفس هذا الاسم وقم بتنفيذ الاكواد التى بداخلها فى هذا المكان
وتسمى عمليه الاستدعاء بـ Call Function
يمكن ان تقوم بعمليه تعريف الداله مرة واحدة ولكن يمكنك استدعائها بعدد المرات الذى تريد .
ما هى parameters ؟
هى عبارة عن مجموعه من المتغيرات يتم وضعها بين اقواس الدالة أثناء تعريف الدالة ويتم التعويض عن قيمته فى عمليه الاستدعاء .
وبما انه متغير يعنى استطيع اعطائه نوع واسم ,,
ويمكن ان تكون هذه المتغيرات الموجودة بين الاقواس من أكثر من نوع وليس شرطا ان تكون من نفس النوع ولكن على حسب وظيفه هذه الدالة .
* المقصود بالنوع : سواء كان نص او عدد او ...
function namefunction( variable one , variable two )
variable one , variable two ==> هذه هى البراميترات
ما هو argument ؟
هى القيمه المرسلة من الداله والتى تستخدم فى عمليه الاستدعاء
باختصار استطيع القول انه هو قيمه البراميتر الذى تم استخدامه فى تعريف الداله
ويمكن ان يكون الارجيمومنت اى شىء ولكن على حسب النوع الذى تم استخدامه فى التعريف
namefunction( 10 , 'text')
اعتقد انه وضحت بعض الاشياء ؟
ولكن لم نفصل ما الذى يحدث اثناء عمليه الاستدعاء ؟
فى حال الوصول الى مكان الاستدعاء تحدث فى هذه الحال
عمليه تدعى Jump "عمليه قفز"
عمليه قفز الى أين ؟
عمليه قفز الى اسم الداله ويتم التعويض بالبراميتر ان وجد وتنفيد الكود الموجود بداخل هذه الداله وفى حال الوصول الى اخر البلوك او اخر كود فى الداله تحدث عمليه وتدعى return عودة من الداله
الى اين ؟ --> الى مكان استدعاء الداله .
اذا فى عمليه الاستدعاء يحدث قفز
وفى انتهاء الداله من التنفيذ تحدث عمليه عودة لمكان الاستدعاء
يوجد بعض التفصيل ولكن يختلف من لغه برمجة الى اخرى ولكن اكتفى بهذا
ليكون معنى الدوال بشكل عام

14/05/2023

10 طرق لتوسيط العناصر بواسطة الـ CSS بطريقة بسيطة وسهله ،
بعض الطرق لها استخدامات معينة ،
جربوها وطبقو واعرفوها 😃 ...
=============
( 1 )container {
display: grid;
}item{
align-self: center;
justify-self: center
}
align-self
يتم تطبيقه على عنصر الابن للتحكم في المحاذاه بشكل عمودى
justify-self
يتم تطبيقه على عنصر الابن للتحكم في المحاذاه بشكل أفقي
========================================
( 2 )container {
display: grid;
place-items: center;
}
place-items
تستخدم في محاذاه العناصر بشكل عمودي وأفقي
========================================
( 3 )container {
display: grid;
justify-content: center;
align-items: center
}
justify-content
التحكم في العناصر بالاتجاه الافقي
align-items
التحكم في العناصر بالاتجاه العمودي
========================================
( 4 )container {
display: grid;
}item {
place-self: center
}
place-self
محاذاه العنصر الابن بالاتجاهين الأفقي والعمودي
========================================
( 5 )container {
display: grid;
}item {
margin: auto
}
========================================
( 6 )container {
display: flex;
}item {
margin: auto
}
========================================
( 7 )container {
display: flex;
align-items:center;
justify-content: center
}
align-items
التحكم عموديا بالعناصر الموجودة داخل العنصر الاب
justify-content
التحكم افقيا بالعناصر الموجودة داخل العنصر الاب
========================================
( 8 )container {
display: flex;
justify-content: center
}item {
align-self: center
}
========================================
( 9 )container {
position: relative;
}item {
position: absolute;
inset: 0;
margin: auto;
}
inset
هي اختصار للاتجاهات الاربعة
top - right - bottom - left
========================================
( 10 )container {
position: relative;
}item {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}

09/05/2023

مين فهمها 🧐

07/05/2023

متهربش من المشاكل ❤️

نصائح الزيرو 🤍

Code Learn - تعلم البرمجة

06/10/2024

19/08/2023

17/07/2023

11/06/2023

04/06/2023

25/05/2023

20/05/2023

16/05/2023

15/05/2023

14/05/2023

09/05/2023

07/05/2023

Address

Website

Alerts

Contact The Business

Shortcuts

Share