Windsurf essentials

การพัฒนาซอฟต์แวร์ด้วย Windsurf

Francesca Donadoni

AI Curriculum Manager, DataCamp

การพัฒนาซอฟต์แวร์ด้วย Windsurf

Windsurf: ผู้ช่วยเขียนโค้ดอัจฉริยะ

  • เข้าใจโค้ดเบสผ่านการวิเคราะห์บริบทขั้นสูง

  • เขียน prompt ด้วยภาษาธรรมชาติได้

  • ช่วยสร้าง refactor และ debug ได้เร็วขึ้น

windsurf_vs_traditional_ide.png

การพัฒนาซอฟต์แวร์ด้วย Windsurf

เป้าหมายของคอร์ส

$$

  • 🖥 พื้นที่ทำงาน AI ที่รับรู้บริบท

  • 💬 โหมด Chat และ Write สำหรับถามคำถามหรือสร้างโค้ด

  • 🤖 ทำงานอัตโนมัติด้วย Cascade

    • การสืบค้น
    • การ debug
  • 🚀 สร้าง รักษาความปลอดภัย และ deploy แอป

การพัฒนาซอฟต์แวร์ด้วย Windsurf

IDE แบบ agentic แบบ standalone

  • สร้างขึ้นตั้งแต่ต้นเพื่อช่วยให้นักพัฒนาทำงานร่วมกับ AI ได้อย่างชาญฉลาด

agentic_ide.png

การพัฒนาซอฟต์แวร์ด้วย Windsurf

เริ่มต้นใช้งาน!

การพัฒนาซอฟต์แวร์ด้วย Windsurf

welcome_to_windsurf.png

การพัฒนาซอฟต์แวร์ด้วย Windsurf

ขั้นตอนที่ 1: เลือกรูปแบบการตั้งค่า

choose_flow.png

การพัฒนาซอฟต์แวร์ด้วย Windsurf

ขั้นตอนที่ 2: เลือก theme

choose_editor.png

การพัฒนาซอฟต์แวร์ด้วย Windsurf

ขั้นตอนที่ 3: เข้าสู่ระบบหรือสร้างบัญชี

welcome_screen.png

การพัฒนาซอฟต์แวร์ด้วย Windsurf

อินเทอร์เฟซ Windsurf

windsurf_interface_01_v2.png

การพัฒนาซอฟต์แวร์ด้วย Windsurf

อินเทอร์เฟซ Windsurf

windsurf_interface_02_v2.png

การพัฒนาซอฟต์แวร์ด้วย Windsurf

อินเทอร์เฟซ Windsurf

windsurf_interface_03_v2.png

การพัฒนาซอฟต์แวร์ด้วย Windsurf

อินเทอร์เฟซ Windsurf

windsurf_interface_04_v2.png

การพัฒนาซอฟต์แวร์ด้วย Windsurf

โหมดของ Cascade

write_mode.png

การพัฒนาซอฟต์แวร์ด้วย Windsurf

Cascade โหมด chat

$$

อินเทอร์เฟซแบบสนทนาสำหรับสำรวจโค้ด debug หรือขอความช่วยเหลือด้านการ implement

$$

ตัวอย่างเช่น:

How can I add bottom tabs to my React Native app?

การพัฒนาซอฟต์แวร์ด้วย Windsurf

Cascade โหมด write

$$

การเติมโค้ดอัตโนมัติที่รับรู้บริบท ซึ่งทำงานโดยตรงในตัว editor เพื่อสร้างหรือปรับปรุงโค้ด

$$

ตัวอย่างเช่น:

Generate an HTML file with boilerplate

การพัฒนาซอฟต์แวร์ด้วย Windsurf

มาฝึกกันเถอะ!

การพัฒนาซอฟต์แวร์ด้วย Windsurf

Preparing Video For Download...