Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere Visual Studio Code kod editörünün kurulumunu ve temel kullanımını göstermektedir.
- Video, Visual Studio Code'un kurulumundan başlayarak, kullanıcı ayarlarının nasıl değiştirileceğini, farklı temaların nasıl kullanılacağını ve programlama dilleri için eklentilerin nasıl kurulacağını adım adım anlatmaktadır. Ayrıca Emmet eklentisinin kullanımı ve Live Server eklentisinin dosya güncellemelerini otomatik olarak göstermesi gibi pratik bilgiler de paylaşılmaktadır. Video, bir JavaScript kursu kapsamında hazırlanmış olup, bir sonraki derste uygulama dosyalarının oluşturulması ve Chrome konsolunda test edilmesi konularının ele alınacağı belirtilmektedir.
- 00:01Kod Editörü Kurulumu
- JavaScript kodları yazmak için basit bir HTML editörü kullanılabilir, ancak kurs boyunca Visual Studio Code editörü kullanılacaktır.
- Alternatif olarak Brackets, Atom veya Notepad++ editörleri de kullanılabilir.
- Visual Studio Code kurulumu için kod.npm.com adresinden işletim sisteminize uygun kurulum dosyası indirilip masaüstüne kaydedilmelidir.
- 01:11Visual Studio Code Ayarları
- Editör üzerinden kullanıcı özel görüntü farklılıklarını ayarlamak için ayarlar düğmesine tıklayıp settings seçeneğinden başlanabilir.
- Font size gibi özellikler kullanıcı ayarları sayfasında değiştirilebilir, örneğin font size değeri 14'ten 17'ye değiştirilebilir.
- Ön renk teması değiştirilebilir, mevcut tema dışında light veya dark gibi farklı temalar kullanılabilir.
- 03:38Eklentilerin Kurulumu
- Visual Studio Code sadece bir editör olup, farklı programlama dilleri için geliştirme yapılabilir.
- Kod yazma hızını etkileyecek eklentilerin yüklenmesi gerekmektedir.
- JavaScript için "JavaScript (ES6) code snippets" ve "Live Server" gibi eklentiler kurulabilir.
- 05:29Dosya ve Klasör İşlemleri
- Kodlar yazmak için "Open Folder" seçeneği ile masaüstüne "Modern JavaScript Kursu" adında bir klasör oluşturulabilir.
- Klasör içerisine "index.html" gibi dosyalar eklenebilir.
- Emmet eklentisi ile HTML kodları yazmak için kolaylık sağlanır, örneğin "!" yazıp tab tuşuna basıldığında HTML iskeleti oluşturulur.
- 08:52Live Server Kullanımı
- Live Server eklentisi ile dosyaları açarken "Open with Live Server" seçeneği kullanılabilir.
- Bu sayede localhost üzerinden sayfa görüntülenir ve dosyaya yapılan değişiklikler otomatik olarak sayfada güncellenir.
- Bu yöntem sayesinde her değişiklik sonrası sayfayı yenileme ihtiyacı ortadan kalkar.