Mz Collage Labs

Page d'Accueil
Algérie
Tighennif
Mz Collage Labs

Informations de contact, plan et itinéraire, formulaire de contact, heures d'ouverture, services, évaluations, photos, vidéos et annonces de Mz Collage Labs, Création digitale, شارع دينار بومدين حي برادعي, Tighennif.

We are a leading company in digital and technical services ,offering programming ,grafic design , electronics ,and renewable energy solutions .follow us for innovate projects and
exclusive offers!
مؤسسة رائدة في البرمجة التصميم الجرافيكي الالكترونيات ...

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 : إدارة المحتوى الزائد داخل العناصر (إخفاء، تمرير، أو إظهار).

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

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

31/08/2025

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

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

list_css : كيفية تنسيق القوائم وإضافة أنماط مميزة للنقاط أو الأرقام.

padding_css : التحكم في المسافة الداخلية للعناصر لإظهار المحتوى بشكل منظم.

margin_css : ضبط المسافة الخارجية بين العناصر للحصول على تصميم متوازن.

outline_css : إضافة حدود خارجية للعناصر لزيادة وضوحها أثناء التصميم.

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

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

30/08/2025

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

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

الدروس المرفوعة:

animation_css : تعلم أساسيات تحريك العناصر وإضافة تأثيرات تفاعلية.

display_css : التحكم في كيفية عرض العناصر (block, inline, none…).

inline_css : استخدام التنسيقات مباشرة داخل وسوم الـ HTML.

dropdown_css : إنشاء قائمة منسدلة وتنسيقها بشكل احترافي.

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

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

28/08/2025

تم رفع دروس جديدة في CSS على GitHub، مع صور للكود والنتيجة النهائية لتسهيل التعلم خطوة بخطوة.

الدروس المرفوعة اليوم:

image_css : التحكم في الصور من حيث الحجم والتموضع.

link_css : تنسيقات الروابط وتأثيرات الـ hover.

font_css : تخصيص النصوص باستخدام خطوط وأحجام مختلفة.

icon_css : إضافة الأيقونات وتنسيقها لجعل التصميم أكثر احترافية.

بهذا التحديث نواصل بناء أساس متين لتصميم واجهات مواقع جذابة وسهلة الاستخدام.

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

27/08/2025

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

الدروس المرفوعة اليوم:

text_css : تنسيقات النصوص مثل الحجم، الخط، والمحاذاة.

color : التحكم في ألوان النصوص والخلفيات.

border : إضافة حدود للعناصر وتخصيص شكلها وسماكتها.

background : التحكم في خلفيات العناصر سواء كانت ألوان أو صور.

بهذه البداية تفتح صفحة جديدة لتعلم أساسيات CSS التي تجعل صفحاتك أكثر جمالاً وتنظيماً.

26/08/2025

تم رفع صور جديدة على GitHub خاصة بدروس النماذج (Forms) في HTML.
الصور تشمل الكود مع النتيجة النهائية لتسهيل الفهم والتطبيق خطوة بخطوة.

الدروس المرفوعة هي:

forms_basics : شرح الأساسيات لإنشاء نموذج وإضافة الحقول.

file_form : كيفية إدراج حقل لرفع الملفات داخل النموذج.

forms_type : التعرف على أنواع الحقول المختلفة مثل النصوص، البريد الإلكتروني، الأزرار وغيرها.

validation_form : إضافة التحقق من صحة المدخلات لضمان إدخال بيانات صحيحة.

dropdown : إنشاء قائمة منسدلة لاختيار عنصر واحد من عدة خيارات.

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

25/08/2025

🚀✨ تحديث جديد على GitHub
اليوم أضفت صور تعليمية خاصة بدروس الجداول في HTML 📊
مع كل صورة: الكود + النتيجة النهائية عشان تفهم الفكرة خطوة بخطوة 👨‍💻📸

📚 الدروس المرفوعة:
📌 tables_basics – أساسيات إنشاء جدول وعرض البيانات.
📌 tables_colspan – دمج أعمدة مع بعض لعرض بيانات أوسع.
📌 tables_rowspan – دمج صفوف في الجدول لعرض بيانات ممتدة.
📌 tables_style – تنسيقات CSS للجداول (ألوان، حدود، محاذاة…).

🔥 هكذا تكتمل عندك صورة أوضح عن كيفية التحكم بالجداول من الأساسيات إلى التنسيقات الاحترافية.
🎥 المرحلة القادمة: الفيديوهات المسجلة مع الشرح العملي!

24/08/2025

جديد على GitHub والصفحة صور لمجموعة من دروس HTML
اليوم أنجزت مجموعة دروس مهمة في أساسيات برمجة واجهات المواقع، ومعها لقطات شاشة واضحة للكود + النتيجة الفعلية، عشان تتعلم بسهولة وبشكل عملي عن قريب سيتم رفعهم كبداية تعليمية وبعدها يتم رفع دورات الممولة من طرف بعض المؤسسات سيعلن عليها لاحقا .

الدروس المرفوعة
Block Element – العناصر التي تشغل كامل عرض الصفحة مثل
Inline Element – العناصر التي تظهر بجانب بعضها في نفس السطر مثل
List – إنشاء القوائم المرتبة وغير المرتبة لتنظيم المعلومات
Head Tags – أهم الوسوم داخل مثل العنوان، الميتا، والروابط.
Favicon – إضافة الأيقونة الصغيرة بجانب اسم موقعك في المتصفح.

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

22/08/2025

جديد على GitHub من MZ Collage Labs
لو نفسك تبدأ في عالم تصميم المواقع… الآن عندك فرصة تتعلم من أبسط الأمثلة العملية!

📌 دروس اليوم تشمل:
CSS Basics
Background Images
Heading Styles
DIV Usage
كل درس = لقطة شاشة للكود + النتيجة النهائية من اجل المطالعة والنظر والفهم بسرعة.
وإذا واجهت اي مشكلة في الفهم اترك تعليق ونجاوبك عليها بفيديو مرحبا بكم
خطوة بخطوة، راح نكمل معاكم من أساسيات HTML & CSS إلى برمجة التطبيقات، الألعاب وحتى الإلكترونيات.

المتابعة مجانية عبر GitHub – خليك من الأوائل وابدأ رحلتك البرمجية معنا!

21/08/2025

بدأنا أول خطوة!
اليوم الجمعة سنرفع على GitHub صور والأكواد تعليمية خاصة بدروس HTML Basics
لقطات شاشة للكود + النتيجة مباشرة، لتتعلم خطوة بخطوة.
المواضيع اللي نزلت هنا اسفله وفي github تتمثل في
Basics | Headings | Paragraphs | Images | Links

حالياً سنقوم بتحميل الصور للكود وما يناسبه، وبعدها ننتقل لفيديوهات لقطات الشاشة.
بدأنا بلغات برمجة المواقع (HTML, CSS, JS)، لكن لسه فيه محتوى قادم بقوة يشمل: برمجة التطبيقات، الألعاب، والإلكترونيات
بعدهم، سنرفع فيديوهات لدورات كاملة مبنية حسب أكثر المجالات اللي يطلبها المتابعون. #برمجة #مواقع

Adresse

شارع دينار بومدين حي برادعي
Tighennif

Site Web

http://www.linkedin.com/in/mohammed-kourdourli-2715aa281/

Notifications

Soyez le premier à savoir et laissez-nous vous envoyer un courriel lorsque Mz Collage Labs publie des nouvelles et des promotions. Votre adresse e-mail ne sera pas utilisée à d'autres fins, et vous pouvez vous désabonner à tout moment.