Build a Modern AI Chatbot with React

Learn to integrate popular large language model APIs to create a functional, real-time conversational app from scratch.

4.6 (611) ⏱ 54 นาที 📚 9 บทเรียน 🎧 เวอร์ชันเสียง

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

Ready to combine your web development skills with the power of artificial intelligence? This course provides a practical, step-by-step guide to building a real, working AI chatbot using the React library. You will learn the fundamentals of React by building a complete project from the ground up. By the end, you'll have a portfolio-ready chat application that integrates with leading AI models, capable of holding dynamic, real-time conversations and handling streaming responses. What you'll learn: - Understand core React concepts like components, state management with hooks (useState), and side effects (useEffect). - Learn to make asynchronous API calls to connect your application with popular large language model (LLM) providers. - Build a responsive and modern user interface for a seamless, real-time chat experience. - Practice managing application state to handle conversation history and user interactions effectively. - Apply basic prompt engineering techniques to guide AI responses and improve the quality of the conversation. - Configure a local development environment and structure a React project following current best practices. This course begins with the essential principles of React and API communication before guiding you through the construction of the chatbot interface and its AI backend integration. Each concept is explained through clear text and practical code examples. This course is designed for beginners. No prior experience with React or AI APIs is required, just a basic understanding of HTML, CSS, and JavaScript. Start learning today and build your first intelligent web application.

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

  • 📜 ใบประกาศนียบัตร
    เพิ่มในโปรไฟล์ LinkedIn ของคุณ
  • 🎧 รวมเวอร์ชันเสียง
    เรียนได้ทุกที่ ไม่ต้องดูจอ
  • ♾️ เข้าถึงตลอดชีพ
    กลับมาเรียนได้ตลอด ไม่มีหมดอายุ
  • 📱 โทรศัพท์หรือคอมพิวเตอร์
    ใช้งานได้ทุกที่ ทุกอุปกรณ์
  • 💸 คืนเงิน 30 วัน
    ไม่ต้องอธิบาย
  • กระชับและตรงประเด็น
    54 นาที เนื้อหาเชิงปฏิบัติ

รีวิว (11)

Kristiina Sepp EE
★ 4 · 2026-04-14T23:28:54+00:00

แนะนำได้ค่อนข้างดี ตัวอย่างมีประโยชน์ แต่ก็อยากให้มีแบบฝึกหัดมากกว่านี้ คุ้มค่ากับราคา

Daniela Mendoza PE ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2025-12-06T14:40:54+00:00

คอร์สยอดเยี่ยม! เนื้อหานำเสนอได้เข้าใจง่าย และการนำไปใช้จริงมีประโยชน์มาก แนะนำคอร์สนี้เลย

Жанар Муканова KZ ผู้เรียนที่ยืนยันแล้ว
★ 3 · 2025-11-27T10:26:54+00:00

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

فاطمة بنت علي بن محمد آل ثاني QA ผู้เรียนที่ยืนยันแล้ว
★ 5 · 2025-10-27T13:10:54+00:00

ว้าว เป็นประสบการณ์การเรียนรู้ที่ยอดเยี่ยมมาก การประยุกต์ใช้ในโลกแห่งความเป็นจริงที่พูดถึงมีความเกี่ยวข้องมาก ฉันกำลังนำสิ่งที่เรียนรู้ไปใช้แล้ว

سارة الجاسم KW ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2025-09-17T03:08:54+00:00

นี่เป็นบทแนะนำที่ดีมาก โครงสร้างมีตรรกะ และมันครอบคลุมพื้นฐานได้อย่างมีประสิทธิภาพ อาจจะแนะนำมากเกินไปสำหรับผู้เรียนระดับสูง

Zara Noor PK
★ 4 · 2025-05-01T23:30:54+00:00

ชอบการดำเนินเรื่องของคอร์สนี้มาก การนำไปใช้จริงที่พูดถึงก็ตรงเป๊ะ คอร์สดีมาก!

Abena Boafo GH ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2025-04-22T18:01:54+00:00

อืม ไม่แน่ใจว่าเหมาะสำหรับมือใหม่จริงๆ ไหม มันเหมือนจะคาดหวังความรู้พื้นฐานมาก่อน ซึ่งไม่ได้สอนไว้ ตัวอย่างบางอันก็งงๆ

Rivka Mizrahi IL ผู้เรียนที่ยืนยันแล้ว
★ 5 · 2025-04-13T03:25:54+00:00

เป็นการแนะนำหัวข้อที่ดี โครงสร้างมีตรรกะ และตัวอย่างส่วนใหญ่เกี่ยวข้องกัน ถึงแม้ว่าฉันจะหวังให้มีความลึกซึ้งมากขึ้นในบางพื้นที่

Angel Angelov BG
★ 5 · 2025-03-20T01:44:54+00:00

ชอบมาก โครงสร้างไหลลื่น การนำไปใช้จริงก็ใช้ได้ทันที เยี่ยมมาก!

هدى كمال EG ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2025-01-19T05:52:54+00:00

เป็นการแนะนำที่ดีพอสมควรค่ะ น่าจะมีตัวอย่างที่หลากหลายกว่านี้ และการเชื่อมโยงระหว่างบทเรียนน่าจะดีขึ้นนิดหน่อย

David van Eck ZA ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2025-01-14T22:06:54+00:00

เป็นการแนะนำที่ดีค่ะ ครอบคลุมพื้นฐานได้ดี แต่ก็อย่าคาดหวังว่าจะเชี่ยวชาญได้ในชั่วข้ามคืน อยากได้ตัวอย่างเพิ่มอีกหน่อยก็คงจะดี

เขียนรีวิว

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

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

แนะนำโปรแกรม Prompt Engineering

เรียนรู้การเขียนคำถามที่ชัดเจนและมีประสิทธิภาพ และได้รับผลลัพธ์ที่มีคุณภาพสูงและน่าเชื่อถือจากโมเดลภาษาขนาดใหญ่
★ 4.8 (2,245)
$4.99$9.99

คำถาม ChatGPT สำหรับผู้เริ่มต้นName

เรียนรู้วิธีการเขียนคำถามที่ชัดเจน, ใช้รูปแบบ AI สมัยใหม่, และหลีกเลี่ยงกับดักที่พบบ่อยเพื่อได้รับผลลัพธ์ที่มีคุณภาพสูงและน่าเชื่อถือจาก ChatGPT ในงานประจำวันของคุณ
★ 4.8 (5,174)
$4.99$9.99

คำเตือนร่วมมือกัน: ใช้ AI เป็นคู่หูสร้างสรรค์ของคุณ

เรียนรู้วิธีการร่วมสร้าง, ระดมสมอง, และแก้ไขปัญหาที่ซับซ้อน โดยการเปลี่ยน AI เป็นผู้เชี่ยวชาญที่สามารถตอบสนองได้ ในการร่วมมือกับโครงการประจำวันของคุณ
★ 4.8 (2,274)
$4.99$9.99

วิศวกรรมที่รวดเร็วและมีประสิทธิภาพ: กลไกสำหรับผลลัพธ์ของ AI ที่ดีขึ้น

เรียนรู้กรอบการแสดงคำถามที่มีโครงสร้าง ในการเขียน การประเมิน และทำซ้ำคำถาม AI เพื่อรับผลลัพธ์ที่มีคุณภาพสูงและน่าเชื่อถือ จากโมเดลภาษาหลักใด ๆ
★ 4.8 (4,122)
$4.99$9.99

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

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

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

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

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

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

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

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

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

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

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

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