Web development | تطوير الويب

خارطة طريق مطور الويب Frontend Developer لعام 2024: Step 1: 🌐 Web Basics Step 2: 📄 HTML & CSS Step 3: 🛠️ Build Projects Step 4: 📢 Post it on LinkedIn Step 5: 🤖 JavaScript & React Step 6: 🛠️ Build more Projects Step 7: 📚 Build a Portfolio Step 8: 🔁 Again Post it Online Step 9: 💼 Start Applying 〰️➖➖➖➖➖ قنواتي👇 🔰 https://t.me/ma_net1 🔰

✅‏عند دخولك لاي موقع الكتروني لابد ان تكون على وعي تام بالمعلومات الخاصة بك والتي سيتم كشفها بسهولة لدى Web Server، من هذه المعلومات: - [ ] الاي بي Public IP Address - [ ] الموقع ويشمل البلد، المدينة ، خط الطول والعرض - [ ] مزود خدمة الانترنت ISP - [ ] نظام التشغيل لديك - [ ] نوع المتصفح Browser - [ ] الماك ادرس MAC Address عبر ActiveX objects في IE وغيرها - [ ] نوع الجهاز الذي استعملته وقت الولوج للصفحة - [ ] وقت الدخول للموقع - [ ] العمليات، ان كان هناك عمليات اجريتها على الموقع✍ #منقول

🌐‏موقع مجمع فيه مصادر للتصميم مثل ✅ الأيقونات رسومات ✅ ألوان ✅ مواقع للإستلهام 🌐الموقع مفيد جداً لاصحاب المشاريع فيه 🛠أدوات ذكاءالاصطناعي 👇 uigoodies.com‎ قنواتي👇 🔰 https://t.me/ma_net1

✅#تنسيق صفحة HTML باستخدام CSS ينطوي على عدة خطوات. هنا هي الخطوات الأساسية لتنسيق صفحة HTML باستخدام CSS: 1. إنشاء ملف CSS: قم بإنشاء ملف CSS جديد بامتداد .css. يجب وضع هذا الملف في نفس المجلد الذي يحتوي على صفحة HTML الخاصة بك. 2. ربط ملف CSS بصفحة HTML: في عنصر <head> في صفحة HTML، قم بإضافة عنصر <link> لربط ملف CSS بالصفحة. استخدم السمة rel لتحديد نوع العلاقة بين الصفحة HTML وملف CSS باستخدام القيمة "stylesheet". استخدم السمة href لتحديد مسار ملف CSS. html <head> <link rel="stylesheet" href="styles.css"> </head> 3. تحديد العناصر التي تحتاج إلى تنسيق: استخدم محددات المحتوى في CSS مثل اسم العنصر (tag name) أو السمة (class) أو المعرف (ID) لتحديد العناصر التي ترغب في تنسيقها. على سبيل المثال، إذا كنت ترغب في تنسيق جميع الفقرات في صفحتك، يمكنك استخدام المحدد p: css p { /* تصفيف النص والألوان والخطوط وغيرها هنا */ } 4. تنفيذ التنسيقات: استخدم الخصائص في CSS مثل color وfont-size وbackground-color لتعيين الألوان والخطوط والخلفيات المناسبة للعناصر المحددة. على سبيل المثال، يمكنك تعيين لون النص في الفقرات إلى اللون الأزرق وحجم الخط إلى 16 بكسل كما يلي: css p { color: blue; font-size: 16px; } 5. استخدام القواعد والخصائص الأخرى: يمكنك استخدام العديد من القواعد والخصائص الأخرى في CSS للحصول على تنسيقات متقدمة، مثل الحواشي، والتنازل، والظل، والتحولات، والتحريكات، وغيرها. هذه هي الخطوات الأساسية لتنسيق صفحة HTML باستخدام CSS. يمكنك استكشاف أمثلة CSS المختلفة واستخدم مصادر متاحة في الإنترنت لمعرفة المزيد عن قواعد وخصائص CSS المختلفة بالتو‏فـ♡ـيق✍ قنواتي👇 🔰 https://t.me/ma_net1 🔰

