บทเรียนทั้งหมด

คอร์ส

AI เกรด 8: นักพัฒนาแอปอัจฉริยะ

นำ Python หน้าเว็บ โมเดล และ AI API มารวมเป็นแอป แล้วทดสอบและนำเสนอ

เรียนทีละบทตามลำดับ ท้ายสุดคุณบอกอินเทอร์เฟซ แบ็กเอนด์ โมเดล และข้อมูลของแอป AI ได้ และวาดโครงสร้างของมันได้ คุณแยกโค้ดเป็นโมดูล อ่านและเขียนไฟล์ JSON และสร้างเว็บไซต์เล็ก ๆ ด้วย HTML และ CSS ได้ คุณแสดงคำทำนายของตัวจำแนกบนหน้าเว็บ สร้างพรอมต์จากเทมเพลต และตรวจว่ารูปแบบคำตอบของโมเดลถูกได้ คุณเรียก AI API ที่ครูดูแล เก็บคีย์ API ให้เป็นความลับ สร้างชุดทดสอบ 20 ข้อ เขียนรายการตรวจความปลอดภัย และสาธิตผู้ช่วยเรียนรู้ที่ทดสอบแล้วได้

ใช้บทเรียนเหล่านี้ยังไง

  • เริ่มที่บทเรียนที่มีคำว่า ทำอันนี้ พอทำบรรทัดใต้ชื่อเรื่องได้เอง ค่อยไปต่อ
  • เล่นเกมก่อน แล้วทำแบบทดสอบ ผ่านเมื่อถูก 8/10 ข้อ ใบงานอยู่บนกระดาษ คำตอบอยู่ด้านล่าง
  • แต่ละบทเรียนต่อจากบทก่อน ใช้โฟลเดอร์โปรเจกต์เดียว และเพิ่มของเข้าไปทุกบท
  • ใช้เฉพาะบริการ AI ที่ครูอนุญาต อย่าใส่คีย์ API ในโค้ด และอย่าบอกใคร อย่าส่งข้อมูลส่วนตัวให้โมเดล ทดสอบทุกคำตอบ AI ที่แอปแสดง

แต่ละบทมีเกม แบบทดสอบ และใบงาน

0/36

โครงสร้างแอป AI

  1. 1ส่วนของแอป AIบอกอินเทอร์เฟซ แบ็กเอนด์ โมเดล และข้อมูลของแอป AI
    • อธิบายทั้งสี่ส่วน
    • หาส่วนเหล่านั้นในแอปแปลภาษา
    • บอกว่าผู้ใช้เห็นส่วนไหน
  2. 2ตามคำขอตามคำขอหนึ่งครั้งจากคลิกจนถึงคำตอบ
    • เขียนทุกขั้นจากคลิกถึงหน้าจอ
    • บอกว่าโมเดลทำงานที่ไหน
    • บอกว่าตรงไหนอาจช้า
  3. 3แอปเก็บข้อมูลไว้ที่ไหนบอกว่าแอปเก็บข้อมูลไว้ที่ไหน และทำไม
    • เทียบเบราว์เซอร์ เซิร์ฟเวอร์ และฐานข้อมูล
    • บอกว่าอะไรไม่ควรเก็บ
    • บอกว่าใครเห็นแต่ละที่
  4. 4วาดโครงสร้างวาดโครงสร้างของแอป AI จริง
    • เลือกแอปหนึ่งตัว
    • วาดกล่องให้แต่ละส่วน
    • วาดลูกศรให้ทางเดินของข้อมูล

Python ระดับกลาง

  1. 5โมดูลแยกโค้ดเป็นโมดูล แล้วนำเข้ามาใช้
    • ย้ายฟังก์ชันไปไฟล์ของมัน
    • นำเข้ามาใช้ในอีกไฟล์
    • ตั้งชื่อโมดูลให้ชัด
  2. 6ไฟล์อ่านและเขียนไฟล์ข้อความกับไฟล์ JSON
    • อ่านและเขียนไฟล์ข้อความ
    • บันทึกและโหลด JSON
    • จัดการเมื่อไฟล์หาย
  3. 7ไลบรารีติดตั้งและใช้ไลบรารี Python
    • ติดตั้งไลบรารีด้วย pip
    • อ่านเอกสารของมัน
    • ใช้ฟังก์ชันหนึ่งตัวจากไลบรารี
  4. 8โค้ดที่ใช้ซ้ำได้เปลี่ยนโค้ดที่ซ้ำให้เป็นฟังก์ชันที่คนอื่นใช้ได้
    • หาโค้ดที่ซ้ำ
    • เปลี่ยนเป็นฟังก์ชันที่มีพารามิเตอร์ชัด
    • เขียน docstring สั้น ๆ

