Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan HTML CSS derslerinin bir parçasıdır. Eğitmen, izleyicilere adım adım HTML uygulaması yaparak konuyu pekiştirmektedir.
- Videoda öncelikle HTML yapısının temel etiketleri (başlık etiketleri, paragraf etiketleri, biçimlendirme etiketleri) kullanılarak "Hello World" ve "En çok okunan kitaplar" konulu bir sayfa oluşturulmaktadır. Daha sonra yorum satırlarının nasıl oluşturulacağı gösterilmekte ve VS Code'da shift+alt tuş kombinasyonu ile yorum satırı açma yöntemi anlatılmaktadır.
- Eğitmen, izleyicilere önce eğitmenin uygulamasını izlemelerini, sonra kendi başlarına uygulamalarını ve son olarak ödev yapmalarını önererek interaktif bir öğrenme deneyimi sunmaktadır. Ödevde "en çok izlenen film listesi" konulu bir uygulama oluşturulması istenmekte ve her filmde en az bir h etiketi, bir bold etiketi, bir market etiketi ve bir italik etiketi kullanılması istenmektedir.
- HTML Derslerinin Özeti
- HTML ve CSS derslerine kaldığı yerden devam ediliyor.
- Önceki derslerde HTML yapısı, genişleme etiketleri, başlık etiketleri (h1'den h6'ya kadar), paragraf etiketi ve biçimlendirme etiketleri (be, bold, i) tanımlanmıştır.
- Bu derste öğrendiklerin pekiştirilmesi için bir uygulama yapılacak.
- 00:44İlk HTML Uygulaması
- "İlk HTML Uygulaması" adında bir dosya oluşturuluyor ve index.html olarak kaydediliyor.
- Editör ayarlarında wordwrap özelliği "on" olarak ayarlanarak satırların uzamasını engelliyor.
- Kaydetme işleminin öneminden bahsediliyor, çünkü hata aramak için çok zaman harcanabilir.
- 03:18HTML Etiketlerinin Kullanımı
- Başlık etiketi (title) kullanılarak sayfanın başlığı belirleniyor.
- Başlık etiketleri (h1'den h6'ya kadar) kullanılarak içerik hiyerarşisi oluşturuluyor.
- Paragraf etiketi (p) kullanılarak içerik bölümleri oluşturuluyor.
- 05:46Biçimlendirme Etiketleri
- Kalın yazı için bold etiketi (b) kullanılıyor.
- İtalik yazı için italik etiketi (i) kullanılıyor.
- Fiyat bilgileri için de biçimlendirme etiketleri kullanılıyor.
- 08:39Uygulama Örneği
- Doğan Cüceloğlu, Jose Saramago ve Ahmet Ümit kitaplarının başlıkları ve açıklamaları oluşturuluyor.
- Her kitabın fiyatı için eski ve yeni fiyat bilgileri ekleniyor.
- HTML ve CSS derslerinde öğrendikleri etiketler kullanılarak bir kitap listesi uygulaması oluşturuluyor.
- 11:01Yorum Satırı Oluşturma
- VSCode'da yorum satırı oluşturmak için Shift+Alt tuşlarına basılabilir.
- Yorum satırı oluşturmak için önce bir ünlem işareti kullanılır ve ardından açıklama yazılır.
- Yorum satırları tarayıcı tarafından okunmaz, sadece geliştiriciler tarafından developer tools üzerinden görüntülenebilir.
- 12:38Ödev Açıklaması
- Ödev konusu "en çok izlenen film listesi" olacak.
- Her filmde en az bir h etiketi (h1'den h6'ya kadar) kullanılacak.
- Her filmde bir bold etiketi ve bir italik etiketi kullanılacak.
- Ödevde formatik etiketler (formatting etiketleri) kullanılacak.
- Ödevi yapmak geliştiricilere fayda sağlayacak.