Promise example | Ví dụ sử dụng Promise trong JavaScript

👉 Xem Lộ Trình Học: fullstack.edu.vn/learning-paths
👉 Đăng Ký Học Offline Tại F8: short.f8team.dev/dang-ky-hoc-...
Trong video này chúng ta sẽ tiếp tục học và thực hành chuỗi ví dụ về Promise example | Ví dụ sử dụng Promise trong JavaScript
#hoclaptrinh #hoclaptrinhmienphi #javascript #frontend #backend #devops #f8
-------
☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh: bit.ly/2Wsuhet
Công cụ đo đạc giao diện web: s.net.vn/D8kL
Công cụ viết CV xin việc chuyên nghiệp: mycv.vn
--------------
☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức nhập môn: fullstack.edu.vn/courses/less...
Xây dựng giao diện với HTML, CSS: fullstack.edu.vn/courses/html...
Xây dựng web responsive: fullstack.edu.vn/courses/resp...
Lập trình Javascript cơ bản: fullstack.edu.vn/courses/java...
Lập trình Javascript nâng cao: fullstack.edu.vn/courses/java...
Làm việc với Terminal & Ubuntu: fullstack.edu.vn/courses/wind...
Xây Dựng Website với ReactJS: fullstack.edu.vn/courses/reactjs
Xây dựng web với Node & Express: fullstack.edu.vn/courses/nodejs
HTML, CSS tips: fullstack.edu.vn/courses/html...
Ứng dụng cảnh báo khi sờ lên mặt: fullstack.edu.vn/courses/tool...
Xem thêm tại: fullstack.edu.vn/courses
-------------------------------------
F8 Official
(c) Sơn Đặng
Website: fullstack.edu.vn
Facebook cá nhân: / sondnf8
Nhóm Học Lập Trình Web: / f8official
Email: contact@fullstack.edu.vn
© Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
© Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.