พื้นฐานเว็บแอป

  1. 9HTMLสร้างหน้า HTML ที่มีหัวข้อ ข้อความ และฟอร์ม
    • ใช้หัวข้อ ย่อหน้า และรายการ
    • ใส่รูปและลิงก์
    • ใส่ฟอร์มที่มีช่องข้อความและปุ่ม
  2. 10CSSใช้ CSS จัดหน้าด้วยสี ระยะห่าง และเลย์เอาต์
    • ตั้งสีและฟอนต์
    • ใส่ margin และ padding
    • จัดหน้าด้วย flexbox
  3. 11ฟอร์มและสิ่งที่พิมพ์อ่านสิ่งที่ผู้ใช้พิมพ์ในฟอร์ม
    • อ่านค่าในฟอร์มด้วย JavaScript
    • แสดงค่านั้นกลับบนหน้า
    • ตรวจช่องที่ว่าง
  4. 12เว็บไซต์เล็ก ๆสร้างเว็บไซต์เล็ก ๆ ที่มีสองหน้า
    • สร้างหน้าแรกและหน้าเครื่องมือ
    • ลิงก์สองหน้าเข้าหากัน
    • ทำให้ใช้บนหน้าจอโทรศัพท์ได้

เชื่อมโมเดล

  1. 13อินเฟอเรนซ์อธิบายความต่างระหว่างการฝึกกับอินเฟอเรนซ์
    • บอกว่าการฝึกเกิดครั้งเดียว แต่อินเฟอเรนซ์เกิดทุกคำขอ
    • บันทึกและโหลดโมเดลที่ฝึกแล้ว
    • จับเวลาคำทำนายหนึ่งครั้ง
  2. 14อินพุตของโมเดลเตรียมอินพุตให้เป็นรูปแบบที่โมเดลต้องการ
    • ปรับขนาดรูป
    • เรียงฟีเจอร์ให้ถูกลำดับ
    • ปฏิเสธอินพุตที่โมเดลใช้ไม่ได้
  3. 15เอาต์พุตของโมเดลอ่านป้ายและคะแนนจากโมเดล
    • อ่านป้ายอันดับแรก
    • อ่านคะแนนความมั่นใจ
    • ถ้าต่ำกว่าเกณฑ์ ให้แสดงว่าไม่แน่ใจ
  4. 16ต่อตัวจำแนกแสดงคำทำนายของตัวจำแนกบนหน้าเว็บ
    • โหลดโมเดลในเบราว์เซอร์หรือบนเซิร์ฟเวอร์เล็ก
    • ส่งอินพุตจากหน้าให้มัน
    • แสดงป้ายและคะแนน

แอปที่ใช้พรอมต์

  1. 17เทมเพลตพรอมต์สร้างพรอมต์จากเทมเพลตและสิ่งที่ผู้ใช้พิมพ์
    • เขียนเทมเพลตที่มีช่องว่าง
    • เติมช่องว่างจากสิ่งที่ผู้ใช้พิมพ์
    • อย่าให้สิ่งที่ผู้ใช้พิมพ์ไปเปลี่ยนคำสั่งของคุณ
  2. 18บริบทให้โมเดลได้รับบริบทที่ต้องการ
    • ใส่ระดับชั้นและหัวข้อ
    • ใส่คำตอบตัวอย่าง
    • เทียบคำตอบที่มีบริบทกับไม่มีบริบท
  3. 19ตรวจรูปแบบคำตอบตรวจว่ารูปแบบคำตอบของโมเดลถูก
    • ขอ JSON
    • แกะ JSON แล้วตรวจฟิลด์
    • ลองใหม่ หรือแสดงข้อผิดพลาดเมื่อรูปแบบผิด
  4. 20ต่อพรอมต์สองอันต่อพรอมต์สองอันให้จบงาน
    • สร้างคำถามด้วยพรอมต์แรก
    • ตรวจคำตอบด้วยพรอมต์ที่สอง
    • ส่งข้อมูลระหว่างขั้น

AI API

  1. 21คำขอและคำตอบส่งคำขอ แล้วอ่านคำตอบ JSON
    • ส่งคำขอ GET และคำขอ POST
    • อ่านรหัสสถานะ
    • แกะคำตอบ JSON
  2. 22คีย์ APIเก็บคีย์ API ให้เป็นความลับ
    • เก็บคีย์ในตัวแปรสภาพแวดล้อม
    • อย่าใส่คีย์ในโค้ดที่แชร์
    • บอกว่าทำไมคีย์ต้องไม่อยู่ในเบราว์เซอร์
  3. 23ลิมิตและค่าใช้จ่ายอธิบายลิมิตจำนวนครั้งและค่าใช้จ่าย
    • อ่านข้อผิดพลาดเรื่องลิมิตจำนวนครั้ง
    • ประมาณค่าใช้จ่ายของ 100 คำขอ
    • รอ แล้วลองใหม่เมื่อโดนลิมิต
  4. 24เรียก APIเรียก AI API ที่ครูดูแลจาก Python
    • ส่งพรอมต์
    • อ่านคำตอบกลับ
    • จัดการข้อผิดพลาดและการหมดเวลา

