Windsurf essentials

Sviluppo software con Windsurf

Francesca Donadoni

AI Curriculum Manager, DataCamp

Sviluppo software con Windsurf

Windsurf: an intelligent coding assistant

  • Understands codebase through advanced context analysis

  • Lets us write prompts in natural language

  • Helps build, refactor, and debug faster

windsurf_vs_traditional_ide.png

Sviluppo software con Windsurf

Course goals

$$

  • 🖥 Context-aware AI workspace

  • 💬 Chat and Write modes to ask questions or generate code

  • 🤖 Automate tasks with Cascade

    • Querying
    • Debugging
  • 🚀 Build, secure, and deploy apps

Sviluppo software con Windsurf

A standalone agentic IDE

  • Built from the ground up to help developers work smarter with AI

agentic_ide.png

Sviluppo software con Windsurf

Get Started!

Sviluppo software con Windsurf

welcome_to_windsurf.png

Sviluppo software con Windsurf

Step 1: Choose setup flow

choose_flow.png

Sviluppo software con Windsurf

Step 2: Choose a theme

choose_editor.png

Sviluppo software con Windsurf

Step 3: Sign in or create your account

welcome_screen.png

Sviluppo software con Windsurf

Windsurf interface

windsurf_interface_01_v2.png

Sviluppo software con Windsurf

Windsurf interface

windsurf_interface_02_v2.png

Sviluppo software con Windsurf

Windsurf interface

windsurf_interface_03_v2.png

Sviluppo software con Windsurf

Windsurf interface

windsurf_interface_04_v2.png

Sviluppo software con Windsurf

Cascade modes

write_mode.png

Sviluppo software con Windsurf

Cascade chat mode

$$

A conversational interface for exploring your code, debugging, or asking for implementation help.

$$

For example:

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

Sviluppo software con Windsurf

Cascade write mode

$$

Context-aware code completions that integrate directly into the editor to generate or improve code.

$$

For example:

Generate an HTML file with boilerplate

Sviluppo software con Windsurf

Let's practice!

Sviluppo software con Windsurf

Preparing Video For Download...