การแสดงผลบนเซิร์ฟเวอร์ด้วย React, Redux และ ExpressName

เรียนรู้การสร้างแอพพลิเคชัน React ที่มีประสิทธิภาพสูงและปลอดภัย ด้วยการจัดการสถานะ Redux และ Express

4.7 (3,890) ⏱ 1 ชม. 50 นาที 📚 11 บทเรียน

เกี่ยวกับคอร์สนี้

ขณะที่แอพพลิเคชัน React ด้านคลาวด์มีการตอบสนองกันอย่างสูง มันมักจะต้องทนทุกข์ทรมานจากเวลาโหลดที่ช้าและเครื่องมือค้นหาที่ไม่ดี การแสดงผลทางเซิร์ฟเวอร์ (SSR) แก้ไขปัญหาเหล่านี้ได้ แต่การรวม React, Redux และ React Router บนเซิร์ฟเวอร์ นำเสนอความท้าทายทางสถาปัตยกรรมที่ซับซ้อน หลักสูตรนี้จะนำคุณผ่านวงจรชีวิตของ SSR ทั้งหมด โดยสอนคุณเกี่ยวกับวิธีการสร้างแอพพลิเคชัน JavaScript แบบแข็งแรงและสมมาตร คุณจะเรียนรู้วิธีการปรับแต่งการโหลดข้อมูลบนเซิร์ฟเวอร์, รักษาสถานะบนคลาวด์อย่างปลอดภัย, จัดการการส่งผ่านระหว่างสองสภาพแวดล้อม, และปฏิบัติการการตรวจสอบสิทธิ์อย่างปลอดภัย ด้วยการเข้าใจรูปแบบเหล่านี้ คุณจะสามารถส่งมอบประสบการณ์การใช้งานเว็บที่รวดเร็วและเหมาะสมกับการค้นหาบนอินเทอร์เน็ตได้ คุณจะเรียนรู้อะไร - เข้าใจโครงสร้างพื้นฐานของ isomorphic และ universal JavaScript application - ปรับแต่ง Express และ Webpack เพื่อประสานงานการสร้างทั้งในเซิร์ฟเวอร์และคลาวด์ - จัดการสถานะของโปรแกรม โดยทำการซิงโครนซ์ Redux ระหว่างเซิร์ฟเวอร์และคลาวด์ - ใช้เทคนิคการป้องกันการโจมตีจากสคริปต์ข้ามเว็บไซต์ (XSS) - ทำการส่งรหัสผ่านของผู้ใช้อย่างราบรื่น ใช้ React Router ทั้งบนส่วนหน้าและส่วนหลัง - จัดการการตรวจสอบสิทธิ์ของเซิร์ฟเวอร์, คุกกี้ และการส่งต่อระหว่างกระบวนการแสดงผล - ปรับปรุงประสิทธิภาพและกลยุทธ์การดื่มน้ำ เพื่อให้ Core Web Vitals ดีขึ้น หลักสูตรนี้เริ่มต้นด้วยหลักการพื้นฐานของการแสดงผลบนเซิร์ฟเวอร์และสถาปัตยกรรมแบบไอโซมอร์ฟิก จากนั้นคุณจะเรียนรู้ขั้นตอนการเขียนคำอธิบายและตัวอย่างโค้ด เกี่ยวกับการจัดเส้นทาง, การจัดการสถานะ, วิธีการป้องกันความปลอดภัยที่ดีที่สุด, และกระบวนการตรวจสอบสิทธิ์ หลักสูตรนี้ออกแบบมาสำหรับนักพัฒนาเว็บที่เข้าใจพื้นฐานของ React, Redux และ Express แล้ว และต้องการที่จะเรียนรู้เกี่ยวกับโครงสร้าง SSR ระดับสูงแบบเต็มสแต็ค โดยไม่ต้องมีประสบการณ์ก่อนหน้านี้เกี่ยวกับ SSR เริ่มอ่านวันนี้เพื่อสร้างแอพพลิเคชัน React ที่รวดเร็ว, ปลอดภัย และเหมาะกับ SEO ตั้งแต่ต้น

สิ่งที่คุณจะได้รับ

  • 📜 ใบประกาศนียบัตร
    เพิ่มในโปรไฟล์ LinkedIn ของคุณ
  • 💬 Personal AI tutor
    Stuck on a lesson? Ask your built-in tutor anything, any time.
  • ♾️ เข้าถึงตลอดชีพ
    กลับมาเรียนได้ตลอด ไม่มีหมดอายุ
  • 📱 โทรศัพท์หรือคอมพิวเตอร์
    ใช้งานได้ทุกที่ ทุกอุปกรณ์
  • 💸 คืนเงิน 30 วัน
    ไม่ต้องอธิบาย
  • กระชับและตรงประเด็น
    1 ชม. 50 นาที เนื้อหาเชิงปฏิบัติ

รีวิว (6)

سلمان بن حمد آل خليفة BH ผู้เรียนที่ยืนยันแล้ว
★ 3 · 2026-04-12T12:10:52+00:00