✅أنواع بروتوكولات TCP/IP TCP/IP يتكون من مجموعة كبيرة من بروتوكولات الاتصالات المختلفة. ✅أنواع البروتوكولات بداية يجب أن نوضح أن مجموعات بروتوكولات الاتصالات المختلفة تعتمد أساساً على بروتوكولين أصليين هما TCP و IP. TCP - Transmission Control Protocol يستخدم بروتوكول TCP لنقل البيانات من أحد التطبيقات إلى الشبكة. فبروتوكول TCP هو المسؤول عن تمرير البيانات إلى حزم الـ IP قبل إرسالها، وإعادة تجميع تلك الحزم عند استقبالها. IP - Internet Protocol بروتوكول الـ IP هو المسؤول عن الاتصالات مع أجهزة الحاسب الأخرى. فبروتوكول الـ IP يكون مسئولاً عن إرسال و استقبال حزم البيانات من وإلى شبكة الإنترنت. HTTP - Hyper Text Transfer Protocol بروتوكول HTTP هو المسؤول عن الاتصال بين خادم الويب (web server ) ومتصفح الويب ( web browser ) . فبروتوكول HTTP يستخدم لإرسال طلب من جهازك (web client) عبر المتصفح إلى خادم الويب، وإعادة الطلب في شكل صفحات الويب من الخادم إلى متصفح العميل. HTTPS - Secure HTTP بروتوكول HTTPS هو المسؤول عن الاتصال الآمن بين خادم الويب ومتصفح الويب، فبروتوكول HTTPS يقوم على تنفيذ تعاملات البطاقات الائتمان والبيانات الحساسة الأخرى. SSL - Secure Sockets Layer يستخدم بروتوكول SSL لتشفير البيانات لنقل البيانات المؤمنة. SMTP - Simple Mail Transfer Protocol يستخدم بروتوكول SMTP لإرسال البريد الإلكتروني. IMAP - Internet Message Access Protocol يستخدم بروتوكول IMAP لتخزين واسترجاع البريد الإلكتروني. POP - Post Office Protocol يستخدم بروتوكول POP لتنزيل البريد الإلكتروني من خادم البريد الإلكتروني إلى حاسبك الشخصي. FTP - File Transfer Protocol بروتوكول FTP هو المسؤول عن نقل الملفات بين أجهزة الحاسب الآلي. NTP - Network Time Protocol يستخدم بروتوكول NTP لمزامنة الوقت (الساعة) بين أجهزة الحاسب الآلي. DHCP - Dynamic Host Configuration Protocol يستخدم بروتوكول DHCP لتخصيص عناوين IP لأجهزة الحاسب الآلي في شبكة الاتصال. SNMP - Simple Network Management Protocol يستخدم بروتوكول SNMP لإدارة شبكات الحاسب الآلي. LDAP - Lightweight Directory Access Protocol يستخدم بروتوكول LDAP لجمع المعلومات حول المستخدمين و عناوين البريد الإلكتروني من الإنترنت. ICMP - Internet Control Message Protocol بروتوكول ICMP يقوم على معالجة الأخطاء في الشبكة. ARP - Address Resolution Protocol يستخدم بروتوكول ARP بواسطة الـ IP لإيجاد عناوين ( معرفات ) الأجهزة من خلال بطاقة شبكة الحاسب اعتماداً على عناوين الـ IP. RARP - Reverse Address Resolution Protocol يستخدم بروتوكول RARP بواسطة الـ IP لإيجاد عناوين الـ IP اعتماداً على عناوين الأجهزة من خلال بطاقة شبكة الحاسب. BOOTP - Boot Protocol يستخدم بروتوكول BOOTP لبدء تشغيل الحاسب الآلي من الشبكة. PPTP - Point to Point Tunneling Protocol يستخدم برتوكول PPTP لإعداد قناة اتصال بين الشبكات الخاصة. 🔰قناتي 👇 🔰 https://t.me/ma_net1

📍اذا تحتاج خطوط لتصميمك تقدر تستخدم خطوط Google توفر مجموعة كبيرة من الخطوط 👏 ويمديك تسوي لها import ب CSS او تضيفها مباشرة بملف HTML بال head وايضا يمديك تحملها وتستخدمها باي مكان https://fonts.google.com/ رابط قناتي على Telegram: 🔰 https://t.me/ma_net1 🔰

