Основи Windsurf

Розробка ПЗ з Windsurf

Francesca Donadoni

AI Curriculum Manager, DataCamp

Розробка ПЗ з Windsurf

Windsurf: інтелектуальний помічник з кодування

  • Розуміє кодову базу завдяки розширеному аналізу контексту

  • Дає змогу писати підказки природною мовою

  • Допомагає швидше створювати, рефакторити й налагоджувати

windsurf_vs_traditional_ide.png

Розробка ПЗ з Windsurf

Цілі курсу

$$

  • 🖥 AI‑простір, що враховує контекст

  • 💬 Режими Chat і Write для запитань або генерації коду

  • 🤖 Автоматизуйте завдання за допомогою Cascade

    • Запити
    • Налагодження

  • 🚀 Створюйте, захищайте й розгортайте застосунки

Розробка ПЗ з Windsurf

Автономне агентне IDE

  • Створено з нуля, щоб допомагати розробникам ефективніше працювати з ШІ

agentic_ide.png

Розробка ПЗ з Windsurf

Почнімо!

Розробка ПЗ з Windsurf

welcome_to_windsurf.png

Розробка ПЗ з Windsurf

Крок 1: Оберіть варіант налаштування

choose_flow.png

Розробка ПЗ з Windsurf

Крок 2: Оберіть тему

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: режим чату

$$

Діалоговий інтерфейс для дослідження коду, налагодження або допомоги з реалізацією.

$$

Наприклад:

Як додати нижні вкладки до мого застосунку React Native?

Розробка ПЗ з Windsurf

Cascade: режим написання

$$

Контекстні доповнення коду, що інтегруються прямо в редактор для генерації чи покращення коду.

$$

Наприклад:

Згенеруйте HTML‑файл із шаблоном

Розробка ПЗ з Windsurf

Давайте потренуємось!

Розробка ПЗ з Windsurf

Preparing Video For Download...