back icon
instructor profile picture

إيمان عيد العطوي

CIT230 - بناء مشروع مادة تقنية الانترنت والويب

جامعة تبوك logo
جامعة تبوك

159 رس
159 رس

شامل ضريبة القيمة المضافة

أكمل الطلب
list-icon

اشتراكاتي

مقدمة عن فكرة الكورس - المشروع
تثبيت برنامج فيجوال ستوديو كود وإضافاته
إنشاء مجلد المشروع وترتيب ملفاته

Demo + محتوى الصفحة
إنشاء هيكل صفحة index + css
إنشاء جزء Hero
إنشاء جزء Navigation Bar
إنشاء جرء Banner
إنشاء قسم Best Sellers -1
إنشاء قسم Best Sellers -2
إنشاء قسم Flavors
إنشاء جزء Footer

Demo + محتوى الصفحة
إنشاء صفحة shop
إنشاء ستايل كمؤشر للصفحة الحالية في navbar
الموقع المستخدم لإضافة الرموز في css

Demo + محتوى الصفحة
إنشاء جزء ديكور الصفحة
إنشاء البنية الأساسية ل recipe بإستخدام flexbox
إنشاء recipe instruction header
إنشاء recipe instruction body
إنشاء recipe images - 1
إنشاء recipe images - 2
إكمال تعبئة محتويات باقي الوصفات
مقدمة في مفهوم HTML DOM
إنشاء جافاسكريبت -١
إنشاء جافاسكريبت -٢

Demo + محتوى الصفحة
إنشاء الصفحة والديكور
إنشاء البنية الأساسية للصفحة
تصميم form fields -1
تصميم form fields -2
إنشاء جافاسكريبت لأجل form submission
تثبيت واستخدام Sweet Alert

Demo + محتوى الصفحة
إنشاء الصفحة كاملة

نشر الموقع على سيرفر Netlify
خاتمة
ملخص

Demo + محتوى الصفحة
تصميم أيقونة السلة cart icon
تصميم محتوى السلة-١
تصميم محتوى السلة-٢
تصميم محتوى السلة-٣
تصميم أيقونة إضافة المنتج إلى السلة
تعديل تصميم جزء عنوان المنتج وسعره
إنشاء ملف الجافاسكربت الخاص بالسلة
١-١ إضافة حدث click على أيقونة الإضافة للسلة
١-٢ الحصول على معلومات المنتج
١-٣ إضافة المنتج وعرضه في السلة
١-٤ التحقق هل المنتج مضاف للسلة مسبقاً أم لا
١-٥ تحديث عدد المنتجات ومجموع أسعارها
٢-١ فتح و إغلاق السلة
٢-٢ التحقق هل السلة فارغة أم لا
٣ -١ حذف منتج من السلة
٣-٢ حل مشكلة عدم إمكانية حذف أكثر من منتج
٤ شراء المنتجات المضافة للسلة
ملخص جميع المواضيع الواردة في المشروع

نشر الموقع المحدث على سيرفر Netlify

كود المصدر للمشروع

Demo + محتوى الصفحة

Demo + محتوى الصفحة

Demo + محتوى الصفحة

المحتوى الكتابي لصفحة المتجر shop