تعد CSS إحدى اللغات الأساسية في تصميم وتنسيق صفحات الويب، وتعرف باسم "Cascading Style Sheets" بمعنى ورقة أنماط التدرج. وهي تستخدم لتحديد شكل وتنسيق نصوص وعناصر الموقع الإلكتروني. وفيما يلي أهم 20 أمر في لغة CSS: 1. الانتقال بين الصفحات: يمكن تحديد الانتقال بين صفحات الموقع باستخدام لغة CSS، باستخدام عناصر مثل الروابط. 2. الخطوط: من خلال CSS يمكن تحديد نوع الخط وحجم الخط ووزنه واللون. 3. الألوان: تستخدم CSS لتحديد لون خلفية الصفحة وألوان النصوص والرموز. 4. الهوامش: يمكن استخدام القيم السالبة للهوامش لتحديد موضع العناصر في الصفحة. 5. الانحناءات: يمكن استخدام خواص CSS لإنشاء زوايا مستديرة للعناصر. 6. التفاعلات: يمكن استخدام CSS لتحديد تأثيرات التفاعل، مثل التحويلات وصبغ العناصر. 7. الظلال: يمكن إضافة ظلال مختلفة في CSS. 8. الانعكاس: تستخدم خاصية transform لعمل تأثيرات انعكاس وتدوير العناصر. 9. النسب: يمكن تحديد نسب العرض والارتفاع في CSS. 10. الصور: يمكن إضافة صور إلى صفحة الويب باستخدام CSS. 11. التحكم في المواقع: يمكن تحديد مواقع العناصر باستخدام CSS، مثل اللمسات النهائية للتنسيق. 12. الخطوط المتعددة: يمكن استخدام CSS لإنشاء خطوط متعددة في العناصر. 13. تحميل الصفحة: يمكن استخدام CSS لتحميل الصفحة بشكل سلس وفعال. 14. المؤشرات: يمكن استخدام CSS لتحديد شكل وحجم المؤشرات عند التمرير. 15. الطباعة: يمكن التحكم في مظهر صفحة الطباعة باستخدام CSS. 16. العناصر المخفية: يمكن استخدام CSS لإخفاء عناصر معينة. 17. العناصر الشفافة: يمكن جعل العناصر شفافة باستخدام CSS. 18. الرموز: يمكن استخدام CSS لإضافة رموز رياضية إلى الصفحات. 19. نمط العرض: يمكن تحديد تنسيق العرض باستخدام CSS. 20. الأشكال: يمكن إنشاء أشكال مختلفة باستخدام CSS، مثل المثلثات والمستطيلات. هذه هي بعض الأوامر الأساسية في لغة CSS، وهناك العديد من الأوامر الأخرى التي يمكن استخدامها لإنشاء مواقع ويب جذابة وذات تنسيق جذاب. https://t.me/ma_net1

عند تشغيل الحاسوب: 1. BIOS/UEFI يتحقق من الأجهزة (كالذاكرة والمعالج). 2. يقوم بتحميل نظام التشغيل من وحدة التخزين. 3. يبدأ نظام التشغيل في إدارة الموارد والتفاعل مع المستخدم من خلال وحدات الإدخال والإخراج. 4. عند تنفيذ أمر أو برنامج، يقوم المعالج بجلب التعليمات من الذاكرة وتنفيذها عبر وحدة التحكم وALU، مع تخزين النتائج في الذاكرة أو إخراجها عبر أجهزة الإخراج.

