معرض المشاريع

استعرض أحدث المشاريع التي عملت عليها، وابدأ رحلتك في تعلم برمجتها خطوة بخطوة.

جديد

Personal Website

مبتدئ تصميم المواقع

موقع شخصي احترافي

ابنِ موقعك الشخصي الأول من الصفر. تعلم HTML و CSS لتعرض مهاراتك للعالم.

0
1.2K
4.8
شائع

E-commerce

متقدم تطوير المواقع

متجر إلكتروني كامل

متجر إلكتروني متكامل مع نظام الدفع والمستخدمين (Full Stack).

0
2.1K
4.9
مميز

ToDo App

مبتدئ بايثون

تطبيق إدارة المهام

تطبيق بسيط لإدارة المهام اليومية وتعلم منطق البرمجة باستخدام Python.

0
856
4.5
جديد

Weather App

مبتدئ تطوير المواقع

تطبيق الطقس

تعلم كيفية ربط موقعك ببيانات حقيقية (API) لعرض حالة الطقس.

15
920
4.3



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)}} document.addEventListener('DOMContentLoaded',()=>{initializeSmoothScrolling();initializeLazyLoading(document.querySelectorAll('img'));initializeHeroSection();initializeFeaturedLessons();initializeBeginnersGuide();initializeRecentProjects();initializeNewsletter();initializeFAQ();initializeLatestArticles()})