Podstawy Windsurf

Programowanie z Windsurf

Francesca Donadoni

AI Curriculum Manager, DataCamp

Programowanie z Windsurf

Windsurf: inteligentny asystent kodowania

  • Rozumie bazę kodu dzięki zaawansowanej analizie kontekstu

  • Umożliwia pisanie promptów w języku naturalnym

  • Przyspiesza tworzenie, refaktoryzację i debugowanie

windsurf_vs_traditional_ide.png

Programowanie z Windsurf

Cele kursu

$$

  • 🖥 Kontekstowy obszar roboczy AI

  • 💬 Tryby czatu i pisania – zadawanie pytań lub generowanie kodu

  • 🤖 Automatyzacja zadań z Cascade

    • Zapytania
    • Debugowanie

  • 🚀 Tworzenie, zabezpieczanie i wdrażanie aplikacji

Programowanie z Windsurf

Autonomiczne środowisko IDE

  • Zaprojektowane od podstaw, aby pomagać programistom pracować mądrzej z AI

agentic_ide.png

Programowanie z Windsurf

Pierwsze kroki!

Programowanie z Windsurf

welcome_to_windsurf.png

Programowanie z Windsurf

Krok 1: Wybór przepływu konfiguracji

choose_flow.png

Programowanie z Windsurf

Krok 2: Wybór motywu

choose_editor.png

Programowanie z Windsurf

Krok 3: Zaloguj się lub utwórz konto

welcome_screen.png

Programowanie z Windsurf

Interfejs Windsurf

windsurf_interface_01_v2.png

Programowanie z Windsurf

Interfejs Windsurf

windsurf_interface_02_v2.png

Programowanie z Windsurf

Interfejs Windsurf

windsurf_interface_03_v2.png

Programowanie z Windsurf

Interfejs Windsurf

windsurf_interface_04_v2.png

Programowanie z Windsurf

Tryby Cascade

write_mode.png

Programowanie z Windsurf

Tryb czatu Cascade

$$

Konwersacyjny interfejs do eksploracji kodu, debugowania i uzyskiwania pomocy przy implementacji.

$$

Na przykład:

Jak dodać dolne zakładki do aplikacji React Native?

Programowanie z Windsurf

Tryb pisania Cascade

$$

Kontekstowe uzupełnienia kodu zintegrowane z edytorem, służące do generowania lub ulepszania kodu.

$$

Na przykład:

Wygeneruj plik HTML z szablonem

Programowanie z Windsurf

Czas na ćwiczenia!

Programowanie z Windsurf

Preparing Video For Download...