Ders 2 - Editör Kurulum - VS Code Mac & Windows | JS | SIFIRDAN WEB SİTESİ YAPIMI | FrontEnd Eğitimi

Ücretsiz UDEMY Kursu için videoyu beğenip, yorumlarda mail adresinizi yazın. 5 dakika sonra link mailinize gelsin

------------------------------------------------------------------------------------------------------------------------------------------------------
Merhaba sevgili izleyiciler, ben Haydar Canıbek! 🎥
Bugünkü videomuzda, Visual Studio Code (VS Code) editörünü hem Mac hem de Windows işletim sistemlerinde nasıl kurabileceğinizi ve JavaScript geliştirme ortamını nasıl oluşturacağınızı detaylı bir şekilde ele alacağız.

Visual Studio Code Nedir?
VS Code, Microsoft tarafından geliştirilmiş, hafif ama güçlü bir kod editörüdür. Özellikle JavaScript gibi web geliştirme dilleri için harika bir ortam sunar.

Ücretsizdir ve açık kaynaklıdır.
Zengin uzantılarla (extensions) kişiselleştirilebilir.
Hızlı ve kullanıcı dostu bir arayüze sahiptir.
Yerleşik Git desteği ve terminali içerir.
1. Windows için VS Code Kurulumu
VS Code İndirme

Resmi web sitesine gidin: https://code.visualstudio.com.
"Download for Windows" seçeneğini tıklayın ve uygun sürümü indirin.
Kurulum

İndirilen dosyayı çalıştırın.
Kurulum sırasında "Add to PATH" ve "Register Code as default editor" seçeneklerini işaretleyin.
Kurulumu tamamlamak için "Install" butonuna tıklayın.
JavaScript Ortamını Hazırlayın

Node.js İndir: JavaScript çalıştırmak için Node.js gerekli. https://nodejs.org adresinden indirin ve kurun.
Kurulum sonrası terminalde node -v komutunu çalıştırarak doğru kurulduğunu kontrol edin.
2. Mac için VS Code Kurulumu
VS Code İndirme

Resmi web sitesine gidin: https://code.visualstudio.com.
"Download for macOS" seçeneğini tıklayın.
Kurulum

İndirilen .dmg dosyasını açın.
VS Code simgesini Applications klasörüne sürükleyin.
Spotlight arama veya Finder üzerinden VS Code'u açın.
JavaScript Ortamını Hazırlayın

Node.js İndir: https://nodejs.org adresinden Node.js'yi indirin ve kurun.
Terminal açarak node -v komutuyla kurulumun başarıyla tamamlandığını doğrulayın.
3. JavaScript Geliştirme için VS Code Yapılandırması
Kod Düzenleme Ortamı

File New File diyerek yeni bir dosya oluşturun.
Dosyayı .js uzantısıyla kaydedin (örneğin, app.js).
Gerekli Uzantılar

ESLint: JavaScript kodunuzu analiz eder ve hataları gösterir.
Prettier: Kodunuzu düzenli ve okunabilir bir şekilde formatlar.
Live Server: Kod değişikliklerini tarayıcıda anında görmenizi sağlar.
Terminal Kullanımı

VS Code içindeki entegre terminal ile çalışabilirsiniz:
Windows: Ctrl + `
Mac: Cmd + `
Basit Bir JavaScript Kod Örneği

javascript
Kodu kopyala
console.log("Merhaba, Visual Studio Code!");
Terminalde node app.js komutunu çalıştırarak çıktıyı görebilirsiniz.

4. VS Code ile Daha Fazla Verimlilik için İpuçları
Tema ve İkonları Özelleştirin:
Marketten farklı temalar indirerek editörünüzü özelleştirebilirsiniz (örneğin, Dark+ veya Dracula teması).

Kısayolları Kullanın:
Daha hızlı çalışmak için kısayollardan faydalanın. Örneğin:

Dosya Aç/Kapat: Ctrl + P (Windows) / Cmd + P (Mac).
Satır Yorumlama: Ctrl + / (Windows) / Cmd + / (Mac).
🎥 Videomuzda Ne Göreceksiniz?
Bu videoda, hem Windows hem de Mac için Visual Studio Code kurulumunu adım adım göstereceğiz. Ayrıca JavaScript geliştirme ortamını nasıl optimize edeceğinizi de öğrenerek, projelerinize hızlıca başlayabilirsiniz.

Kanalımıza abone olup bildirim zilini açarak yeni içeriklerden haberdar olmayı unutmayın! 🌟
Haydi, kodlamaya başlayalım! 👩‍💻👨‍💻

Видео Ders 2 - Editör Kurulum - VS Code Mac & Windows | JS | SIFIRDAN WEB SİTESİ YAPIMI | FrontEnd Eğitimi канала HAYDAR CANIBEK