Front-End Pagination using JavaScript

Подписаться 56 тыс.

Просмотров 18 тыс.

50% 1

Front-End Pagination using JavaScript
This proejct only uses#html #css #javascript to split the layout into Pagination without backend help.
The channel is building 2 series: animation series with proejct and animation series for newbies
See more code HTML CSS javascript with Lun Dev
-----------------
Source code and images: www.lundevweb.com/2022/11/pag...
Hex color cover transparent: www.lundevweb.com/2022/10/ban...
Grid CSS in 10 minutes: • CSS Grid in 10 minutes...
Design web using CSS only: • Create Modal Popup usi...
Animation web with project: • Animation Design websi...
Javascript tutorial: • Animation slideshow Ht...
See move: / @lundeveloper
Blog: lundevweb.com
Tiktok: / lun.dev
Contact with me: www.lundevweb.com/p/info.html

Опубликовано:

1 ноя 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 49

@lundeveloper Год назад

Hãy nhấn theo dỏi kênh đễ cập nhật liên tục rất nhiều video chia sẽ code hửu ích miễn phí nhé ^^

@lundeveloper Год назад

Ngày mai sẽ có 1 video hướng dẩn cách reponsive website đơn giản và clean nhất với CSS nhé ❤

@hoanhm0409 11 месяцев назад

1 ngày mới hiều dc code của a :e mới học nên cần hiểu bản chất cảm ơn a với những video chất lượng.Chúc anh và kênh ngày càng phát triển và thành công

@legiahuyfplhcm6090 Год назад

Kênh làm về Front-End hay nhất em từng xem . Chúc anh sớm đạt 100k sub.

@lundeveloper Год назад

🥰🥰🥰 Cảm ơn e nhiều nhiều nè 😍😍

@lundeveloper Год назад

Bạn sẽ hiểu rỏ và nắm rỏ cách vận dụng position CSS vào dự án thực tế qua video này: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-uKsN5vAFTT8.html

@jaamow Год назад

thanks, for this tutorial, it helped me really

@Hehehehe2k 8 месяцев назад

Rất dễ hiểu luôn a, đúng phần e đang bị bí :>

@lundeveloper Год назад

Chức năng phân trang có lẻ là chức năng mà trang web nào củng có nhỉ ❤ Bày tập này làm theo trường hợp không thể thao tác với bên DB và phải làm bằng js nhé ạ ❤

@Triple_A1 Год назад

BOSS I cant thank you enough your tutorial was amazing, may Allah increase your knowledge and understanding as this tutorial was really helpful to me. Thank once again. love you from Nigeria

@lundeveloper Год назад

Thank you so much

@mohammedzaheer4215 4 месяца назад

I don't know which language you are speaking but i understand your code in a amazing level thanks buddy 🎊

@lundeveloper 4 месяца назад

Thank you very much. New videos on my channel are all in English

@codewithkaran8860 Год назад

great tutorial sir really helpful even i am not able to understand your language but your code is awesome thanks a lot

@lundeveloper Год назад

Thank you so much

@nguyenkhang9651 Год назад

hay quá anh ơi , từ khi coi anh web của em có thêm nhiều hiệu ứng :3 , em sắp học qua reactjs hi vọng anh có serries về ngôn ngữ này ạ.

@lundeveloper Год назад

tks kiu e nè. A củng đang suy nghĩ về nó tại hiện tại làm nhiều chủi series quá làm hong suể hi

@vantuyennguyen7570 Год назад

Hay quá bạn ơi

@lundeveloper Год назад

hihi cảm ơn bro 🥰

@lundeveloper Год назад

Có thể bạn củng sẽ quan tâm đến video học Grid CSS trong 10 phút: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-39zczvGSKMo.html

@user-iv4yo4zs5q 5 месяцев назад

Thanks alot

@namtruong2647 Год назад

hay quá anh anh vừa làm vừa giả thích dể hiểu

@lundeveloper Год назад

😍😍😍 thank bro nè 😍😍

@lebao4819 Год назад

Nice

@lundeveloper Год назад

tks bro 🥰

@lundeveloper Год назад

Tạo ra chức năng thêm vào giỏ hàng với javacript ❤ Shopping Cart using HTML CSS and Javascript ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-eDuXL1b6D2o.html

@devitliu1428 Год назад

hay quá anh ơi mong anh chia sẽ về react

@lundeveloper Год назад

a củng đang nghĩ về dụ đó mà tại đang làm nhìu serries quá nên nó lộn sộn lên quá 🥲

@itbosser Год назад

❤️ A thêm chức năng di chuột vào ảnh thì có popup hiển thị thông tin chi tiết như mấy trang phim hay truyện được không ạ

@lundeveloper Год назад

oki nè ^^

@_NguyenTuanAnh-nr4ee Год назад

hay quá bạn có thể làm thêm về phần phân thể loại bằng bằng cách tích check box đi bạn

@lundeveloper Год назад

oke nè 🥰🥰 chờ vài hôm nhé 🥰🥰🥰

@_CaoXuanHien Год назад

1 ngày 1 bài nhiều kiến thức cần bổ sung

@lundeveloper Год назад

hì hì tuyệt dời 🥰🥰🥰

@_CaoXuanHien Год назад

@@lundeveloper làm sao để khi trang đó thiếu item mà ko bị rút lên anh

@lundeveloper Год назад

@@_CaoXuanHien em quy định chiều cao cố định cho cái class .list laf height = bao nhiu đó thì nó sẽ cố định thôi. Hoặc em quy định mỗi dòng có độ lớn bao nhiu và có bao nhiu dòng. VD trường hợp của a là 2 dòng thì a sẽ ghi là grid-template-row: 300px 300px. Như vậy dù thíu item nó vẩn chia 2 hàng thì sẽ ko thụt lên

@nkgame1591 Год назад

Anh ơi, mình có getApi, renderApi và xử lý như video trong function render thì mình gọi lại onclick changePage như nào v ạ

@PhamacThangph Год назад

Bài giảng của anh rất hay ạ nhưng em góp ý 1 xíu ạ , tiếng nhạc hơi to thành ra hơi khó tập trung ạ , tiếng nhạc nhỏ lại xíu thì tuỵt zời ẹ

@lundeveloper Год назад

Cảm ơn e nè ☺️

@PhamacThangph Год назад

@@lundeveloper anh ơi anh có thể chỉ em cách học js hiệu quả không ạ em mới học xong js cơ bản giờ đang tìm tới những project base như thế này để cải thiện kĩ năng

@mihhwi04 8 месяцев назад

anh ơi làm sao để thanh chuyển trang nó cố định vị trí như page1 dù page 2 nó không đủ 6 sp vậy anh

@VoTrung-ob7zs 4 месяца назад

Trường hợp có quá nhiều trang thì có thể hiển thị ... Được ko a

@WHITE_DEVILo07 6 месяцев назад

bro how to set limit of paination on page my pagination is too long i don't know how to set limt to that pagination

@universalworthy2169 Год назад

anh ơi, anh làm pagination khi fetch api được mấy trăm trang thì làm như nào ạ?

@lundeveloper Год назад

Trường hợp dùng API thì yêu cầu bên cung cấp API có chức năng phân trang. Mình chỉ cần truyền tham số là số trang dô là dk ak

@universalworthy2169 Год назад

@@lundeveloper Không yêu cầu được anh ơi, nó ra mấy trăm trang thì phải xử lý như Google họ làm cuối mỗi trang tìm kiếm ấy, tức là chỉ hiện ra khoảng chục trang một xong click vào nó mới hiện tiếp, cơ mà em không biết làm, hic