SPA/MPA là gì | Khái niệm SPA | ReactJS

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ก.ย. 2021
  • 👉 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-...
    Ở video này chúng ta sẽ cùng nhau tìm hiểu về SPA/MPA là gì? | Khái niệm SPA | ReactJS
    SPA hay Single-page application là gì? Ngược lại chúng ta có MPA hay Multi-page application là gì? Hãy cùng tìm hiểu SPA & MPA qua bài học thuộc khóa ReactJS này nhé.
    #hoclaptrinh #hoclaptrinhmienphi #javascript #reactjs #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.
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 92

  • @F8VNOfficial
    @F8VNOfficial  2 ปีที่แล้ว +59

    Anh em xem kỹ và chiêm nghiệm nhé!
    - Trong thực tế thì SPA vẫn triển khai dạng SSR được nhé các bạn, các bạn có thể tìm hiểu về NextJS FW, nó giúp render UI lần đầu từ server và hydrate tại Client (tuy nhiên sau đó thao tác chuyển trang tại Client lại là CSR)
    - Ngoài ra chúng ta vẫn có thể kết hợp cả MPA & SPA luôn, vừa SSR vừa CSR nữa cũng làm được nhé, mình không đề cập vì phần lớn anh em học FE sẽ bị khó hiểu thôi nha.
    - Một lý do để chọn MPA nữa là nếu website cần chú trọng SEO hoặc muốn đơn giản để làm SEO thôi. Như site lớn như Shopee thì họ đề cao trải nghiệm người dùng, SEO thì vẫn rất cần thiết cho một site e commerce như vậy. Nên họ vẫn chọn ReactJS + với prerender để giải quyết bài toán SEO onpage!

    • @hoaimiqng
      @hoaimiqng 2 ปีที่แล้ว

      Chi tiết quá anh ạ

    • @tuantranquoc8863
      @tuantranquoc8863 2 ปีที่แล้ว

      A dạy quá chi tiết luôn.

    • @nmqbrightray
      @nmqbrightray 2 ปีที่แล้ว

      anh giảng dễ hiểu quá, cảm ơn anh

  • @juhandvan
    @juhandvan 2 ปีที่แล้ว +11

    Học React được gần 2 năm rồi và bây giờ đã là 2021 rồi những vẫn xem lại những video mới làm về React của a Sơn vì nội dung luôn được anh Sơn bổ sung thêm những kiến thức mới mẻ và giải thích những điều mà những người làm video trước chưa nói tới

  • @KhoaPham-sm1uf
    @KhoaPham-sm1uf ปีที่แล้ว +2

    Thật, cảm ơn Sơn và F8 nhiều lấm, học mỗi Sơn mà không cần quan tâm đến các khóa khác, kiến thức rất chi tiết, tỉ mỉ, lại còn bonuss thêm kiến thức thực tế mọi góc cạnh trong ngành IT.🙏

  • @baoduy7198
    @baoduy7198 2 ปีที่แล้ว +5

    Học react đã lâu r nhưng vẫn học lại khóa của anh sơn

  • @phongvo9989
    @phongvo9989 2 ปีที่แล้ว +5

    Hi F8, hiện mình đang tự học code JS và các ngôn ngữ khác qua F8. Mặc dù không phải chuyên ngành của mình nhưng các bài học bên F8 đi rất cơ bản, ngắn gọn và chi tiết. Mình tin có rất nhiều bạn cũng có thể tự học một cách dễ dàng như mình, cho nên mình đề xuất ad có thể để thêm link donate để sau mỗi khoá học bạn nào thấy hữu ích có thể donate nhé.

  • @binhnguyenthanh5279
    @binhnguyenthanh5279 หลายเดือนก่อน

    Thề học ai đi nữa thì vẫn thấy a Sơn dạy luôn chi tiết, dễ hiểu và đầy đủ nhất :))

    • @F8VNOfficial
      @F8VNOfficial  หลายเดือนก่อน +1

      Cảm ơn em nhiều nha

  • @nguoixanh
    @nguoixanh 2 ปีที่แล้ว +1

    Mình mới học react, cũng mò mẫm nhiều series video, nhưng thấy bạn này truyền đạt tâm huyết, chính xác, dễ hiểu nhất, thanks b

  • @thienvuquang3103
    @thienvuquang3103 2 ปีที่แล้ว

    Cảm ơn anh, em đợi khóa react của a từ lâu lắm rồi.

  • @OrionChocoboy
    @OrionChocoboy 2 ปีที่แล้ว

    Mình đã xem nhiều hướng dẫn nhưng của bạn này xem và nghe nó không bị buồn ngủ :D Like

  • @minhvu0906
    @minhvu0906 2 ปีที่แล้ว +8

    Mong a ra nốt phần Async Await bên JS nâng cao ạ. Em cảm ơn a.

  • @nhatlong7756
    @nhatlong7756 2 ปีที่แล้ว +2

    Mong khóa này a ra nhanh để được học hết sớm. Năm nay em năm cuối rồi ạ

  • @nghiahoang1578
    @nghiahoang1578 2 ปีที่แล้ว +1

    mong anh ra bài đều đặn. cảm ơn anh nhiều ạ :D

  • @DungNguyen-jl1cv
    @DungNguyen-jl1cv 2 ปีที่แล้ว

    Cảm ơn sự tận tình của anh

  • @leo2_1
    @leo2_1 11 หลายเดือนก่อน

    bài giảng rất hay, cảm ơn anh!

  • @ngocquynh7494
    @ngocquynh7494 2 ปีที่แล้ว

    cảm ơn anh, rất hữu ích ạ

  • @NamNguyen-id2bz
    @NamNguyen-id2bz 2 ปีที่แล้ว

    Cảm ơn sự tận tình của anh ạ

  • @VietNguyen-qd2de
    @VietNguyen-qd2de 2 ปีที่แล้ว

    biết đến a này muộn quá dạy hay ghê

  • @sherrythu
    @sherrythu ปีที่แล้ว

    Em thích nghe giọng của anh giảng quá à

  • @tronghuannguyen4587
    @tronghuannguyen4587 2 ปีที่แล้ว

    Giảng hay nhất trong những ng e đã nghe

  • @huyminecraft11
    @huyminecraft11 2 ปีที่แล้ว

    Dễ hiểu quá ơi hiểu quá anh ơi

  • @banghuynh7
    @banghuynh7 2 ปีที่แล้ว +1

    thành fan anh Sơn luôn :)

  • @vuduynhien38
    @vuduynhien38 2 ปีที่แล้ว

    u là tr thấy thông báo là em xem ngay

  • @luuangpho2100
    @luuangpho2100 2 ปีที่แล้ว +3

    Mong anh giải thích thêm về các loại Rendering hiện nay. Ví dụ như Universal SSR. Chúc anh mạnh khoẻ để ra clip nhiều hơn cho anh em viewer

    • @LongHoang-tb5en
      @LongHoang-tb5en 2 ปีที่แล้ว

      bên khoá Express & nodeJs có nói rồi á bạn, bạn có thể vô xem video nhưng nếu muốn hiểu kĩ hơn thì sợt gg

  • @anhdadenn
    @anhdadenn 2 ปีที่แล้ว

    Anh giải thích hay quá xem cuốn hơn cả squid game 😂

  • @_HuynhAnh-lx1hc
    @_HuynhAnh-lx1hc 2 ปีที่แล้ว

    cảm ơn F8 rất nhiều ạ

  • @sonminhpham8118
    @sonminhpham8118 2 ปีที่แล้ว

    Tuyệt vời

  • @truongtranvan7590
    @truongtranvan7590 2 ปีที่แล้ว

    Ủng hộ anh.

  • @HaiNguyen-bx4kr
    @HaiNguyen-bx4kr 2 ปีที่แล้ว

    Cảm ơn a 💖 💖

  • @becode9266
    @becode9266 2 ปีที่แล้ว

    Quá tuyệt vời

  • @khoatrananh7372
    @khoatrananh7372 2 ปีที่แล้ว

    Cảm ơn anh

  • @cubicuteo5603
    @cubicuteo5603 2 ปีที่แล้ว

    Quá hay.

  • @itphan5182
    @itphan5182 2 ปีที่แล้ว

    Em cám ơn anh

  • @theluannguyen7238
    @theluannguyen7238 2 ปีที่แล้ว +3

    Thầy ơi,...mỗi lần thầy giảng á,..thầy post thêm đính kèm file pdf được không ạ,..để tụi em dễ dàng theo dõi và tiếp cận hơn ạ, em cảm ơn thầy ^^

  • @lamuc9118
    @lamuc9118 2 ปีที่แล้ว

    giọng a nghe cuốn thật :v

  • @kieutrang9336
    @kieutrang9336 2 ปีที่แล้ว +1

    Cách truyền đạt của anh Sơn ngày càng dễ hiểu

  • @TinNguyen-cx6ri
    @TinNguyen-cx6ri 2 ปีที่แล้ว

    đỉnh quá anh

  • @oanhtranthi2477
    @oanhtranthi2477 2 ปีที่แล้ว

    Yêu cầu ra anh ra thêm :))

  • @lenhac9040
    @lenhac9040 2 ปีที่แล้ว

    Hay quá

  • @DavidJames535
    @DavidJames535 2 ปีที่แล้ว

    Respect anh🥰🥰

  • @hoanghainguyen5939
    @hoanghainguyen5939 2 ปีที่แล้ว +1

    Anh ơi cho em hỏi là f8 phần backend anh viết bằng ngôn ngữ/fw gì ạ. Em cảm ơn nhiều ^^

  • @amegafuri
    @amegafuri 2 ปีที่แล้ว

    Học hơn nửa năm vẫn học lại, hihi 😊

  • @longtranquang480
    @longtranquang480 2 ปีที่แล้ว +1

    backend của F8 là ngôn ngữ với framework gì hả anh?

  • @duongtrantuan8833
    @duongtrantuan8833 2 ปีที่แล้ว

    Ôi. Cuối cùng cũng đến ngày này.

  • @nctrung5371
    @nctrung5371 2 ปีที่แล้ว

    Hello anh Sơn ^^

  • @huytranuc8610
    @huytranuc8610 2 ปีที่แล้ว +1

    chờ khóa ReactJS của a lâu quá đi làm backend mất tiêu, chắc vừa làm vừa học các bài ra là lên fullstack :3

    • @001ibuyvn
      @001ibuyvn 2 ปีที่แล้ว +1

      Bn hc những gì đủ để đi làm backend ấy

    • @TuNguyen-nq1df
      @TuNguyen-nq1df 2 ปีที่แล้ว +1

      @@001ibuyvn Mình học Nodejs của a Sơn rồi đi làm nè bạn, giờ học thêm ReactJs

    • @nghiahoang9201
      @nghiahoang9201 ปีที่แล้ว

      @@TuNguyen-nq1df học xong khó nodejs là đi làm dc r à bro

    • @TuNguyen-nq1df
      @TuNguyen-nq1df ปีที่แล้ว

      @@nghiahoang9201 dung vay

  • @hungcao1342
    @hungcao1342 ปีที่แล้ว

    nice!

  • @benalpha2297
    @benalpha2297 2 ปีที่แล้ว +1

    F8 - Nhà cái uy tín hàng đầu khu vực

  • @xuanthanhtran9728
    @xuanthanhtran9728 2 ปีที่แล้ว

    quả tóc quá chất kkk

  • @TrungLe-wf1ks
    @TrungLe-wf1ks 2 ปีที่แล้ว

    ahihi..cho e xin cái background gradient nhé, cảm ơn ạ :)

  • @chauthimylan2710
    @chauthimylan2710 2 ปีที่แล้ว

  • @ucnguyenang6801
    @ucnguyenang6801 2 ปีที่แล้ว

    Cho em xin thông tin ghế của anh với ạ, e muốn mua ☺️

  • @ngockhoa505
    @ngockhoa505 2 ปีที่แล้ว

    ❤️❤️❤️❤️

  • @lamnghiem2566
    @lamnghiem2566 2 ปีที่แล้ว

    Hê lô A Sơn :v

  • @betugirl6809
    @betugirl6809 2 ปีที่แล้ว

    😘

  • @hauvuvan5402
    @hauvuvan5402 2 ปีที่แล้ว

    Em chào anh

  • @tiktokcute8322
    @tiktokcute8322 2 ปีที่แล้ว

    A ơi giờ tự học code hoàn thiện được web mà ko qua trường cao đẳng đh hay trung tâm nào thì có tìm được việc làm không a?

    • @F8VNOfficial
      @F8VNOfficial  2 ปีที่แล้ว

      Vẫn được em nhé, nhưng cứ xác định đi tắt thì phải nỗ lực nhiều hơn e nhé.

  • @datwilliama2
    @datwilliama2 2 ปีที่แล้ว +1

    F8, nhà cái hàng đầu việt nam

  • @laptrinhfullstack
    @laptrinhfullstack 2 ปีที่แล้ว

    Hú hú

  • @toanchelsea7077
    @toanchelsea7077 ปีที่แล้ว

    Răng anh làm sao thế

  • @nguoidensau1987
    @nguoidensau1987 2 ปีที่แล้ว

    trang xem trên iphone 6s bị lỗi anh ạ

  • @TamPham-oe2xc
    @TamPham-oe2xc 2 ปีที่แล้ว +6

    "Khoá học React nào xịn rồi cũng bán kiếm tiền thôi"
    F8:

  • @haibui5573
    @haibui5573 2 ปีที่แล้ว

    ủa MPA cũng là SSR hả a, vậy cho e hỏi tại sao angular,reactjs,... cài SSR khi chuyển hướng không reload trang vậy a

    • @F8VNOfficial
      @F8VNOfficial  2 ปีที่แล้ว +1

      À cái này là anh nói vội đoạn cuối video nên còn thiếu sót, SPA có thể SSR lần đầu với NextJS chẳng hạn. Client nhận HTML về rồi hydrate, khi đó nó vẫn là SPA và những lần chuyển trang sau đó là CSR em nhé.

    • @haibui5573
      @haibui5573 2 ปีที่แล้ว

      @@F8VNOfficial thanks a

  • @O1key
    @O1key 2 ปีที่แล้ว

    I love f8

    • @vuongqtvn
      @vuongqtvn 2 ปีที่แล้ว

      Cụ này quen quen

  • @minhchi1134
    @minhchi1134 2 ปีที่แล้ว

  • @ComradeBao
    @ComradeBao 2 ปีที่แล้ว

    Khoá JS nâng cao sẽ ra sao vậy ạ?

    • @F8VNOfficial
      @F8VNOfficial  2 ปีที่แล้ว +4

      Cần kiến thức nâng cao gì ở khóa này a sẽ bổ sung khóa JS nâng cao nhé, yên tâm!

    • @ComradeBao
      @ComradeBao 2 ปีที่แล้ว

      @@F8VNOfficial vâng

  • @12.nguyenngochoa56
    @12.nguyenngochoa56 2 ปีที่แล้ว

    đầu video shopee sai chính tả ạ :))

  • @HieuPham-ix7cs
    @HieuPham-ix7cs 2 ปีที่แล้ว

    là thật mọi người à, đây không phải là mơ

  • @trantuanat524
    @trantuanat524 2 ปีที่แล้ว

    Nếu anh chưa có vợ, tôi cũng yêu anh

    • @F8VNOfficial
      @F8VNOfficial  2 ปีที่แล้ว +11

      Anh ko chơi gay nhé 🤣🤣

    • @trantuanat524
      @trantuanat524 2 ปีที่แล้ว +3

      @@F8VNOfficial em là gái mà anh

    • @leminhghi7562
      @leminhghi7562 2 ปีที่แล้ว

      @@trantuanat524 😂😂

    • @huyletrong8958
      @huyletrong8958 2 ปีที่แล้ว

      bạn tên gì vậy giả gái à

    • @trantuanat524
      @trantuanat524 2 ปีที่แล้ว

      @@huyletrong8958 too yêu anh Sơn chứ có yêu bạn đâu mà bạn hỏi tên tôi :b