بنية الكمبيوتر تشير إلى التصميم الأساسي لنظام الحاسوب بما يشمل مكوناته المادية (الهاردوير) وكيفية تفاعلها مع بعضها البعض. لفهم أساسيات بنية الكمبيوتر، يجب أن نتعرف على المكونات الرئيسية التالية وكيفية عملها معًا: ### 1. وحدة المعالجة المركزية (CPU): - ما هي؟ - تُعرف بوحدة المعالجة المركزية أو المعالج، وهي العقل المدبر للحاسوب الذي يقوم بتنفيذ الأوامر ومعالجة البيانات. - المكونات الأساسية للـ CPU: - وحدة التحكم (Control Unit - CU): تتحكم في تدفق البيانات والتعليمات بين الأجزاء المختلفة للحاسوب. تستخرج الأوامر من الذاكرة وتفك شيفرتها وترسلها إلى وحدة الحساب والمنطق (ALU) لتنفيذها. - وحدة الحساب والمنطق (Arithmetic Logic Unit - ALU): مسؤولة عن إجراء العمليات الحسابية (مثل الجمع والطرح) والعمليات المنطقية (مثل المقارنات). - السجلات (Registers): ذاكرة سريعة وصغيرة داخل المعالج تستخدم لتخزين البيانات المؤقتة والأوامر أثناء التنفيذ. - دورة جلب وتنفيذ (Fetch-Decode-Execute Cycle): - عملية تنفيذ الأوامر تتم عبر ثلاث خطوات: جلب (Fetch) الأمر من الذاكرة، فك شيفرة (Decode) الأمر لفهم ما يتطلب فعله، ثم تنفيذ (Execute) الأمر عبر وحدة الحساب والمنطق. ### 2. الذاكرة (Memory): - ما هي؟ - المكان الذي يتم فيه تخزين البيانات والأوامر بشكل مؤقت أثناء تشغيل الحاسوب. - أنواع الذاكرة: - ذاكرة الوصول العشوائي (RAM): ذاكرة سريعة تستخدم لتخزين البيانات التي يحتاجها المعالج بسرعة. يتم مسح محتوياتها عند إيقاف تشغيل الحاسوب. - ذاكرة القراءة فقط (ROM): ذاكرة ثابتة تحتوي على التعليمات الأساسية لبدء تشغيل الحاسوب مثل BIOS. محتوياتها لا تُمسح عند إيقاف تشغيل الحاسوب. - ذاكرة التخزين المؤقت (Cache Memory): ذاكرة صغيرة وسريعة جدًا موجودة داخل أو قريبة من الـ CPU لتسريع الوصول إلى البيانات الأكثر استخدامًا. ### 3. وحدات الإدخال والإخراج (I/O Devices): - ما هي؟ - الأجهزة التي تستخدم لإدخال البيانات إلى الحاسوب أو إخراجها منه. - أمثلة على وحدات الإدخال: - لوحة المفاتيح (Keyboard): لإدخال النصوص والأوامر. - الفأرة (Mouse): لإدخال الأوامر وتحريك المؤشر. - أمثلة على وحدات الإخراج: - الشاشة (Monitor): لعرض البيانات. - الطابعة (Printer): لطباعة المستندات. ### 4. وحدة التخزين (Storage Unit): - ما هي؟ - مكونات تخزين البيانات والمعلومات بشكل دائم. - أنواع وحدات التخزين: - محركات الأقراص الصلبة (Hard Disk Drives - HDD) ومحركات الحالة الصلبة (Solid State Drives - SSD): تُستخدم لتخزين نظام التشغيل، البرامج، والبيانات. - الأقراص الضوئية (CD/DVD) وأجهزة التخزين المحمولة (مثل الفلاش ميموري): تُستخدم لنقل وتخزين البيانات. ### 5. الناقلات (Buses): - ما هي؟ - مجموعة من الأسلاك أو المسارات الإلكترونية التي تنقل البيانات بين أجزاء الكمبيوتر المختلفة. - أنواع الناقلات: - ناقل البيانات (Data Bus): ينقل البيانات بين المعالج والذاكرة أو وحدات الإدخال والإخراج. - ناقل العناوين (Address Bus): ينقل عناوين الذاكرة التي يريد المعالج القراءة منها أو الكتابة إليها. - ناقل التحكم (Control Bus): ينقل إشارات التحكم والتزامن بين مكونات الكمبيوتر. ### 6. الشبكة الكهربائية (Power Supply): - ما هي؟ - الجهاز الذي يحول الطاقة الكهربائية من مصدر الطاقة (مثل المقبس الكهربائي) إلى طاقة يمكن أن يستخدمها الحاسوب، ويقوم بتوزيعها على جميع المكونات. ### 7. اللوحة الأم (Motherboard): - ما هي؟ - اللوحة الرئيسية التي تحتوي على المكونات الأساسية للحاسوب وتسمح لها بالتفاعل مع بعضها البعض. - المكونات الأساسية للوحة الأم: - المعالج (CPU Socket): المكان الذي يركب فيه المعالج. - المسارات والموصلات (Traces and Connectors): لربط المكونات المختلفة. - الذاكرة (RAM Slots): الأماكن التي تُركب فيها وحدات الذاكرة. - البطاقات التوسعية (Expansion Slots): تستخدم لإضافة بطاقات إضافية مثل بطاقات الرسوميات والصوت. ### 8. نظام الإدخال والإخراج الأساسي (BIOS/UEFI): - ما هو؟ - البرنامج الذي يبدأ تشغيل الحاسوب عند التشغيل، يقوم باختبار الأجهزة والتأكد من عملها بشكل صحيح، ثم يقوم بتحميل نظام التشغيل من جهاز التخزين الرئيسي. ### 9. نظام التشغيل (Operating System): - ما هو؟ - البرنامج الأساسي الذي يدير موارد الكمبيوتر ويسمح للمستخدمين بتشغيل التطبيقات. مثل: ويندوز، لينكس، وماك. ### كيف تعمل هذه المكونات معًا؟

✅#خطة واقسام مجال برمجة الويب..

القناة للبيع توصل هنا 👇 @Arabic_Al_programmer

✅ تم فتح التحويل

المعذره من الجميع سيتم حذف المحتوى الذي في القناة بناء على طلب اكاديمية حاسوب

غدا يتم الحذف