25: المشروع النهائي | جلب البيانات على دفعات | Pagination

[@AyaAya-ws3qn]

شرح أكثر من رائع
بوركت على مجهوداتك

[@ahmedelkholy1217]

شرحك ممتااااز....ياريت يكون في كورس للريئاكت👍

[@moon-bb3tq]

صحيح عدت الفيديو بس كتير استفدت وطورت الكود ولسا عم طور الكود ليصسر أفضل
جزالك الله الف خير 😍😍

[@shazamanything3583]

إستمر يا وحش 🔥🔥🔥🔥🔥🔥🔥❤️

[@ibrahimghazaly2967]

الصراحه انه يكون المشروع ب vanilla javascript دي حاجه ممتازه ... وشرحك اكثر من رائع..وبتمني من حضرتك انك تعمل بلاي ليست تحل فيها مسائل problem solving من مواقع زي hackrank او leetcode

[@tarmeez]

شكرا ابراهيم
بإذن الله 👍🏻

[@MEZOSA73]

if(window.scrollY + window.innerHeight +1 >= document.documentElement.scrollHeight) هاد الكود أحسن

[@hasanelmaghraby8857]

ما شاء الله جهد كبير مبذول ربنا يجعله في ميزان حسناتك

[@EsslamElkhmri]

بارك الله فيك وزادك الله علما . شرح ممتاز جدا مهندس يعرب

[@yaserjajeh2521]

ممتاز رائع معلومات رهيبة وأسلوب دهب
بارك الله بك وعلمك ووقتك وجعلك من الفائزين في الدارين

[@doyimega]

top top thank you so much for your help and work wish you all the best

[@mohammadreziq4797]

الله يجزيك الخير

[@abuaqeel292]

واضح جدا يا حبيبنا

[@حسنمهدي-ف3ك]

جزاك الله كل خير

[@tarmeez]

و اياك يا رب

[@ahmadAli-cc5xv]

​@@tarmeez
الدقيقة 55:40
راح علق السطر تبع تفريغ البوستات اليدوية يلي لحنا كتبناها بيدنا عشان ما يصير مشاكل
بس ما عرفت سبب حدوث المشكلة أصلا
يلي بيعرف يجاوبني
بمعنى آخر ليش لحنا مجبورين نعلق السطر من الأساس

[@omarowini1881]

تسلسل جميل

[@-mahmoudadel2628]

جزاك الله خيرا

[@moon-bb3tq]

33:20
اسنتخدمت الـ setAttribute

[@Ahmed-lasloom]

شكراً لك

[@oio3f]

مبدعععع❤

[@El_Bald]

كان ممكن نعمل ال pagination عن طريق ال Intersection Observer API

[@3AYEZ]

وممكن لو الباك اند مش حاططلك الي last_page انت ممكن تعمل condition بيتحقق response الي راجع دا فيه بيانات ولا لا لو فيه بيانات بيخلي المتغير اللي اسمه is_empty بقيمة false ولما اجي اعمل اي request تاني اشوف لو ال is_empty بقيمة true مش هعمل ال request

[@elsayedfarg380]

‏‪35:01‬‏

[@Hmum_Umah]

👍👍🌹🌹🌹

[@لبلبب-ط4ل]

اذا في حد عنده مشكلة في infinte scroll انه الريكوستات ببترسل كل ماتعمل scroll up and scroll down استخدم هي المعادلة وبتحلك المشكلة
let endOfPage = window.innerHeight + window.scrollY >= document.body.scrollHeight;

[@eldomiatyweb]

let scrolly = container.scrollHeight - container.scrollTop
let height = container.oggsetHeight
let offset = scrolly - height
If(offset

[@abuaqeel292]

الدفعات وصلت الى 65 دفعة وعدد البوستات 970

[@masterl8592]

عدد البوستات تخطى ال 19 الف

[@ahmadAli-cc5xv]

الدقيقة 55:40
راح علق السطر تبع تفريغ البوستات اليدوية يلي لحنا كتبناها بيدنا عشان ما يصير مشاكل
بس ما عرفت سبب حدوث المشكلة أصلا
يلي بيعرف يجاوبني
بمعنى آخر ليش لحنا مجبورين نعلق السطر من الأساس

[@elhotelsOohir]

let currentPage = 1;
let isLoading = false;
window.addEventListener('scroll', function() {
if (isLoading) return;
let scrollableHeight = document.documentElement.scrollHeight - window.innerHeight;
let scrolledDistance = window.scrollY;
if (scrolledDistance >= scrollableHeight - 1000 && currentPage < 30) {
isLoading = true;
currentPage++;
getPosts(currentPage);
}
});
isLoading = false;

[@moon-bb3tq]

المشكلة لما تجي البوستات الجديدة عم تختفي البوستات القديمة
يلي واجهة هي المشكلة وحلها ياريت يساعدني ولو كان مارر فترة منيحة ع الكومنت التبعي
ع الأقل بعرف طريقة اخرى للحل
وجزاكم الله خيراََ

[@superzooli7985]

بشر زبط معك ولا باقي

[@moon-bb3tq]

كلشي زبط الف الحمد والشكر لله@@superzooli7985

[@rachidmouine3905]

Guys this the best for checking if the user reaches the bottom. window.onscroll = function() {
if ((window.innerHeight + Math.ceil(window.pageYOffset)) >= document.body.offsetHeight) {
console.log ('At the bottom!')
}
}

[@moon-bb3tq]

this do error
can't = function