دورات الأكاديمية

أساسيات الحاسوب اكتشف كيفية التنقل وإدارة الملفات في نظام التشغيل بخطوات مبسطة

اكتشف كيفية التنقل وإدارة الملفات في نظام التشغيل بخطوات مبسطة

عادل محمد
تعلم كيفية استخدام نظام التشغيل بشكل فعّال هو أحد المفاتيح الأساسية لتحقيق أقصى استفادة من الحاسوب. نظام التشغيل هو البنية التحتية التي تتيح...
أساسيات الحاسوب مقدمة إلى أنظمة التشغيل Operating Systems

مقدمة إلى أنظمة التشغيل Operating Systems

عادل محمد
نظام التشغيل ( Operating System ) هو العنصر الأساسي الذي يسمح لنا باستخدام الحاسوب بكل سهولة. سواء كنا نستخدم حاسوب مكتبي أو لابتوب أو حتى ه...
دورات الأكاديمية مقدمة إلى Tailwind CSS - ما هو ولماذا عليك استخدامه؟

مقدمة إلى Tailwind CSS - ما هو ولماذا عليك استخدامه؟

عادل محمد
 إذا كنت قد استخدمت CSS التقليدي أو إطارات عمل مثل Bootstrap ، فقد تجد صعوبة في تخصيص التصميمات بسهولة. Tailwind CSS يأتي ليغير هذا المف...
أساسيات الحاسوب دليل خطوة بخطوة: كيفية تركيب وتصلح جهاز الكمبيوتر

دليل خطوة بخطوة: كيفية تركيب وتصلح جهاز الكمبيوتر

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

أجهزة الإدخال والإخراج: دليلك العملي لملحقات الحاسوب

محمد موسي
 الحاسوب هو من أهم الأدوات التي نعتمد عليها في حياتنا اليومية سواء في العمل، التعليم، أو الترفيه. بينما تعتبر المكونات الداخلية مثل المعالج...
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)}}