Visual Studio Code Editor Introduction

Eğitim Hakkında

VS Code editörüne giriş

Eğitim Visual Studio Code'u ilk kez kullananlara yöneliktir. Kurulum ve arayüz (Activity Bar, Explorer, Source Control), Komut Paleti (Ctrl+Shift+P), hızlı açma, çoklu imleç ve çoklu seçim, bul ve değiştir (regex), Emmet, entegre terminal, Git temel işlemleri, uzantı kurulumu, settings.json, çalışma alanları, temalar ve ilk debug oturumu uygulamalı gösterilir.

Süre ve Format

2 Gün. Her gün dört modül; 1. gün Arayüz ve Temel Düzenleme; 2. gün Git, Uzantılar ve Debug.

Seviye

Başlangıç Seviye — Visual Studio Code editörüne giriş

Öğrenme Metodu

Katılımcılar kendi bilgisayarlarında VS Code kurup küçük bir web ve Python projesini baştan sona editörde geliştirir, Git'e gönderir ve debug eder.

Neden Bu Eğitim?

⚡Hızlı Başlangıç

Komut paleti ve kısayollarla fareye az bağlı çalışırsınız.

🔌Uzantı Ekosistemi

İhtiyacınıza uygun uzantıları seçip güvenle kurarsınız.

🧰Tek Ortam

Editör, terminal, Git ve debug tek pencerede toplanır.

Anahtar Konular

vs code eğitimivisual studio codekomut paletivs code uzantılarıvs code gitvs code kısayollarılaunch.jsonkod editörü

“Hafif bir editör, doğru kullanıldığında en güçlü geliştirme ortamına dönüşür.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri

1

Bilgisayar kullanımı

Dosya ve klasör yönetimi bilgisi yeterlidir.

2

Kurulum

Windows, macOS veya Linux'ta VS Code kurulabilmelidir.

3

Git (isteğe bağlı)

Git kurulu olması örnekler için faydalıdır.

4

Kod (isteğe bağlı)

Basit HTML veya Python bilgisi yararlıdır.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı arayüzü, komut paletini ve çoklu imleç gibi düzenleme özelliklerini kullanır.

Modül 1

Arayüz Turu

Activity Bar, Side Bar, Panel, Status Bar
Explorer ve klasör açma
Sekmeler ve bölünmüş editör
Zen Mode ve odak
Minimap ve Breadcrumbs
Ayarlar arayüzü ve JSON

Modül 2

Komut Paleti ve Gezinme

Ctrl+Shift+P komut paleti
Ctrl+P hızlı dosya açma
Ctrl+G satıra git
Ctrl+Shift+O sembole git
Peek Definition ve Go to References
Outline görünümü

Modül 3

Düzenleme Teknikleri

Çoklu imleç ve Ctrl+D seçimi
Satır taşıma, kopyalama ve silme
Bul ve değiştir, regex
Tüm dosyalarda arama
Emmet ile HTML hızlandırma
Otomatik biçimlendirme (Prettier)

Modül 4

Entegre Terminal

Terminal açma ve birden çok terminal
Shell seçimi: PowerShell, bash
Görev çalıştırmak için terminal
Komut geçmişi ve bölünmüş terminal
Terminalde dosya yolu bağlantıları
Ortam değişkenleri

Günün hedefiKatılımcı Git işlemlerini yapar, uzantı kurar, ayarlarını özelleştirir ve ilk debug oturumunu çalıştırır.

Modül 1

Git Entegrasyonu

Source Control paneli
Stage, commit ve push
Dal oluşturma ve geçiş
Diff görünümü ve çakışma çözümü
GitHub oturumu ve pull request
GitLens tanıtımı

Modül 2

Uzantılar

Marketplace'te arama ve değerlendirme
Önerilen uzantılar: Python, Live Server, ESLint
Uzantı güvenliği ve yayıncı doğrulama
Çalışma alanına özel uzantı önerisi
Uzantı ayarları
Uzantı devre dışı bırakma ve profil

Modül 3

Ayarlar ve Çalışma Alanı

Kullanıcı, çalışma alanı ve klasör ayarları
settings.json örnekleri
Tema ve ikon paketleri
Profiller (Profiles)
Settings Sync
Çalışma alanı dosyası (.code-workspace)

Modül 4

İlk Debug Oturumu

Run and Debug paneli
launch.json oluşturma
Python ve Node.js debug örneği
Breakpoint ve izleme
Debug Console
Hata ayıklama için sorun giderme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Arayüz

VS Code bölümlerini ve düzenini tanırsınız.

✅

Komut Paleti

Her işlemi komut paletinden bulup çalıştırırsınız.

✅

Çoklu İmleç

Çoklu seçimle tekrarlayan düzenlemeleri hızlandırırsınız.

✅

Terminal

Entegre terminali verimli kullanırsınız.

✅

Git

Commit, dal ve push işlemlerini editörden yaparsınız.

✅

Uzantı Seçimi

Güvenli uzantıları seçip kurarsınız.

✅

Ayar Yönetimi

settings.json ve profillerle ortamı özelleştirirsiniz.

✅

Debug

İlk debug oturumunuzu launch.json ile çalıştırırsınız.

Kimler İçin Uygundur?

Kod yazmaya yeni başlayanlar
öğrenciler
başka editörden VS Code'a geçenler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Kod yazmaya yeni başlayanlar, öğrenciler ve başka editörden VS Code'a geçenler için uygundur. Dosya ve klasör yönetimi bilgisi yeterlidir.

Visual Studio'dan farkı nedir?

VS Code hafif ve genişletilebilir bir editördür; tam IDE olan Visual Studio ile farkı eğitimde açıklanır.

Hangi dillerle çalışılır?

HTML, JavaScript ve Python örnekleri kullanılır.

Sertifika verilir mi?

Digital Vizyon Akademi Katılım ve Başarı Sertifikası verilir.

Ücretsiz mi?

Evet, VS Code ücretsizdir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika

VISUAL STUDIO CODE EDITOR: INTRODUCTION EĞİTİMİ