Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, HTML eğitim serisinin bir parçası olup, eğitmen tarafından sunulan bir ders formatındadır. Eğitmen, önceki derste HTML'in temel bilgilerini anlattığını belirtiyor.
- Video, HTML kod yazmak için kullanılabilecek IDE'ler hakkında bilgi vererek başlıyor. Notepad, Visual Studio Code, Sublime Text ve JetBrains WebStorm gibi IDE'ler tanıtılıyor. Ardından JetBrains WebStorm'un kurulumu ve kullanımı gösteriliyor. Son bölümde ise HTML'de element ve attribute kavramları açıklanıyor. Eğitmen, element kavramını "açılıp kapanan herhangi bir tak içerisindeki her şey" olarak tanımlıyor ve iç içe tagların nasıl kullanılacağını örneklerle gösteriyor.
- 00:06HTML Kodlama İçin IDE Seçimi
- Geçen derste HTML 5 derslerinin ilkini anlatmış ve temel bilgiler vermiştik.
- HTML kodlarını Notepad ile de yazabilirsiniz ancak kod tamamlama özelliği olmadığı için bazı özelliklerin aklınıza gelmeyebilir veya yanlış yazabilirsiniz.
- Visual Studio Code, Sublime Text ve WebStorm gibi IDE'ler HTML kodlaması için tavsiye edilmektedir.
- 01:17WebStorm IDE'si
- WebStorm, JetBrains firmasının IDE'si olup Java kökeninden gelen IntelliJ IDEA'nın JavaScript ve HTML desteği oldukça iyi olan bir versiyonudur.
- WebStorm varsayılan olarak React, Angular ve Node.js gibi temel JavaScript kütüphanelerini desteklemektedir.
- Otuz günlük deneme sürümü indirilebilir veya öğrenci/hoca için bir yıllık ücretsiz sürümü kullanılabilir.
- 02:55WebStorm'da Proje Oluşturma
- WebStorm'da yeni bir proje oluşturmak için "Create New Project" seçeneği kullanılır.
- Empty project veya hazır kütüphaneler (Dart, JS, Angular, React) kullanılabilir.
- Proje oluştururken Türkçe karakter kullanmamak önemlidir çünkü server'dan bu karakter desteği olmayabilir ve proje hatalı çalışabilir.
- 05:36HTML Dosyası Oluşturma
- WebStorm'da sağ tıklayarak "New" seçeneği ile HTML dosyası oluşturulabilir.
- Dosya oluşturulduğunda WebStorm otomatik olarak HTML tagını, head bölümünü ve body bölümünü oluşturur.
- Dosya ayarları için "File Settings" ve "Editor" seçenekleri kullanılarak yazı fontu ve boyutu ayarlanabilir.
- 07:13HTML Elementleri ve Attribütler
- HTML'de element, açılıp kapanan herhangi bir tag içerisindeki her şeydir.
- İç içe taglar kullanılabilir, örneğin p tagının içine a tag'ı yazılabilir.
- Attribütler (nitelikler), tag'ların özelliklerini belirleyen özelliklerdir ve WebStorm imleci alır almaz olası attribütleri gösterir.