ATA-AÖF İnternet Programcılığı I Çıkmış Sorular

Ders, web sayfalarının HTML ile yapılandırılmasını, CSS ile biçimlendirilmesini, HTML5 form ve API özelliklerini, JavaScript ve jQuery ile etkileşimi, Bootstrap ve jQuery Mobile ile duyarlı arayüz kurmayı kapsar.

HTML temelleri ve anlamsal etiketler

• HTML bir programlama dili değil, sayfa yapısını kuran standart işaretleme dilidir; dosyalar .html veya .htm uzantısıyla saklanır.
• Etiketler küçüktür ve büyüktür işaretleri arasına yazılır.
• Sayfa dili html etiketinin lang özelliğiyle bildirilir; Türkçe için tr kullanılır.
• Sekmedeki başlık head içindeki title etiketiyle verilir; hr yatay çizgi çizer.
• section, article, header, footer, nav gibi anlamsal etiketler eski id veya class verilmiş div bloklarının yerini alır.

HTML5 form özellikleri

• Placeholder, kullanıcı yazmadan önce alanda görünen ipucu metnidir.
• Pattern, girilen değeri düzenli ifadeyle denetler; harf sınırlaması gibi kurallar bu yolla konur.
• Formtarget, gönderim yanıtının nerede açılacağını belirler; _blank yeni sekme demektir.
• Datalist, input alanına yazdıkça açılan hazır öneri listesi sağlar.
• Yeni input türleri arasında search, email, url, tel, number, range, date, time ve color vardır; sound ve web yoktur.
• Keygen anahtar çifti üreterek kimlik doğrulamada kullanılırdı; artık tarayıcılar desteklemiyor.

HTML5 API'leri ve grafik

• Geolocation API enlem ve boylam verir; tarayıcı önce kullanıcıdan izin ister.
• Sürükle bırak, konum belirleme ve yerel depolama JavaScript koduyla çalışır.
• Sürükle bırak olayları ondragstart, ondrag, ondragenter, ondragleave, ondragover, ondrop ve ondragend şeklindedir; onboard yoktur.
• SVG vektör tabanlı ve XML esaslıdır; Canvas piksel tabanlıdır ve JavaScript ile çizilir. İkisi aynı özelliklere sahip değildir.

CSS söz dizimi, seçiciler ve öncelik

• CSS kuralı seçici ile bildirim bloğundan oluşur.
• Id seçici diyez ile, sınıf seçici nokta ile başlar.
• Çok satırlı açıklama /* */ arasına yazılır.
• Öncelik sırası genel olarak satır içi, gömülü, dış dosya şeklindedir; kullanıcı tanımları yazarın tanımlarını normalde geçersiz kılmaz.
• Yazı tipi ve renk gibi özellikler kalıtımla geçer; alt elemana doğrudan tanım verilirse kalıtımla gelen değer geçersiz olur.
• Satırları dönüşümlü renklendirmek için nth-child kullanılır; even ve odd değerleri alır.

CSS kutu modeli, renk, yazı tipi ve görsel

• Padding içerikle kenarlık arasındaki iç boşluktur; margin kenarlığın dışındaki boşluktur.
• font-family listesinde tarayıcı sırayla dener; sans-serif yalnız son çare genel ailedir.
• Renkler RGB veya hex ile on altı milyondan fazla yazılabilir, ama adı olan renk yaklaşık 140'tır.
• background-repeat öntanımlı olarak repeat değerindedir; repeat-x yatayda, repeat-y dikeyde tekrar eder, no-repeat tekrarı kapatır.
• border-radius: 50% kare görseli daire yapar.
• border-collapse değerleri collapse (birleşik) ve separate (ayrık) şeklindedir.

JavaScript ve jQuery

• Elemana id ile document.getElementById() yoluyla ulaşılır.
• innerText düz metin yazar, innerHTML içeriği HTML kodu sayar.
• Değişken adı rakamla başlayamaz, büyük-küçük harfe duyarlıdır; artı işareti adda kullanılamaz.
• window.location.href açık sayfanın tam adresini verir.
• jQuery efektleri show/hide, fadeIn/fadeOut, slideUp/slideDown ve animate'tir; Play diye efekt yoktur.

Bootstrap ve jQuery Mobile

• Bootstrap ızgarası her satırı 12 eşit sütuna böler; sütun toplamı 12'yi geçmemelidir.
• Satır ve sütunlar row, col-md-6 gibi CSS sınıflarıyla kurulur.
• Zorunlu çekirdek dosya bootstrap.css'tir; js dosyaları etkileşimli bileşenler için gerekir.
• jQuery Mobile'da sayfa geçiş efekti data-transition ile seçilir; efekt istenmezse none verilir.
• jQuery Mobile tablo bileşeni sütun gizleme sunar ama hazır veri sıralama sunmaz.

HTML

Web sayfalarının yapısını kuran standart işaretleme dilidir.

Seçici ve bildirim

CSS kuralının, hedef öğeyi belirten ve uygulanacak biçimi taşıyan iki bölümüdür.

Padding

Öğenin içeriği ile kenarlığı arasındaki iç boşluktur.

Margin

Kenarlığın dışında kalıp öğeyi komşularından ayıran boşluktur.

Pattern

Form girişini düzenli ifadeyle denetleyen özelliktir.

Datalist

Input alanına otomatik tamamlama önerileri sunan HTML5 etiketidir.

Geolocation API

Kullanıcının izniyle konumunu enlem ve boylam olarak veren HTML5 arayüzüdür.

Cascade (basamaklama)

Aynı elemana ulaşan birden çok stil arasından hangisinin uygulanacağını belirleyen öncelik düzenidir.

Izgara sistemi

Bootstrap'te sayfayı 12 sütunluk satırlara bölen yerleşim yöntemidir.

innerText

Elemanın içine biçimsiz düz metin yazan JavaScript özelliğidir.

nth-child

Sıra numarasına göre öğe seçen, zebra tablo için kullanılan sözde sınıftır.

• padding iç boşluk, margin dış boşluktur; sorularda sık karıştırılır.
• repeat hem yatay hem dikey, repeat-x yalnız yatay, repeat-y yalnız dikey tekrar eder.
• innerText düz metin, innerHTML HTML kodu olarak işler.
• Hatalı ifade sorularında 'her koşulda', 'olanaksızdır', 'her rengin adı vardır' gibi mutlak ifadeler genellikle yanlıştır.
• Id seçici diyez, sınıf seçici nokta ile başlar; Bootstrap ızgarası sınıflarla kurulur, id ile değil.