Web Development CYS
211 subscribers
45 photos
10 videos
31 files
16 links
قناة تختص بمقرر Web Development لقسم الأمن السيبراني
Download Telegram
تنبيه:

محاضرات هذا الأسبوع ستكون مكثفة

لذا نرجو من الطلاب الحضور مبكرًا
👍2
Web Development CYS
https://youtube.com/playlist?list=PLknwEmKsW8OuN04Odt2sJqt4aAnkp-iYA&si=NqtgeID8Pvc9nu13 كورس شامل HTML & CSS & JS
تم تنزيل الكورس

وهو متواجد مع بعض الطلاب

ولمن يريد يجيب لي فلاشة type-c وقت المحاضره وانسخه له
3
Forwarded from Web Development
Forwarded from Web Development
Web Development
Photo
يجب أن يكون الموقع مستجيبًا (Responsive) للأسباب التالية:

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


2. تحسين ترتيب الموقع في محركات البحث (SEO): تفضّل جوجل المواقع المستجيبة، مما يحسن ترتيبها في نتائج البحث.


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


4. توفير الوقت والجهد في التطوير والصيانة: بدلاً من إنشاء مواقع منفصلة لأجهزة مختلفة، يمكن لموقع واحد مستجيب التكيف مع جميع الشاشات بسهولة.


5. زيادة معدل التحويل (Conversion Rate): سهولة التصفح على الأجهزة المختلفة تقلل من معدل الارتداد (Bounce Rate) وتزيد من فرص التفاعل والمبيعات.


6. التوافق مع معايير الويب الحديثة: يلتزم التصميم المستجيب بتقنيات CSS وHTML الحديثة، مما يجعله أكثر كفاءة واستدامة.
Web Project-Sample - CSS.zip
20.1 KB
إلى جميع الطلاب

عليكم تنزيل هذا الملف

محاضرة الاسبوع هذا ستكون تطبيق عليه
👍1
الأسبوع القادم تفتيش المشروع

المطلوب انجاز ال ٧ الصفحات السابقة مع تطبيق الشروط + css ويكون responsive


الطالب الذي يصل الأسبوع القادم بدون انجاز css + html سيتم الخصم عليه بمقدار ٥ درجات
👍1
Web Development CYS pinned «الأسبوع القادم تفتيش المشروع المطلوب انجاز ال ٧ الصفحات السابقة مع تطبيق الشروط + css ويكون responsive الطالب الذي يصل الأسبوع القادم بدون انجاز css + html سيتم الخصم عليه بمقدار ٥ درجات»
تنويه هام:

ابتداء من السبت سنبدأ المرحلة الثانية من مراحل تفتيش المشروع
المطلوب :
7 صفحات ويب كما تم ذكره سابقًا في ملف المشروع
مبنيه كما تم شرحه في المحاضرات
Header, Main, Section, Footer

عمل css للصفحات وربط جميع الصفحات بنفس ملف ال css

يجب ان يكون المحتوى غني وواقعي

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


يا مولدا بين الموالد أجمل
بولادة المختار طبت نسيما
بالله يا أهل المحبة فافرحوا
صلوا عليه وسلموا تسليما



اللهم صلِّ على سيدنا محمد طب القلوب ودوائها وعافية الأبدان وشفائها ونور الأبصار وضيائها وعلى آله وصحبه وسلم تسليمًا كثيرًا
6🎉3👍1
Forwarded from Web Development
Forwarded from Web Development
Web Development
Photo
لغة JavaScript هي لغة برمجة ديناميكية تُستخدم بشكل رئيسي في تطوير الويب لإنشاء صفحات تفاعلية وتحسين تجربة المستخدم. تُعد واحدة من الركائز الثلاثة الأساسية في تطوير الويب بجانب HTML (لبناء الهيكل) وCSS (لتنسيق الشكل).
Forwarded from Web Development
Forwarded from Web Development
Web Development
Photo
استخدام JavaScript في تصميم الويب:

1. إضافة التفاعل: تجعل صفحات الويب تفاعلية من خلال التعامل مع الأحداث مثل النقر، والتمرير، والإدخال في النماذج.


2. التعديل على المحتوى ديناميكيًا: يمكن تغيير النصوص، الصور، والألوان دون الحاجة إلى إعادة تحميل الصفحة.


3. إنشاء تأثيرات ورسوم متحركة: مثل القوائم المنسدلة، السلايدرات، والتأثيرات البصرية الأخرى.


4. التحقق من المدخلات: تستخدم لفحص البيانات المدخلة في النماذج قبل إرسالها إلى الخادم.


5. التعامل مع API's: تسمح بجلب بيانات من مصادر خارجية مثل واجهات برمجية لخدمات الطقس أو الأخبار.


6. تصميم واجهات مستخدم متقدمة: من خلال مكتبات وأُطر مثل React.js وVue.js وAngular.
1
تنويه:


جروب ٩ محاضرة تعويضية غدًا الساعه 2 في قاعة C3.5 الدور الثالث


جروب ٧ محاضرة تعويضية الثلاثاء الساعة 10 في معمل 2.1 الدور الثاني
👨‍💻2🫡1