Пікірлер: 46

  • @baao2748
    @baao2748 Жыл бұрын

    Có quá nhiều kiến thức hay trong bài này cảm ơn a vì những giá trị mang lại cho cộng đồng IT Việt Nam

  • @khoanguyenleanh6514
    @khoanguyenleanh65142 жыл бұрын

    Tự code lại được bài này: Sức mạnh tuông chảy trong tôi :v

  • @areadev11

    @areadev11

    2 жыл бұрын

    1 tim

  • @khoanguyenleanh6514

    @khoanguyenleanh6514

    2 жыл бұрын

    @@areadev11 mãi yêu

  • @atnguyen-qg6ze

    @atnguyen-qg6ze

    Жыл бұрын

    Đi làm dc ch bạn

  • @nguyenhuy1790
    @nguyenhuy17903 жыл бұрын

    Cảm ơn anh, kiến thức này đã được tiếp thu :v, xem mà nín thở luôn.

  • @BaoGia-mi3pk
    @BaoGia-mi3pk3 жыл бұрын

    Bài này liệu mình có nên sử dụng promise all để có thể rút ngắn việc kéo dữ liệu comments với users không vậy anh.

  • @igdev6095
    @igdev60953 жыл бұрын

    Bài này khó mà cũng ráng nuốt :v

  • @lightd1404
    @lightd1404 Жыл бұрын

    cảm ơn anh ^^

  • @BakiHanma-xx6ok
    @BakiHanma-xx6ok3 жыл бұрын

    bài giảng rất hay, mong anh ra thêm bài async và await.

  • @ComradeBao

    @ComradeBao

    2 жыл бұрын

    +1

  • @kienam5330
    @kienam53303 жыл бұрын

    Cảm ơn anh ^^!

  • @thanhthaotran6727

    @thanhthaotran6727

    Жыл бұрын

    ông là ông cmt trong video nè đúng k🤣

  • @kienam5330

    @kienam5330

    Жыл бұрын

    @@thanhthaotran6727 hehe anh Sơn ưu ái tui thôi hehe =.=

  • @NguyenTien-sv4nd
    @NguyenTien-sv4nd2 жыл бұрын

    Mọi người có thể giúp mình viết lại code bài này bằng async await được không ?

  • @dungla1027
    @dungla10273 жыл бұрын

    khóa này còn khoảng bao nhiêu bài nữa là song vậy anh

  • @buiquangtung
    @buiquangtung2 жыл бұрын

    Bài khác xem lướt cũng hiểu, bài này xem 3 lần chưa hiểu :))))

  • @vanhoangnguyen2974
    @vanhoangnguyen29742 жыл бұрын

    thật ra bài này chỉ cần lấy user với comment ...không cần thiết phải lấy ra 2 user trùng với user_id bởi foreach bước cuối đã làm điều đó rồi...mình nghĩ anh Sơn giúp các bạn ôn lại làm việc với mảng thôi

  • @NamLe-sl4qy

    @NamLe-sl4qy

    2 жыл бұрын

    đúng rồi, đằng nào bước cuối chẳng foreach rồi so sánh, để nguyên cái mảng user ban đầu cũng đc, ko cần phải getUserByID

  • @tuannguyenhuu964

    @tuannguyenhuu964

    Жыл бұрын

    là sao ạ mình ko hiểu ạ

  • @thanh8786

    @thanh8786

    Жыл бұрын

    @@tuannguyenhuu964 trong bài này anh Sơn dùng hàm getUserByIds để lấy ra những user đã comment . để so sánh với những comment.users_id rồi hiển thị ra những user đã cmt. nhưng trong bước cuối ở vòng lặp foreach thì đã so sánh user.id === comment.user_id rồi. thì việc dùng hàm getUserByIds là không cần thiết vì đều trả về kết quả như nhau. trường hợp k dùng hàm getUserByIds thì mình lấy luôn 2 mảng gốc đó đi so sánh rồi hiển thị ra cũng đc

  • @btak-bg4ve
    @btak-bg4ve Жыл бұрын

    Mấy cái bài kiểu này ông nào chưa học backend, chưa làm việc với database thì sẽ thấy khó.

  • @phamnhot6304
    @phamnhot630410 ай бұрын

    có ông kiên đàm nào được lên sóng uy tín thế

  • @phongnguyen2872
    @phongnguyen28723 жыл бұрын

    cái này viết bằng promise chain nó sẽ ngắn hơn nữa, với lại nhìn cũng đẹp hơn

  • @juhandvan

    @juhandvan

    3 жыл бұрын

    promise chain viết kiểu gì vậy bạn

  • @thuyeto6676

    @thuyeto6676

    3 жыл бұрын

    @@juhandvan là cái chuỗi then() nối đuôi đó bro

  • @DuQuocKhanh--
    @DuQuocKhanh--2 жыл бұрын

    Promised hell đây r 😂🤣

  • @codedaohanquoc6641
    @codedaohanquoc6641 Жыл бұрын

    Ví dụ thì làm thế này chứ, chẳng có ai làm BE mà bắt FE get 2 lần API lấy data thế này cả, thường thì FE sẽ truyền 1 cái video_id và BE họ sẽ tự join dữ liệu của users và comments để response lại cho FE, chỉ cần gọi 1 API là có thể đủ data để show ra thôi.... Bắt FE nó gọi 2 lần nó lại oánh cho sm =)))

  • @F8VNOfficial

    @F8VNOfficial

    Жыл бұрын

    Haha đúng rồi bạn ơi. Ví dụ này khác thực tế ở chỗ là FE làm chưa tối ưu, get data kiểu này thì BE làm gộp vào luôn thôi. Chủ yếu mình ví dụ quả chain .then ý. Cảm ơn bạn đã góp ý nha 😍

  • @laocong2537
    @laocong25372 жыл бұрын

    ;V đau đầu chóng mặt tê bì chân tay

  • @khangnguyen6547
    @khangnguyen6547 Жыл бұрын

    dễ

  • @hoato7959
    @hoato79597 ай бұрын

    a cho em hỏi, ở phút thứ 15:05 có nhầm lẫn gì không ạ, khi kiểu trả về của .then ơ trên là 1 object, tại sao lại có thể tiếp tục .then kế tiếp vậy ạ. Em nghĩ nếu muốn .then đầu trả về Promise thì nên sửa trong đó lại là return Promise.resolve({users: user, comments: comments}), mong được anh hướng dẫn

  • @44.thieuquangminh70

    @44.thieuquangminh70

    2 ай бұрын

    Đoạn này tôi cũng không hiểu, b đã hiểu chưa, thông não tôi với

  • @NguyenDung-gi4vc

    @NguyenDung-gi4vc

    16 күн бұрын

    . then return gì về cũng được mà, .then trên trả về object thì .then tiếp theo nhận giá trị là 1 object thôi

  • @NamLe-sl4qy
    @NamLe-sl4qy2 жыл бұрын

    không có bài async await à b?

  • @devcogivui

    @devcogivui

    2 жыл бұрын

    bạn xem trong bài promise nhé

  • @NamLe-sl4qy

    @NamLe-sl4qy

    Жыл бұрын

    @@devcogivui mình làm gì thấy đâu b nhỉ

  • @lofistudy1012
    @lofistudy1012 Жыл бұрын

    Mọi người cho mình hỏi mình viết như vậy được không tự nghĩ tự viết mn ạ var promiseUsers = Promise.resolve(users); var promiseComments = Promise.resolve(comments); var promiseData = Promise.all([promiseUsers,promiseComments]); promiseData .then(function([promiseUsers,promiseComments]) { var html = ''; var blockElement = document.querySelector('#block'); const data = { 'users' : promiseUsers, 'comments': promiseComments, } data.comments.forEach(comment => { var user = data.users.find(user =>{ return user.id === comment.user_id; }) html +=`${user.name} : ${comment.comment}`; }); blockElement.innerHTML=html; })

  • @xuanthuc189
    @xuanthuc1893 жыл бұрын

    Có lẽ mình chưa hiểu nhưng vẫn thắc mắc vì sao phải tách user và comment ra làm 2 mảng mà không gép vào thành 1 mảng gồm có các object { id, name và comment} ?

  • @BakiHanma-xx6ok

    @BakiHanma-xx6ok

    3 жыл бұрын

    mình nghĩ làm thế để làm ví dụ về promise á.

  • @xuanthuc189

    @xuanthuc189

    3 жыл бұрын

    @@BakiHanma-xx6ok Chỗ phút 12.20: sao lại return của hàm filter lại là: userIds.includes(user.id). Mình thấy ko đúng vì hàm includes trả về boolend. mà khi lọc users thì phải lấy điều kiện là users.id === userIds chứ bạn nhỉ ?

  • @LUCKY-qo8mc

    @LUCKY-qo8mc

    3 жыл бұрын

    @@xuanthuc189 thì cái users.id === userIds cũng trả về bl mà

  • @uchungnguyen5487

    @uchungnguyen5487

    2 жыл бұрын

    cái này là để demo ví dụ khi lấy dữ liệu từ api sẽ trả về 2 bảng (users, comments).

  • @btak-bg4ve

    @btak-bg4ve

    Жыл бұрын

    Bình thường cứ viết ra cái hàm trả về câu lệnh sql so sánh lấy dữ liệu, thêm, sửa, xóa theo điều kiện. Lúc cần thì import vào dùng, thay tham số nên chả cần làm mấy cái thao tác lọc như này.

  • @nguyenductanfplhcm3964
    @nguyenductanfplhcm3964 Жыл бұрын

    Nói nhanh như gió nghe thôi vẫn không kịp :))

Келесі