Front-End Pagination With JavaScript

[@hammadhassan3085]

Works accurately and plus point is you have demonstrated modern pagination style.

[@qirele8773]

Thank you so much! Had a horrible time figuring out how to paginate a large amount of data for a school project, this really helped a lot!

[@kanways8]

It's really usefull. Only video that teach advanced pagination

[@AQW9111]

Thank you very much! A very simple but still complex solution!

[@henokkebede689]

I appreciate your help man. Thank you!

[@ritaanene6414]

this video really helped me a lot. Thanks

[@lilialobato2611]

thanks! really easy to understand and really usefull!!!

[@mrmufy]

Thanks.
Can u tell me how i can set the current page with the active status highlight.

[@joux1992]

if you want set the current page you can try this in the pageButtons function
if (state.page == page) {
wrapper.append(`
${page}`);
} else {
wrapper.append(`${page}`);
}

[@AntonyAllocious]

@@joux1992 I tried my end, am not able to succeed, can you share your code. Thanks in advance

[@aacm1259]

@@AntonyAllocious you need to put that IF where you create the buttons instead of what he had in the video, like this:
for(var page = maxLeft; page

[@匿名-x5m]

Nice tutorial, but I still have doubts. While this implementation is working as expected in the frontend, the backend is still sending out large data. For example, if a user sends a request, it fetches 20,000 data. The user retrieves all these data, then the JavaScript performs its operation in the user end as shown in this video. Isn't it still defeats the purpose of pagination? Since the server side is still sending out large data (which can also lead to DDoS and higher memory consumption). Please correct me if I'm wrong.

[@nguyenngochai3049]

thank you so much, this just saves my day

[@joux1992]

Thank you very much for this video.

[@ernestzavier2377]

a tip: you can watch series on Flixzone. I've been using it for watching lots of of movies these days.

[@kadedane5329]

@Ernest Zavier yup, been watching on Flixzone for years myself :D

[@imaby.k]

how to add searching with this pagination...please help

[@rockstar007cool]

Yess, dennis there is a video of yours in which you explained searching and here pagination.
If you could create a video to do both together.
Need to implement asap.
And thanks your videos helps a lot.

[@spitfire7914]

I need to make a project which gets data by searching via github api and then paginates those data.

[@thesandman-f3l]

How should I change the javascript to show the active button?

[@naveenjoe892]

Awesome work thanks! love it.

[@jeremey2072]

Should be labeled "Front-End Pagination with jQuery" instead of "with JavaScript"

[@pushpakfegade2770]

Can you give coded lines as jQuery into javascript syntax.

[@jhalakmaheshwari234]

This is amazing! Thank You :)

[@paulohsgoes1959]

Excellent job!

[@suli5293]

Amazing tutorial and an amazing coder, but I just wished if you started this from scratch so we can follow up

[@benjaminch6292]

Thanks so much! I love it

[@samrey8134]

you bet me to it by 4 weeks.

[@pushpakfegade2770]

I need the jquery syntax into Vanilla javascript can anyone provide it.

[@nahida4444]

can anybody please tell me if that jquery bit can be written in javascript? i m stuck with the onclick function

[@pushpakfegade2770]

i too want that did u get the current value of page i.e this.val() into javascript

[@aguyoninternet9883]

awesome dude!!

[@dsadsa5008]

thanks for video !! i love it

[@karlrussellmenil9460]

Topic: Full stack javascript - Data Pagination and Filtering
Good day,
If I may humbly ask a little help, any hints, comments and suggestions are very much welcome, thank you in advance for all your help, please see question below, how do I code this?:
/*
Create the `showPage` function
This function will create and insert/append the elements needed to display a "page" of nine students
*/
/*
Create the `addPagination` function
This function will create and insert/append the elements needed for the pagination buttons
*/
// Call functions

[@ibrahimjomaa6548]

thx for all♥

[@АртёмЖуков-п2з]

Thanks for video
how to do active page button?

[@peteryu4353]

Can I use API with this?

[@bikramchettri9405]

thanks for the video.

[@DennisIvy]

My pleasure, thank you for watching :)

[@i-am-oi]

Ivy could you please make another using just the arrow icons. Thanks

[@DennisIvy]

I purposely didn't use arrow functions because I know a lot of people watching this still use the old JavaScript functions but I could do that. How about I re-write the code with arrow functions and attach it as another git repository. Would that help you?

[@i-am-oi]

@@DennisIvy Sure, it'd definitely help. Thanks

[@moody54324]

Do it with django api instead json variable.

[@joedlopez2214]

Thankyou Very Much !!

[@lsagar]

thank you very much

[@DiegoSantos-wo6rb]

THANK YOU!

[@noorrida8895]

Thanks a ton!

[@bagasmendo4959]

THANKSSS BROOO, A LOT

[@pazhyloiandkulg4wiystudios830]

THANKS THANKS THANKS THANKS!!!!!!!!!

[@giantqtipz6577]

youre welcome bro

[@Jagadish47]

I dont understand the code

[@preeeby]

Thanks

[@DennisIvy]

My pleasure :)

[@Pareshbpatel]

{2021-09-07}

[@yusufsAnt31]

Thanks

[@LaltiDevi-o8x]

Thanks