Mz Collage Labs

16/09/2025

🚀 BA Clothes – Great Wear | متجر إلكتروني متكامل

مع MZ Collage Labs قمنا بتطوير واجهات تطبيق احترافي لمؤسسة الأزياء BA Clothes – Great Wear يشمل:

صفحة الدخول والصفحة الرئيسية مع منتجات وإعلانات.

صفحة الخصومات والعروض الخاصة.

صفحة المنتجات الأكثر مبيعًا.

صفحة المنتج بتفاصيل كاملة.

صفحة السلة مع تجربة شراء سلسة.

💡 تصميم واجهات يربط بين الهوية البصرية والتجربة الرقمية، ليحوّل مشروع الملابس والإكسسوارات إلى متجر إلكتروني عصري وجذاب.

📩 هل تريد نفس الجودة لمؤسستك؟ تواصل معنا اليوم.

16/09/2025

تعلم البرمجة من الصفر مع JavaScript

📌 وصلنا الآن إلى الحلقات (Loops) … واحدة من أهم أدوات المبرمج لبناء برامج ذكية وفعّالة.
لكن هذا مجرد بداية! 😎

✨ مع MZ Collage Labs:
🔹 تتعلم الأساسيات خطوة بخطوة (مع صور + فيديو + أمثلة عملية).
🔹 تبدأ بالكود البسيط … وتنتهي بمشاريع حقيقية.
🔹 دعم ومتابعة مباشرة أثناء تقدمك.

🎯 لا تكتفي بالمشاهدة … سجّل الآن في الدورات وابدأ رحلتك في عالم البرمجة.

💡 المستقبل يُبنى بالكود، وأنت تقدر تبدأه اليوم!

12/09/2025

جديد على MZ Collage Labs | JavaScript Tutorials
📌 اليوم نكمل مع أساسيات الجافاسكربت:

🔹 المتغيرات (Variables)
🔹 العمليات (Operators)
🔹 العشوائية (Random)
🔹 الجمل الشرطية (If...Else)

✨ صور + فيديوهات قادمة قريبًا مع شرح مبسط + لقطات كود عملية.
🎯 الهدف: أن تتعلم البرمجة خطوة بخطوة بطريقة سهلة وسريعة.

11/09/2025

📢 تحديث جديد – JavaScript على GitHub

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

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

🔥 نواصل معكم بناء أساس قوي في JavaScript لتطوير مواقع وتطبيقات تفاعلية.

10/09/2025

تطبيق "BA Clothes – Great Wear" ✨📱

👗👜 متجر إلكتروني عصري لبيع الملابس والإكسسوارات وغيرها، بتصميم واجهات عصرية وسهلة الاستخدام:

🔹 5 صفحات Splash Screen لإطلالة أنيقة من أول دخول.
🔹 واجهات تسجيل الدخول – إنشاء حساب – تأكيد البريد – إدخال الكود – استرجاع كلمة المرور.

🚀 قريبًا: عرض كامل لجميع صفحات المتجر + الهوية البصرية للشعار.

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

#ملابس #إكسسوارات

10/09/2025

انطلاقة جديدة – دروس JavaScript على GitHub

اليوم بدأت مرحلة جافاسكريبت، ورفعت صور للكود مع النتيجة المباشرة لعدد من الدروس التأسيسية، وهي:

output_js : طرق عرض النتائج في JavaScript.

hello_js : أول برنامج "Hello World" بلغة جافاسكريبت.

number_js : التعامل مع الأرقام والعمليات الحسابية.

statement_js : كتابة وتنفيذ العبارات الأساسية.

🎥 هذه الصور ما هي إلا البداية… قريبًا راح يتم إصدار الفيديوهات المسجلة لدروس JavaScript خطوة بخطوة.
📸 بالإضافة لذلك، يتم تجهيز مرحلة كاملة لقطات شاشة من كتابة الكود لتكون مرجع بصري واضح وسهل.

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

07/09/2025

🔥 هل تبحث عن هوية تعكس قوة مشروعك؟ 🔥

مش مجرد شعار… بل هوية بصرية متكاملة 👌
ألوان متعددة تناسب كل استخدام (مطبوعات – سوشيال ميديا – منتجات)
نسخة شفافة، نسخة بخلفية، نسخة أسود/أبيض ✨
جاهزة للتحويل إلى إعلان تسويقي يبرز علامتك بأفضل صورة

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

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

#اعمال

06/09/2025

03/09/2025

المرحلة الأخيرة – دروس CSS على GitHub

اليوم رفعت آخر عناصر سلسلة CSS مع صور الكود + النتيجة النهائية، وبذلك نكمل مرحلة مهمة من رحلة تصميم المواقع:

table_css : تنسيقات الجداول لتصبح أكثر وضوحًا وجاذبية.

translate_css : تحريك العناصر باستخدام التحويلات (Transform) لتأثيرات تفاعلية.

vertical_navbar_css : إنشاء شريط تنقل عمودي منسق وعملي.

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

القادم سيكون أضخم: دروس مسجلة بالفيديو + محتوى في مجالات البرمجة الأخرى (التطبيقات، الألعاب، الإلكترونيات).

تابعونا واقترحوا الأفكار أو المشاريع اللي تحبوا تشوفوها مطبقة معنا.

02/09/2025

اليوم تم رفع صور جديدة للكود مع النتيجة النهائية، لشرح تقنيات أساسية في تصميم واجهات المواقع:

position_css : التحكم في تموضع العناصر داخل الصفحة (static, relative, absolute, fixed).

responsive_form_css : جعل النماذج متجاوبة مع مختلف الأجهزة والشاشات.

shadows_effect_css : إضافة تأثيرات الظل للعناصر والنصوص لإبراز التصميم وإعطائه عمقًا بصريًا.

🔥 هذه الدروس تضيف لمسات احترافية على مواقعك وتجعلها أكثر جاذبية وتفاعلية.

تابع التحديثات باستمرار وشارك اقتراحاتك للأفكار أو الدروس اللي تحب تشوفها في المراحل القادمة.

01/09/2025

تحديث جديد – دروس CSS على GitHub

اليوم أضفت صور جديدة للكود مع النتيجة النهائية لتوضيح مفاهيم متقدمة ومفيدة في CSS:

float_css : التحكم في محاذاة العناصر يمينًا أو يسارًا داخل الصفحة.

masking_css : إخفاء أجزاء من العناصر باستخدام أقنعة للحصول على تأثيرات بصرية مميزة.

media_css : تطبيق التنسيقات حسب حجم الشاشة أو نوع الجهاز (تصميم متجاوب).

overflow_css : إدارة المحتوى الزائد داخل العناصر (إخفاء، تمرير، أو إظهار).

🔥 هذه الأدوات تجعلك تتحكم أكثر في شكل وتصميم موقعك، وتفتح لك مجال الإبداع في الواجهات.

تابعوا التحديثات اليومية واقترحوا الأفكار أو المشاريع اللي حابين نشوفها مع بعض في المراحل القادمة.