ค่อนข้างให้ข้อมูลดี ชอบตัวอย่างการนำไปใช้จริง แต่การตั้งค่าเริ่มต้นใช้เวลานานกว่าที่คิด

Katerina Petridou GR ผู้เรียนที่ยืนยันแล้ว
★ 5 · 2026-04-06T19:43:52+00:00

ดีใจที่ได้มาร่วมงานนี้ เนื้อหาที่ถูกแบ่งออกเป็นส่วนๆ ทำให้ความคิดที่ซับซ้อนดูเป็นเรื่องที่ควบคุมได้

Santiago Flores AR
★ 5 · 2025-06-12T03:20:52+00:00

โดยรวมค่อนข้างดี โครงสร้างสมเหตุสมผล ตัวอย่างก็มีประโยชน์หลายอย่าง บางส่วนน่าจะลงลึกกว่านี้หน่อย แต่ก็ถือว่าดีแล้ว

ليلى DZ ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2025-05-06T22:41:52+00:00

เนื้อหาแน่นหนาและนำเสนอได้ชัดเจน ฉันชอบการประยุกต์ใช้จริงที่แสดงให้เห็น น่าจะได้มีแบบฝึกหัดเพิ่มอีกสักหน่อย

Emiliano Ruiz CO ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2025-04-21T10:30:52+00:00

คอร์สนี้เกินความคาดหมายไปมากเลยค่ะ การประยุกต์ใช้ในโลกจริงที่พูดถึงมีประโยชน์อย่างเหลือเชื่อ ทำได้ดีมากค่ะ!

Johanna Persson SE
★ 4 · 2024-12-06T07:12:52+00:00

เนื้อหาดีเลยค่ะ แม้ว่าบางโมดูลอาจจะลงรายละเอียดได้มากกว่านี้ แต่โดยรวมแล้วคุ้มค่าและนำไปใช้ได้จริง ทำได้ดีค่ะ!

เขียนรีวิว

หลังจากส่ง เราจะขอให้คุณเข้าสู่ระบบ — ฉบับร่างของคุณถูกบันทึก

ผู้เรียนคนอื่นเรียน

Next.js App Router และการเรนเดอร์ผ่านภารกิจเชิงปฏิบัติ

สร้างรากฐานที่แข็งแกร่งใน Next.js โดยการสำรวจ App Router, กลยุทธ์การเรนเดอร์ที่ทันสมัย และ React Server Components ผ่านแบบฝึกหัดที่เป็นลายลักษณ์อักษรพร้อมคำแนะนำ
★ 4.9 (17)
$4.99

React Router 6: การนำทางและเส้นทางสำหรับเว็บแอปพลิเคชัน

ทำความเข้าใจวิธีการจัดการการนำทาง เส้นทางซ้อน และการจัดการข้อมูลในแอปพลิเคชัน React โดยการสร้างโปรเจกต์เช่าท่องเที่ยวเชิงปฏิบัติ
★ 4.8 (16)
$4.99

สร้างแอพพลิเคชันเว็บแบบไดนามิกด้วย React และ Firebase

เรียนรู้การสร้างส่วนติดต่อแบบตอบสนองและรวมบริการเบื้องหลังแบบทันเวลาเข้าด้วยกันสำหรับโปรแกรมหน้าเดียวสมัยใหม่
★ 4.7 (3,934)
$4.99

การปรับขนาดแอพพลิเคชัน React ด้วยสถาปัตยกรรม Microfrontend

เรียนรู้วิธีการแบ่งแอพพลิเคชัน React ขนาดใหญ่เป็นส่วนที่สามารถปรับขนาดได้ ใช้รูปแบบการรวมเข้ากับระบบสมัยใหม่และกลยุทธ์การใช้งานที่อิสระ
★ 4.7 (9,867)
$4.99

คำถามที่พบบ่อย

ฉันต้องใช้อะไรในการเรียนคอร์สนี้? +

แค่โทรศัพท์หรือคอมพิวเตอร์ที่มีอินเทอร์เน็ต ไม่ต้องติดตั้งหรือใช้อุปกรณ์พิเศษ

ฉันชำระเงินอย่างไร? +

ผ่านบัตรด้วย Stripe หรือคริปโต เราไม่เก็บข้อมูลบัตร — Stripe จัดการอย่างปลอดภัย

ฉันขอคืนเงินได้ไหม? +

ใช่ — คืนเงินเต็มจำนวนใน 30 วัน ไม่ต้องอธิบาย

ฉันมีสิทธิ์เข้าถึงนานเท่าไร? +

ตลอดไป เมื่อซื้อแล้วคอร์สเป็นของคุณ กลับมาเรียนได้ตลอด

ฉันจะได้ใบประกาศนียบัตรไหม? +

ได้ เมื่อเรียนจบจะได้รับใบประกาศนียบัตรที่เพิ่มในโปรไฟล์ LinkedIn ได้

ออกแบบสำหรับผู้เรียนใน
เทคโนโลยี ดีไซน์ การเงิน การตลาด สาธารณสุข การศึกษา ธุรกิจการบริการ อุตสาหกรรม