Forwarded from الـمـطـور اﻟﻗﻣـﻳـﺷـي🇾🇪ꪜ.
عند وصولنا إلى 1200 متابع، سأعلن عن مشروع مميز يتمثل في إنشاء منصة تواصل اجتماعي متكاملة، شبيهة بتطبيق واتساب، تضم مجموعة من المميزات والخدمات التي تهدف إلى تقديم تجربة تواصل متطورة ومميزة.💻 🥷
كما سيتم اختيار أول 50 مستخدمًا للمنصة ومنحهم شارة التوثيق الزرقاء، تقديرًا لكونهم من أوائل المستخدمين ودعمًا لهم في انطلاقة المشروع.🥷
شكرًا لكل من يدعمنا ويساهم في تحقيق هذا الهدف، والقادم بإذن الله سيكون على مستوى التطلعات.🤑 🤑
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
Forwarded from الـمـطـور اﻟﻗﻣـﻳـﺷـي🇾🇪ꪜ. (.『⍣انععـزال>القـميشـي⍣』)
📚 الدرس الأول: مقدمة في برمجة مواقع الويب 🌐
💻 برمجة الويب هي إنشاء وتصميم المواقع الإلكترونية باستخدام عدة لغات وتقنيات.
🔹 أهم اللغات:
🔸 HTML: لبناء هيكل الموقع.
🔸 CSS: لتصميم وتنسيق الموقع.
🔸 JavaScript: لإضافة التفاعل والحركة.
🔸 PHP وPython: لبرمجة الواجهة الخلفية.
🔸 MySQL: لتخزين البيانات.
🚀 نصيحة: ابدأ بتعلم HTML ثم CSS ثم JavaScript.
📌 الدرس القادم: تعلم HTML وإنشاء أول صفحة ويب.
#تعلم_البرمجة #تطوير_الويب
Forwarded from الـمـطـور اﻟﻗﻣـﻳـﺷـي🇾🇪ꪜ. (.『⍣انععـزال>القـميشـي⍣』)
📚 الدرس الثاني | أساسيات HTML 🌐
🔹 ما هي HTML؟ لغة تُستخدم لبناء هيكل صفحات الويب وتنظيم محتواها.
خطوات إنشاء أول صفحة ويب:
① فتح محرر الأكواد VS Code.
② إنشاء ملف باسم index.html.
③ كتابة أكواد HTML داخل الملف.
④ حفظ الملف وفتحه في المتصفح.
هدف الدرس: التعرف على HTML وإنشاء أول صفحة ويب.
📌 الدرس القادم: أهم وسوم HTML واستخداماتها.
👨💻 المطور القميشي </>
#HTML #تعلم_البرمجة
Forwarded from الـمـطـور اﻟﻗﻣـﻳـﺷـي🇾🇪ꪜ. (.『⍣انععـزال>القـميشـي⍣』)
📚 الدرس الثالث | أهم وسوم HTML 🌐
💡 ما هي وسوم HTML؟ هي عناصر تُستخدم لبناء وتنظيم محتوى صفحات الويب.
أهم الوسوم واستخداماتها:
1️⃣ <h1> ← إضافة عنوان رئيسي.
2️⃣ <p> ← كتابة فقرة نصية.
3️⃣ <a> ← إضافة رابط.
4️⃣ <img> ← عرض صورة.
5️⃣ <ul> و<li> ← إنشاء قائمة.
6️⃣ <div> ← تقسيم محتوى الصفحة.
هدف الدرس: التعرف على الوسوم الأساسية واستخداماتها.
📌 الدرس القادم: تطبيق عملي على HTML.
👨💻 المطور القميشي </>
#HTML #تعلم_البرمجة
Forwarded from الـمـطـور اﻟﻗﻣـﻳـﺷـي🇾🇪ꪜ. (.『⍣انععـزال>القـميشـي⍣』)
📚 الدرس الرابع | تطبيق عملي على HTML 💻
💡 فكرة الدرس: إنشاء صفحة ويب بسيطة باستخدام وسوم HTML التي تعلمناها.
🚀 خطوات التطبيق:
1️⃣ افتح محرر الأكواد VS Code.
2️⃣ أنشئ ملفًا باسم index.html.
3️⃣ أضف عنوانًا وفقرة وصورة ورابطًا وقائمة.
4️⃣ احفظ الملف بصيغة .html.
5️⃣ افتح الملف في المتصفح وشاهد النتيجة.
🎯 هدف الدرس: تطبيق أساسيات HTML لإنشاء أول صفحة ويب متكاملة العناصر.
📌 الدرس القادم: مقدمة في لغة CSS.
👨💻 المطور القميشي </>
#HTML #تعلم_البرمجة
Forwarded from الـمـطـور اﻟﻗﻣـﻳـﺷـي🇾🇪ꪜ. (.『⍣انععـزال>القـميشـي⍣』)
📚 الدرس الخامس | مقدمة في لغة CSS 🎨
💡 ما هي CSS؟ لغة تُستخدم لتنسيق وتصميم صفحات الويب والتحكم في الألوان والخطوط.
💻 طرق إضافة CSS:
1️⃣ Inline ← تنسيق مباشر داخل العنصر.
2️⃣ Internal ← تنسيق داخل وسم <style>.
3️⃣ External ← تنسيق باستخدام ملف CSS خارجي.
🎨 أهم خصائص CSS:
🔹 color ← لون النص.
🔹 background-color ← لون الخلفية.
🔹 font-size ← حجم الخط.
🔹 text-align ← محاذاة النص.
🎯 هدف الدرس: تعلم أساسيات CSS لتجميل صفحات الويب.
📌 الدرس القادم: تطبيق عملي على CSS.
Al-Qmishi developer </>
#CSS #تعلم_البرمجة
Forwarded from الـمـطـور اﻟﻗﻣـﻳـﺷـي🇾🇪ꪜ. (.『⍣انععـزال>القـميشـي⍣』)
📚 الدرس السادس | تطبيق عملي على CSS 🎨
💡 فكرة الدرس: تنسيق صفحة ويب باستخدام CSS لجعلها أكثر جمالًا وتنظيمًا.
💻 خطوات التطبيق:
1️⃣ إنشاء ملف index.html لبناء الصفحة.
2️⃣ إنشاء ملف style.css لتنسيق الصفحة.
3️⃣ ربط ملف CSS بصفحة HTML.
4️⃣ إضافة الألوان والخطوط والتنسيقات.
5️⃣ حفظ الملفات ومشاهدة النتيجة في المتصفح.
🎯 هدف الدرس: إنشاء صفحة ويب بتصميم جميل ومنظم.
📌 الدرس القادم: تصميم الصفحات المتجاوبة (Responsive Design).
Al-Qmishi developer <\>
#CSS #تعلم_البرمجة
Forwarded from الـمـطـور اﻟﻗﻣـﻳـﺷـي🇾🇪ꪜ. (.『⍣انععـزال>القـميشـي⍣』)
📚 الدرس السابع | تصميم الصفحات المتجاوبة 📱
💡 ما هو التصميم المتجاوب؟ هو جعل صفحات الويب تتكيف مع أحجام شاشات الهواتف والأجهزة اللوحية والحواسيب.
💻 خطوات التطبيق:
1️⃣ إنشاء صفحة باستخدام HTML.
2️⃣ تنسيق الصفحة باستخدام CSS.
3️⃣ استخدام @media لتغيير التنسيق حسب حجم الشاشة.
4️⃣ استخدام وحدات قياس مرنة مثل % وrem.
5️⃣ اختبار الصفحة على أجهزة مختلفة.
🎯 هدف الدرس: إنشاء صفحات ويب متجاوبة مع جميع الشاشات.
📌 الدرس القادم: مقدمة في لغة JavaScript.
Al-Qmishi developer </>
#CSS #ResponsiveDesign #تعلم_البرمجة
Forwarded from الـمـطـور اﻟﻗﻣـﻳـﺷـي🇾🇪ꪜ. (.『⍣انععـزال>القـميشـي⍣』)
📚 الدرس الثامن | مقدمة في JavaScript ⚡
💡 ما هي JavaScript؟ لغة برمجة تُستخدم لإضافة التفاعل والحركة إلى صفحات الويب.
💻 طرق إضافة JavaScript:
1️⃣ Inline ← داخل عناصر HTML.
2️⃣ Internal ← داخل وسم <script>.
3️⃣ External ← باستخدام ملف .js خارجي.
⚙️ أهم الأوامر:
🔹 alert() ← عرض رسالة للمستخدم.
🔹 onclick ← تنفيذ أمر عند النقر.
🔹 innerText ← تغيير النص.
🔹 console.log() ← عرض معلومات في وحدة التحكم.
🎯 هدف الدرس: تعلم أساسيات JavaScript وإضافة التفاعل للموقع.
📌 الدرس القادم: تطبيقات عملية على JavaScript.
Al-Qmishi developer </>
#JavaScript #تعلم_البرمجة
Forwarded from الـمـطـور اﻟﻗﻣـﻳـﺷـي🇾🇪ꪜ. (.『⍣انععـزال>القـميشـي⍣』)
📚 الدرس التاسع | تطبيقات عملية على JavaScript ⚡
💡 فكرة الدرس: تطبيق أساسيات JavaScript لإضافة التفاعل إلى صفحات الويب.
💻 أهم التطبيقات:
1️⃣ تغيير النص عند الضغط على زر.
2️⃣ إظهار العناصر وإخفاؤها.
3️⃣ إنشاء آلة حاسبة بسيطة لجمع رقمين.
⚙️ أهم الأوامر المستخدمة:
🔹 getElementById() ← تحديد عنصر.
🔹 innerText ← تغيير النص.
🔹 style.display ← إظهار وإخفاء العناصر.
🔹 onclick ← تنفيذ أمر عند النقر.
🎯 هدف الدرس: إنشاء صفحات ويب تفاعلية باستخدام JavaScript.
📌 الدرس القادم: التعامل مع الأحداث وإنشاء مشروع صغير.
Al-Qmishi developer </>
#JavaScript #تعلم_البرمجة
Forwarded from الـمـطـور اﻟﻗﻣـﻳـﺷـي🇾🇪ꪜ. (.『⍣انععـزال>القـميشـي⍣』)
📚 الدرس العاشر | التعامل مع الأحداث في JavaScript ⚡
💡 ما هي الأحداث؟ هي تفاعلات المستخدم مع الصفحة، مثل النقر والكتابة وتحريك الماوس.
💻 أهم الأحداث:
1️⃣ onclick ← عند النقر على عنصر.
2️⃣ oninput ← عند الكتابة في حقل.
3️⃣ onchange ← عند تغيير قيمة عنصر.
4️⃣ onmouseover ← عند مرور الماوس.
التطبيق العملي: إنشاء قائمة مهام (To-Do List) تتيح:
✅ إضافة مهام جديدة.
✅ عرض المهام في قائمة.
✅ حذف المهام بسهولة.
🎯 هدف الدرس: تعلم التعامل مع الأحداث وإنشاء مشروع تفاعلي.
📌 الدرس القادم: التخزين المحلي (Local Storage).
Al-Qmishi developer </>
#JavaScript #تعلم_البرمجة
Forwarded from الـمـطـور اﻟﻗﻣـﻳـﺷـي🇾🇪ꪜ. (.『⍣انععـزال>القـميشـي⍣』)
📚 الدرس الحادي عشر | التخزين المحلي (Local Storage) 💾
💡 ما هو التخزين المحلي؟ هو وسيلة لحفظ البيانات داخل المتصفح، حتى بعد إغلاق الصفحة.
💻 أهم الأوامر:
1️⃣ setItem() ← حفظ البيانات.
2️⃣ getItem() ← استرجاع البيانات.
3️⃣ removeItem() ← حذف بيانات محددة.
4️⃣ clear() ← حذف جميع البيانات.
🚀 التطبيق العملي:
إنشاء قائمة مهام تحفظ البيانات حتى بعد تحديث الصفحة.
🎯 هدف الدرس: تعلم حفظ البيانات واسترجاعها باستخدام JavaScript.
📌 الدرس القادم: إنشاء موقع ويب متكامل.
Al-Qmishi developer </>
#JavaScript #تعلم_البرمجة
Forwarded from الـمـطـور اﻟﻗﻣـﻳـﺷـي🇾🇪ꪜ. (.『⍣انععـزال>القـميشـي⍣』)
📚 الدرس الثاني عشر والأخير | إنشاء موقع ويب متكامل 🌐
💡 فكرة الدرس: تطبيق ما تعلمناه لإنشاء موقع ويب متكامل باستخدام HTML وCSS وJavaScript.
💻 خطوات إنشاء المشروع:
1️⃣ HTML ← بناء هيكل الموقع.
2️⃣ CSS ← تصميم وتنسيق الصفحات.
3️⃣ JavaScript ← إضافة التفاعل والحركة.
4️⃣ Local Storage ← حفظ البيانات محليًا.
5️⃣ Responsive Design ← جعل الموقع متجاوبًا مع مختلف الشاشات.
🎯 هدف الدرس: إنشاء موقع ويب متكامل وتفاعلي.
🎓 ختام الدورة:
بهذا نكون قد أنهينا المستوى الأول من دورة تطوير الويب، وتعلمنا أساسيات بناء المواقع خطوة بخطوة.
🚀 واصل التعلم والتطبيق، فهذه بداية رحلتك في عالم البرمجة!
Al-Qmishi developer </>
#HTML #CSS #JavaScript #تعلم_البرمجة