ทดสอบ AI

  1. 25เคสทดสอบเขียนเคสทดสอบเป็นอินพุตและเอาต์พุตที่คาดไว้
    • เขียนอินพุตทดสอบ 10 ข้อ
    • เขียนว่าเอาต์พุตที่ดีเป็นอย่างไร
    • ลองรันด้วยมือ
  2. 26ความน่าเชื่อถือตรวจความน่าเชื่อถือโดยรันเทสเดียวกันหลายครั้ง แล้วเทียบผล
    • รันพรอมต์เดียว 10 ครั้ง
    • นับว่าถูกบ่อยแค่ไหน
    • ลดความสุ่ม แล้วเทียบอีกครั้ง
  3. 27กรณีขอบทดสอบกรณีขอบ: อินพุตที่ว่าง ที่ยาวมาก และที่เจ้าเล่ห์
    • ลองอินพุตว่างและอินพุตที่ยาวมาก
    • ลองอินพุตภาษาอื่น
    • ลองอินพุตที่พยายามหลอกแอป
  4. 28ชุดทดสอบ 20 ข้อสร้างชุดทดสอบ 20 ข้อ แล้วให้คะแนนแอป
    • ผสมเทสง่าย ยาก และเจ้าเล่ห์
    • ให้คะแนนแต่ละคำตอบว่าผ่านหรือไม่ผ่าน
    • จดคะแนนทุกครั้งที่แก้ไข

ออกแบบแอปอย่างรับผิดชอบ

  1. 29ความเป็นส่วนตัว: เก็บเฉพาะข้อมูลที่จำเป็นเพื่อความเป็นส่วนตัว เก็บเฉพาะข้อมูลที่แอปต้องใช้
    • เขียนรายการข้อมูลที่แอปเก็บ
    • เอาสิ่งที่แอปไม่ต้องใช้ออก
    • บอกว่าเก็บข้อมูลไว้นานแค่ไหน
  2. 30บล็อกของที่ไม่ปลอดภัยบล็อกอินพุตและเอาต์พุตที่ไม่ปลอดภัย
    • กรองหัวข้อที่ไม่ปลอดภัย
    • ตรวจคำตอบก่อนแสดง
    • ตอบอย่างปลอดภัยเมื่อถูกบล็อก
  3. 31ประสบการณ์ผู้ใช้: เมื่อ AI กำลังตอบในประสบการณ์ผู้ใช้ บอกเมื่อ AI กำลังตอบ และบอกว่าคำตอบผิดได้
    • ติดป้ายคำตอบของ AI
    • ให้ทางรายงานคำตอบที่ผิด
    • แสดงสถานะกำลังโหลด
  4. 32รายการตรวจความปลอดภัยเขียนรายการตรวจความปลอดภัยของแอป
    • ครอบคลุมความเป็นส่วนตัว ความปลอดภัย และความถูกต้อง
    • ตรวจแอปด้วยรายการนี้
    • แก้หนึ่งข้อที่ไม่ผ่าน

สตูดิโอพัฒนาแอป

  1. 33ฟีเจอร์และชุดทดสอบของผู้ช่วยเขียนฟีเจอร์และชุดทดสอบของผู้ช่วยเรียนรู้
    • เลือกวิชา
    • เขียนรายการฟีเจอร์
    • เขียนชุดทดสอบก่อน
  2. 34สร้างอินเทอร์เฟซสร้างอินเทอร์เฟซ: ตัวเลือกวิชาและหน้าจอคำถาม
    • สร้างตัวเลือกวิชา
    • สร้างหน้าจอคำถามและคำตอบ
    • สร้างช่องข้อเสนอแนะ
  3. 35ต่อ AIต่อ AI แล้วเพิ่มคำถามและข้อเสนอแนะจากโมเดล
    • ให้โมเดลสร้างคำถามฝึก
    • ตรวจคำตอบและให้ข้อเสนอแนะ
    • รันชุดทดสอบ
  4. 36ผู้ช่วยเรียนรู้ AI ของคุณสาธิตผู้ช่วยเรียนรู้ที่ทดสอบแล้ว
    • สาธิตแอปทั้งตัว
    • แสดงคะแนนจากชุดทดสอบ
    • อธิบายฟรอนต์เอนด์ แบ็กเอนด์ และโมเดล