Javascript Programlama Ünite -1

Ünite Özeti

JavaScript, web sayfalarını dinamik hale getiren bir betik dilidir. İlk olarak Netscape tarafından geliştirilmiş ve şu anda ECMAScript standartlarıyla güncellenmektedir. JavaScript, web teknolojilerinde en çok kullanılan programlama dillerinden biridir ve tarayıcıda çalıştırılarak istemci taraflı etkileşim sağlar. Son yıllarda Node.js ile birlikte sunucu taraflı programlama için de kullanılmaktadır. Ayrıca mobil uygulama geliştirme çerçeveleriyle de yaygınlaşmıştır. JavaScript dili, basit sözdizimi, esnek yapısı ve geniş kullanım alanları ile programcılar arasında popülerdir.

HTTP’nin Açılımı

HTTP (Hyper Text Transfer Protocol), web üzerinde veri iletimini sağlayan bir protokoldür. Bu protokol, istemci ile sunucu arasında veri alışverişini düzenler. HTTP, web sayfalarının tarayıcıda görüntülenmesini sağlar ve internet üzerindeki en temel iletişim protokollerinden biridir.

Dosya Transferi Protokolleri

FTP (File Transfer Protocol), dosya transferi için kullanılan bir protokoldür. İnternet üzerinden dosya gönderme ve alma işlemlerini gerçekleştiren FTP, özellikle büyük dosyaların transferinde kullanılır. UDP, TCP ve SMTP gibi diğer protokoller ise farklı iletişim ve veri transferi ihtiyaçlarını karşılar.

Sunucu ve İstemci İlişkisi

Web teknolojilerinde sunucu ve istemci arasındaki ilişki önemlidir. Sunucu, statik HTML sayfalarını barındırır ve istemci bilgisayarlar (client) bu sayfalara HTTP protokolü ile erişir. Tarayıcı (browser), web sayfalarına erişim sağlayan özel bir programdır ve istemci bilgisayarlar tarayıcı ile web sayfasına ziyaret isteği gönderir.

CSS ile Web Sayfası Düzenleme

CSS (Cascading Style Sheets), web sayfalarının yapı ve içeriğinin görünüş ve biçimini sistematik bir şekilde düzenler. HTML, web sayfasının iskeletini oluştururken, CSS bu iskeleti estetik ve işlevsel hale getirir.

JavaScript’in Temel Özellikleri

JavaScript, tarayıcıda çalışabilir ve istemci tarafı betik dili olarak kullanılır. Platform bağımsızdır ve farklı işletim sistemlerinde çalışabilir. JavaScript, Netscape mühendisi Brendan Eich tarafından geliştirilmiştir ve nesneye yönelik programlama prensiplerini destekler.

JavaScript Tabanlı Yazılım Çerçeveleri

JavaScript tabanlı yazılım çerçeveleri arasında React Native, jQuery ve Vue Native gibi popüler çerçeveler bulunur. Ancak RStudio, JavaScript tabanlı bir çerçeve değildir; bu, R programlama dili için bir geliştirme ortamıdır.

HTML’de JavaScript Kullanımı

Bir HTML sayfasına JavaScript kodları <script></script> etiketi ile eklenir. Ayrıca, harici JavaScript dosyaları <script src=”scriptDosyam.js”></script> etiketi ile sayfaya dahil edilebilir.

JavaScript IDE’leri

JavaScript kodlama editörleri (IDE’leri) arasında Visual Studio Code, Atom, WebStorm ve Sublime Text gibi popüler araçlar bulunur. JupyterNotebook ise JavaScript için bir IDE değildir.

Visual Studio Code’da JavaScript Kullanımı

Visual Studio Code editöründe JavaScript kodu çalıştırabilmek için öncelikle .js uzantılı JavaScript dosyası oluşturulmalıdır. Bu dosya, JavaScript kodlarının derlenmesi ve çalıştırılması için gereklidir.

1- Aşağıdaki seçeneklerden hangisinde HTTP’nin açılımı doğru bir şekilde verilmiştir?

A) Hyper Transfer Text Protocol
B) Hyper Text Transmission Protocol
C) Hyper Text Transfer Protocol
D) Hyper Text Text Protocol
Hyper Transfer Transmission Protocol

Cevap: C) Hyper Text Transfer Protocol

Açıklama: HTTP’nin açılımı Hyper Text Transfer Protocol’dür ve web üzerinde veri iletimini sağlar.

