Dasar windsurf

Pengembangan Perangkat Lunak dengan Windsurf

Francesca Donadoni

AI Curriculum Manager, DataCamp

Pengembangan Perangkat Lunak dengan Windsurf

Windsurf: asisten coding cerdas

  • Memahami codebase lewat analisis konteks lanjutan

  • Memungkinkan penulisan prompt dalam bahasa alami

  • Membantu membangun, refactor, dan debug lebih cepat

windsurf_vs_traditional_ide.png

Pengembangan Perangkat Lunak dengan Windsurf

Tujuan kursus

$$

  • 🖥 Ruang kerja AI kontekstual

  • 💬 Mode Chat dan Write untuk bertanya atau menghasilkan kode

  • 🤖 Otomatiskan tugas dengan Cascade

    • Querying
    • Debugging
  • 🚀 Bangun, amankan, dan deploy aplikasi

Pengembangan Perangkat Lunak dengan Windsurf

IDE agentik mandiri

  • Dibangun dari nol untuk membantu developer bekerja lebih cerdas dengan AI

agentic_ide.png

Pengembangan Perangkat Lunak dengan Windsurf

Mulai sekarang!

Pengembangan Perangkat Lunak dengan Windsurf

selamat_datang_di_windsurf.png

Pengembangan Perangkat Lunak dengan Windsurf

Langkah 1: Pilih alur penyiapan

pilih_alur.png

Pengembangan Perangkat Lunak dengan Windsurf

Langkah 2: Pilih tema

pilih_tema.png

Pengembangan Perangkat Lunak dengan Windsurf

Langkah 3: Masuk atau buat akun Anda

layar_selamat_datang.png

Pengembangan Perangkat Lunak dengan Windsurf

Antarmuka Windsurf

antarmuka_windsurf_01_v2.png

Pengembangan Perangkat Lunak dengan Windsurf

Antarmuka Windsurf

antarmuka_windsurf_02_v2.png

Pengembangan Perangkat Lunak dengan Windsurf

Antarmuka Windsurf

antarmuka_windsurf_03_v2.png

Pengembangan Perangkat Lunak dengan Windsurf

Antarmuka Windsurf

antarmuka_windsurf_04_v2.png

Pengembangan Perangkat Lunak dengan Windsurf

Mode Cascade

mode_tulis.png

Pengembangan Perangkat Lunak dengan Windsurf

Mode chat Cascade

$$

Antarmuka percakapan untuk menjelajah kode, debug, atau meminta bantuan implementasi.

$$

Contoh:

Bagaimana cara menambahkan tab bawah ke aplikasi React Native saya?

Pengembangan Perangkat Lunak dengan Windsurf

Mode tulis Cascade

$$

Penyelesaian kode kontekstual yang terintegrasi di editor untuk menghasilkan atau memperbaiki kode.

$$

Contoh:

Generate file HTML dengan boilerplate

Pengembangan Perangkat Lunak dengan Windsurf

Ayo berlatih!

Pengembangan Perangkat Lunak dengan Windsurf

Preparing Video For Download...