Buradasın
HTML ve CSS ile JavaScript Framework Kullanım Oranları Grafiği Oluşturma Eğitimi
youtube.com/watch?v=A_KHgxvsK5MYapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere adım adım HTML ve CSS kullanarak JavaScript framework kullanım oranları grafiği oluşturma sürecini göstermektedir.
- Video, IDE'de index.html sayfasının açılmasıyla başlayıp, CSS sınıflarının tanımlanması, div etiketlerinin oluşturulması ve JavaScript framework kullanım oranlarının (JavaScript, Knockout.js, Backbone.js, jQuery ve Node.js) grafik üzerinde gösterilmesi sürecini detaylı şekilde anlatmaktadır. Eğitmen, kod yazarken İngilizce sınıf isimleri kullanmanın önemini vurgulamakta ve son olarak oluşturulan HTML dosyasının tarayıcıda görüntülenmesiyle videoyu sonlandırmaktadır.
- 00:01HTML Projesi Hazırlama
- Index.html sayfasının içeriği oluşturulmaya başlanıyor.
- IDE açılarak ana klasör seçiliyor ve proje dosyasının hiyerarşisi görüntüleniyor.
- Index.html dosyası açılarak body içinde içerik oluşturulmaya başlanıyor.
- 00:35P Class Tanımlama
- İlk olarak "debug" isimli bir p class tanımlanıyor.
- Klasların ve değişkenlerin isimlerinin İngilizce olarak tanımlanması tavsiye ediliyor.
- "chart" isimli bir p class tanımlanıyor ve altına altı adet "chart" etiketi ekleniyor.
- 02:07Diğer P Class'lar
- Tüm değerler aynı olduğu için sadece class isimleri değiştiriliyor.
- "max value", "value multiplayer", "label", "chart hyde arya" ve "chat scale" isimli altı adet p class tanımlanıyor.
- P class'ların içeriği oluşturulup kapatılıyor.
- 03:45Chart Konteyner ve Title
- "chart konteyner" isimli bir div class tanımlanıyor.
- "chart title" isimli bir div class tanımlanıyor.
- H2 etiketi ile "Son dört yıl" başlığı ve çizgi ekleniyor.
- 05:30Chart Content ve Y-Axis
- "chart content" div class altında içerik oluşturulmaya başlanıyor.
- "chart axis" isimli bir div class tanımlanıyor.
- Y-axis için "top", "bottom" ve "pixel" değerleri ile 1000, 225, 750, 500, 75 ve 1000 piksel değerleri belirleniyor.
- 08:02Chart Area ve Bar Değerleri
- "chart area" isimli bir div class tanımlanıyor ve bar spacing 30 olarak belirleniyor.
- "bar value" için 320 değeri ve "javascript" label ekleniyor.
- JavaScript, Knockout CS, Backbone CS, jQuery ve Node.js değerleri için beş adet bar oluşturuluyor.
- 11:42X-Axis ve Kaydetme
- "chart x axis" isimli bir div class tanımlanıyor.
- Index.html içeriği kaydediliyor.
- Tarayıcıda açıldığında tüm değerlerin doğru şekilde geldiği kontrol ediliyor.