2- Aşağıdaki protokollerden hangisi dosya transferi için kullanılır?

A) UDP
B) FTP
C) TCP
D) SMTP
E) HTTP

Cevap: B) FTP

Açıklama: FTP (File Transfer Protocol), dosya transferi için kullanılan bir protokoldür.

3- Aşağıdaki seçeneklerden hangisi yanlıştır?

A) Sunucu (server) statik HTML sayfalarını barındırır.
B) Bir HTML sayfası, istemci bilgisayarlara (client) HTTP protokolü ile sunulur.
C) Tarayıcı (browser), bir web sayfasına erişmek için kullanılan özel programdır.
D) İstemci bilgisayarlar tarayıcı ile bir web sayfasına ziyaret isteği gönderir.
E) Sunucu, istemciden gelen isteğe yalnızca .html uzantısına sahip dosyaları döndürür.

Cevap: E) Sunucu, istemciden gelen isteğe yalnızca .html uzantısına sahip dosyaları döndürür.

Açıklama: Sunucu, istemciden gelen isteğe farklı türde dosyalar döndürebilir.

4- Bir web sayfasının yapı ve içeriğinin görünüş ve biçimi aşağıdakilerden hangisi aracılığı ile sistematik biçimde düzenlenebilir?

A) CSS
B) HTML
C) URL
D) HTTP
E) FTP

Cevap: A) CSS

Açıklama: CSS (Cascading Style Sheets), web sayfasının görünüş ve biçimini düzenlemek için kullanılır.

5- Aşağıdakilerden hangisi JavaScript dilinin temel özelliklerinden biri değildir?

A) JavaScript sadece Windows platformunda çalışır.
B) Tarayıcıda çalışabilir ve istemci tarafı betik dili olarak kullanılabilir.
C) Netscape mühendisi Brendan Eich tarafından geliştirilmiştir.
D) Nesneye yönelik programlama prensiplerini destekler.
E) JavaScript dili CSS ve HTML ile birlikte web geliştirme sürecinde kullanılan bir dildir.

Cevap: A) JavaScript sadece Windows platformunda çalışır.

Açıklama: JavaScript, platform bağımsızdır ve farklı işletim sistemlerinde çalışabilir.

6- Aşağıdakilerden hangisi JavaScript tabanlı bir yazılım çerçevesi değildir?

A) React Native
B) jQuery
C) Vue Native
D) RStudio
E) Angular

Cevap: D) RStudio

Açıklama: RStudio, R programlama dili için bir geliştirme ortamıdır ve JavaScript tabanlı bir yazılım çerçevesi değildir.

7- Bir HTML sayfasına JavaScript kodları aşağıdaki etiketlerden hangisi ile eklenebilir?

A) <javascript></javascript>
B) <jquery></jquery>
C) <js></js>
D) <query></query>
E) <script></script>

Cevap: E) <script></script>

Açıklama: JavaScript kodları HTML sayfasına <script></script> etiketi ile eklenir.

8- scriptDosyam.js adlı JavaScript dosyası aşağıdaki seçeneklerden hangisi ile web sayfasında kullanılabilir?

A) <javascript file=”scriptDosyam.js”></javascript>
B) <javascript src=”scriptDosyam.js”></javascript>
C) <script src=”scriptDosyam.js”></script>
D) <script file=”scriptDosyam.js”></script>
E) <script sourcefile=”scriptDosyam.js”></script>

Cevap: C) <script src=”scriptDosyam.js”></script>

Açıklama: JavaScript dosyası <script src=”scriptDosyam.js”></script> etiketi ile HTML sayfasına eklenir.

9- Aşağıdakilerden hangisi bir JavaScript IDE’si (kodlama editörü) değildir?

A) Visual Studio Code
B) Atom
C) WebStorm
D) JupyterNotebook
E) Sublime Text

Cevap: D) JupyterNotebook

Açıklama: JupyterNotebook, Python ve diğer diller için bir not defteri uygulamasıdır ve JavaScript IDE’si değildir.

10- “Visual Studio Code editöründe JavaScript kodu çalıştırabilmek için öncelikle .js uzantılı … dosyası oluşturulmalıdır.” ifadesinde … ile gösterilen yere gelebilecek uygun seçenek aşağıdakilerden hangisidir?

A) JavaScript
B) HTML
C) CSS
D) FTP
E) HTTP

Cevap: A) JavaScript

Açıklama: JavaScript kodu çalıştırmak için .js uzantılı JavaScript dosyası oluşturulmalıdır.