وصف العمل:
قمت بتطوير الواجهة الأمامية (Frontend) لموقع Techvio، وهو موقع متعدد الصفحات يقدم حلولًا تقنية متكاملة. الموقع يتميز بتصميم عصري وسريع الاستجابة، مع دعم لعدة واجهات رئيسية (Landing Pages) لتلبية احتياجات مختلفة. المشروع تم تنفيذه باستخدام أحدث التقنيات والأدوات لضمان تجربة مستخدم ممتازة وأداء عالي.
المهام التي قمت بها:
1. تصميم الواجهة:
تصميم 5 واجهات رئيسية (Landing Pages) بسمات مختلفة لتلبية احتياجات متنوعة.
ضمان تجربة مستخدم سلسة وسريعة الاستجابة على جميع الأجهزة (كمبيوتر، لوحي، جوال).
2. تطوير الواجهة الأمامية:
استخدام PugJs لإنشاء قوالب HTML نظيفة وفعّالة.
تطوير التصميم باستخدام SCSS لكتابة أنماط CSS قابلة لإعادة الاستخدام ومرنة.
استخدام Bootstrap 5 لإنشاء تخطيطات سريعة الاستجابة.
إضافة تفاعلية باستخدام jQuery و TypeScript.
3.إضافة مكتبات لتحسين الوظائف:
استخدام مكتبات مثل Isotope، Owl Carousel، Swiper، Particles.js، Vanilla-Tilt، و WOW.js لتحسين الوظائف والتأثيرات البصرية.
تكامل EmailJs لإرسال رسائل البريد الإلكتروني مباشرة من الموقع.
4. تحسين الأداء:
استخدام GulpJs لأتمتة المهام مثل تجميع الملفات وتحسينها.
تحسين سرعة تحميل الموقع وأدائه.
5. الأدوات والبرامج المستخدمة:
لغات البرمجة: HTML, CSS, JavaScript, TypeScript
أطر العمل والتقنيات: PugJs, SCSS, Bootstrap 5, jQuery
أدوات الأتمتة: GulpJs
المكتبات: Isotope, Owl Carousel, Swiper, Particles.js, Vanilla-Tilt, WOW.js, EmailJs
أنظمة التحكم بالإصدار: Git, GitHub
6. الوقت المستغرق:
إجمالي الوقت: 64 ساعة موزعة كالتالي:
التصميم: 15 ساعة
تطوير الواجهة الأمامية: 35 ساعة
إضافة المكتبات والوظائف: 10 ساعات
تحسين الأداء: 4 ساعات
ملاحظات إضافية:
الموقع يدعم اللغة الإنجليزية فقط.
تم التركيز على تجربة المستخدم وسرعة الاستجابة.
الخطوات المستقبلية:
إضافة المزيد من الوظائف والتكاملات.
تحسين الأداء بشكل مستمر.
إمكانية إضافة دعم للغات أخرى مثل العربية.
الترخيص:
المشروع مفتوح المصدر ومتاح تحت ترخيص BSD 3-Clause License.