مشاريع

تصميمات الويب تطوير Hero Section احترافي: دليلك الشامل مع HTML و CSS

تطوير Hero Section احترافي: دليلك الشامل مع HTML و CSS

عادل محمد
هل حلمت يوما بإنشاء موقع ويب احترافي؟ إذا كنت مبتدئًا في تعلم تطوير الويب، فإن تصميم قسم Hero يعد خطوة رائعة للبدء. حيث يعد هو العنصر الأول ...
مشاريع كيفية بناء آلة حاسبة بالجافا سكريبت خطوة بخطوة للمبتدئين

كيفية بناء آلة حاسبة بالجافا سكريبت خطوة بخطوة للمبتدئين

عادل محمد
مشاريع JavaScript تفاعلية للمبتدئين: من الصفر إلى الاحتراف في هذه السلسلة التعليمية، سنأخذك في رحلة عملية تبدأ من الصفر وصولاً إلى ال...
مشاريع خطوتك الأولى في عالم البرمجة: تعلم بايثون مع مشروع أهلا بالعالم

خطوتك الأولى في عالم البرمجة: تعلم بايثون مع مشروع أهلا بالعالم

عادل محمد
 مرحبًا بكم في السلسلة التعليمية لتعلم البرمجة باستخدام لغة بايثون! في هذه السلسلة، سنقوم بمشاريع برمجية متنوعة تستهدف جميع المستويات، بدءًا...
تحديات برمجة حل 6 تحديات برمجية من Edabit بأساليب بسيطة

حل 6 تحديات برمجية من Edabit بأساليب بسيطة

محمد موسي
هل تبحث عن طريقة ممتعة ومثيرة لتحسين مهاراتك في البرمجة؟ هل ترغب في اختبار معرفتك ومهاراتك في حل التحديات البرمجية؟ إذا، فقد وصلت إلى المكا...
function initializeIntersectionObserver(elements,options={threshold:0.1,rootMargin:'0px 0px -50px 0px'}){const observer=new IntersectionObserver((entries)=>{entries.forEach(entry=>{if(entry.isIntersecting){entry.target.style.opacity='1';entry.target.style.transform='translateY(0)'}})},options);elements.forEach(el=>{el.style.opacity='0';el.style.transform='translateY(30px)';el.style.transition='opacity 0.6s ease, transform 0.6s ease';observer.observe(el)})} function initializeSmoothScrolling(){document.querySelectorAll('a[href^="#"]').forEach(anchor=>{anchor.addEventListener('click',function(e){e.preventDefault();const target=document.querySelector(this.getAttribute('href'));if(target){target.scrollIntoView({behavior:'smooth',block:'start'})}})})} function initializeLazyLoading(images){const imageObserver=new IntersectionObserver((entries,observer)=>{entries.forEach(entry=>{if(entry.isIntersecting){const img=entry.target;img.src=img.dataset.src||img.src;img.classList.remove('lazy');imageObserver.unobserve(img)}})});images.forEach(img=>{img.dataset.src=img.src;img.classList.add('lazy');imageObserver.observe(img)})} function debounce(func,wait){let timeout;return function executedFunction(...args){const later=()=>{clearTimeout(timeout);func(...args)};clearTimeout(timeout);timeout=setTimeout(later,wait)}}