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é.
Bạn muốn học lập trình hiệu quả hơn không?
Hãy học tại trang web thay vì Youtube. Lý do tại sao mời bạn bấm vào đây:
#hoclaptrinh #javascript #html_css #nodejs #restful_api #backend #devops
—————————————
☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh:
Công cụ đo đạc giao diện web:
Công cụ viết CV xin việc chuyên nghiệp:
☻ Tiện ích cho Visual Studio Code:
Gợi ý code: Tabnine Autocomplete AI (
Tự động đóng thẻ: Auto Close Tag (
Tự động đổi tên thẻ đóng/mở: Auto Rename Tag (
Thêm màu sắc cho các cặp ngoặc: Bracket Pair Colorizer (
Icon theme: Material Icon Theme (
Hiển thị thông tin Git (commit, author, …): Gitlens (
☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức nhập môn:
Xây dựng giao diện với HTML, CSS:
Xây dựng web responsive:
Lập trình Javascript cơ bản:
Lập trình Javascript nâng cao:
Xây dựng web với Node & Express:
HTML, CSS tips:
Ứng dụng cảnh báo khi sờ lên mặt:
Xem thêm tại:
☻ Chú ý :
– Không văng tục chửi bậy, bình luận có văn hóa.
– Không hỏi khi chưa xem xong video.
Sai phạm sẽ được mời khỏi kênh.
☻ F8 là nơi học lập trình để đi làm!
Tại sao bạn nên học lập trình tại đây? Ở đây chúng tôi có:
– Nội dung bài học chỉn chu và chi tiết giúp học viên hiểu từ cái gốc
– Kỹ năng sư phạm khác biệt từ người dạy giúp học viên có thêm nhiều động lực
– Hình ảnh và âm thanh chất lượng cao giúp học viên thêm hứng thú
🍺 Buy me a beer
F8 Official
(c) Sơn Đặng
Website:
Facebook cá nhân:
Nhóm Học Lập Trình Web:
Email: sondnf8@gmail.com
© 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.
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!
bài giảng rất hay, cảm ơn anh!
Răng anh làm sao thế
Em thích nghe giọng của anh giảng quá à
nice!
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.🙏
đầu video shopee sai chính tả ạ :))
7:33
chỉ có 1 page : index.html
tất cả nội dung của page nằm trong <div id=root>
khi chuyển sang trang khác -> update nội dung bên trong root div
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ủ 😀 Like
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
cảm ơn anh, rất hữu ích ạ
Anh giải thích hay quá xem cuốn hơn cả squid game 😂
Cho em xin thông tin ghế của anh với ạ, e muốn mua ☺️
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 ^^
backend của F8 là ngôn ngữ với framework gì hả anh?
Em cám ơn anh
thành fan anh Sơn luôn 🙂
Hay quá
Giảng hay nhất trong những ng e đã nghe
ủ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
biết đến a này muộn quá dạy hay ghê