JS Alıştırmaları

JavaScript temelleri

JavaScript Temelleri

JavaScript, web tarayıcılarında çalışabilen bir programlama dilidir. Web sayfalarına etkileşimli özellikler eklemek için kullanılır. HTML ve CSS ile birlikte web geliştirme sürecinde önemli bir rol oynar. JavaScript’i anlamak ve kullanmak, modern web geliştirmenin temel taşlarından biridir.

JavaScript ile ilgili temel kavramlardan biri değişkenlerdir. Değişkenler, veri saklamak ve kullanmak için kullanılır. Bir değişken tanımlarken, değişkenin adını ve değerini belirtmek gerekir. JavaScript’te değişkenlerin tipi dinamik olarak belirlenir, yani bir değişkenin herhangi bir veri tipini temsil edebilir.

JavaScript’te koşullu ifadeler ve döngüler de çok önemlidir. Koşullu ifadeler, belirli bir durumun doğru veya yanlış olup olmadığını kontrol etmek için kullanılır. Döngüler ise bir dizi işlemi tekrar etmek için kullanılır. Bu yapılar, programların daha karmaşık ve interaktif olmasını sağlar.

JavaScript’te diğer önemli bir kavram ise fonksiyonlardır. Fonksiyonlar, kod bloklarını bir araya getirerek belirli bir görevi gerçekleştirmek için kullanılır. Fonksiyonlar, kodun tekrar tekrar yazılmasını engeller ve kodun daha okunabilir ve düzenli olmasını sağlar. Bu da yazılımın bakımını kolaylaştırır.

JavaScript’te diziler ve dize işlemleri de oldukça kullanışlıdır. Diziler, birden çok değeri bir araya getirerek saklamak için kullanılır. Dize işlemleri ise bir dizedeki karakterleri manipüle etmek veya dizeyi bölmek ve birleştirmek için kullanılır. Bu özellikler, verilerin işlenmesi ve işlemlerle çalışmanın daha etkili ve verimli olmasını sağlar.

JavaScript’te objeler ve nesne yönelimli programlama, daha gelişmiş ve ölçeklenebilir uygulamalar geliştirmek için kullanılır. Objeler, birden çok veriyi bir araya getiren veri yapılarıdır. Nesne yönelimli programlama ise programları, nesneler ve nesneler arasındaki ilişkiler üzerine kurarak daha organize bir şekilde yazmayı sağlar.

JavaScript’in DOM manipülasyonu ve olaylar konuları, web sayfalarındaki içeriği değiştirmek ve kullanıcı etkileşimlerine yanıt vermek için kullanılır. DOM manipülasyonu, web sayfalarının dinamik olarak güncellenmesini ve değiştirilmesini sağlar. Olaylar ise kullanıcı etkileşimlerine yanıt vermek ve belirli işlemler gerçekleştirmek için kullanılır.

JavaScript hakkında daha fazla bilgi edinmek ve pratik yapmak için, JavaScript kaynaklarından yararlanabilirsiniz. İnternette birçok ücretsiz ve interaktif kaynak bulunmaktadır. Ayrıca, JavaScript’i kullanarak küçük projeler yaparak kendinizi geliştirebilir ve deneyim kazanabilirsiniz.

Değişkenler ve veri tipleri

Değişkenler ve Veri Tipleri

Programlama dillerinde değişkenler ve veri tipleri, birçok işlevsel taski gerçekleştirebilmek için temel gerekliliklerdir. Özellikle JavaScript gibi dinamik bir dilde, değişkenler ve veri tipleri oldukça önemli bir role sahiptir. Bu yazıda, JavaScript’te değişkenlerin nasıl tanımlandığı, veri tiplerinin neler olduğu ve nasıl kullanıldığı hakkında bilgi paylaşacağız.

Değişkenlerin Tanımlanması

JavaScript’te bir değişken tanımlamak için var, let ya da const anahtar kelimeleri kullanılır. Değişken tanımlarken dikkat edilmesi gereken nokta, var anahtar kelimesine sahip bir değişkenin global olarak tanımlanacağı, let ve const ile tanımlanan değişkenlerin ise sadece bulundukları blok ya da kapsam içinde geçerli olacağıdır.

Veri Tipleri

Veri Tipi	Örnek	Açıklama
String	“Merhaba Dünya!”	Metinsel verileri temsil eder.
Number	42	Sayısal verileri temsil eder.
Boolean	true	Mantıksal değerleri temsil eder (doğru ya da yanlış).
Array	[1, 2, 3]	Birden fazla veriyi bir araya getiren yapıdır.

JavaScript’te veri tipleri otomatik olarak belirlendiği için, bir değişkene bir veri atadığınızda o değişkenin veri tipi de otomatik olarak belirlenir. Ancak, bir değişkenin veri tipini öğrenmek için typeof operatörünü kullanabilirsiniz.

Koşullu ifadeler ve döngüler

Html formatına dökülen bu blog yazısında “Koşullu İfadeler ve Döngüler” konusunu ele alacağız. Bu konu, programlama dünyasında önemli bir yer tutar ve yazılım geliştiriciler için temel bir kavramdır.

İlk olarak, koşullu ifadelere değinelim. Koşullu ifadeler, belirli bir koşulun doğru olup olmadığını kontrol eden ve buna göre farklı işlemleri gerçekleştiren yapılardır. Bu ifadeler, programın akışını kontrol etmek ve belirli durumlarda farklı işlemler yapmak için kullanılır. Örneğin, bir web uygulamasında kullanıcı giriş kontrolü yapılacaksa, kullanıcının giriş yapmış olup olmadığına bağlı olarak farklı sayfalara yönlendirme işlemi gerçekleştirilebilir.

Sonraki konumuz ise döngülerdir. Döngüler, belirli bir kod bloğunu tekrarlayarak çalıştıran yapılar olarak tanımlanır. Programlarda genellikle belirli bir işlemi tekrar etmek veya bir liste üzerinde gezinmek gibi durumlar için kullanılır. Döngüler, programın daha verimli ve dinamik çalışmasını sağlar. Örneğin, bir e-ticaret web sitesinde tüm ürünleri listelemek için bir döngü kullanılabilir. Bu sayede her bir ürün için ayrı ayrı işlemler gerçekleştirilebilir.

• Koşullu ifadeler, programın akışını kontrol etmek için kullanılır.
• Döngüler, belirli bir kod bloğunu tekrarlayarak çalıştırmak için kullanılır.

Başlık	Açıklama
Koşullu İfadenin Kullanımı	Koşullu ifadelerin nasıl kullanıldığına dair örnekler
For Döngüsü	For döngüsünün çalışma prensibi ve kullanımı
While Döngüsü	While döngüsünün özellikleri ve nasıl kullanıldığı

Fonksiyonlar ve metotlar

Fonksiyonlar ve metotlar, programlama dillerinde oldukça önemli bir konudur. Fonksiyonlar ve metotlar, bir veya daha fazla işlemi gerçekleştirmek için kullanılır ve kodun daha organize olmasını sağlar. Bu konuda temel olarak iki farklı kavram olan “fonksiyon” ve “metot” bulunmaktadır.

Fonksiyonlar, bağımsız kod bloklarını temsil eden ve belirli bir işi yapmak için kullanılan yapılardır. Bir fonksiyon, parametreler alarak çalışabilir ve bir değer döndürebilir. Fonksiyonlar, kodun modüler olmasını sağlar ve tekrar kullanılabilirlik açısından büyük bir avantaj sağlar. JavaScript’te fonksiyonlar, “function” kelimesi ile tanımlanır ve ardından bir isim verilir.

Metotlar, bir nesneye veya veri yapısına özgü olan ve onunla ilişkili operasyonları gerçekleştiren fonksiyonlardır. Nesnelerin üzerinde çalışan metotlar, o nesnenin özelliklerine ve davranışlarına erişebilir. JavaScript’te metotlar, bir nesne üzerinde tanımlanan fonksiyonlardır. Bu nedenle metotlar, bir nesneye ait özellikleri kullanarak çalışır ve genellikle nesne.adı şeklinde kullanılır.

Fonksiyonlar ve metotlar, programlama dillerindeki en temel yapı taşlarından biridir. Bu yapılar, kodun daha anlaşılır, daha sürdürülebilir ve daha yeniden kullanılabilir olmasını sağlar. Dolayısıyla, bu konuyu anlamak ve kullanmak, bir programcı için oldukça önemlidir.

• Fonksiyonlar bir veya daha fazla işlemi gerçekleştirmek için kullanılır.
• Metotlar, bir nesneye veya veri yapısına özgü olan ve onunla ilişkili operasyonları gerçekleştiren fonksiyonlardır.
• Fonksiyonlar ve metotlar, kodun modüler ve tekrar kullanılabilir olmasını sağlar.

Fonksiyonlar	Metotlar
Kodun daha organize olmasını sağlar.	Nesnelerin özelliklerine ve davranışlarına erişebilir.
Parametreler alarak çalışabilir ve bir değer döndürebilir.	Bir nesne üzerinde tanımlanan fonksiyonlardır.

Diziler ve dize işlemleri

Diziler ve dize işlemleri, JavaScript programcıları için önemli bir konudur. Dizi, birçok değeri bir araya getiren bir veri yapısıdır. JavaScript’te dizi oluşturmak için, değerleri köşeli parantezler içinde virgülle ayırarak tanımlarız. Örneğin:

“`html

var numbers = [1, 2, 3, 4, 5];

“`

Diziye erişmek için, köşeli parantez içinde indeks numarasını kullanırız. İndeksler 0’dan başlar, yani ilk elemanın indeksi 0’dır. Örneğin:

“`html

var firstNumber = numbers[0]; // 1

“`

Dizi elemanlarını güncellemek veya yeni elemanlar eklemek de mümkündür. Bunun için indeks numarasını kullanarak erişim sağlarız. Örneğin:

“`html

numbers[2] = 10; // [1, 2, 10, 4, 5]

“`

• Dizi Metotları:
• push(): Bir diziye yeni bir eleman ekler.
• pop(): Bir diziden son elemanı çıkarır.
• shift(): Bir diziden ilk elemanı çıkarır.
• unshift(): Bir diziye yeni bir eleman ekler.
• splice(): Bir dizinin belirli bir bölümünü siler veya yerine başka bir bölüm ekler.

Metot	Açıklama
push()	Diziye yeni bir eleman ekler.
pop()	Diziden son elemanı çıkarır.
shift()	Diziden ilk elemanı çıkarır.
unshift()	Diziye yeni bir eleman ekler.
splice()	Dizinin belirli bir bölümünü siler veya yerine başka bir bölüm ekler.

Objeler ve nesne yönelimli programlama

Objeler ve Nesne Yönelimli Programlama

Objeler ve Nesne Yönelimli Programlama (OOP), modern programlama dillerinde yaygın olarak kullanılan bir programlama paradigmasıdır. Bu yaklaşım, programlamayı gerçek dünyadaki nesnelere benzetir ve kodunun daha modüler, daha okunabilir ve daha sürdürülebilir olmasını sağlar. OOP, birçok avantajı ve kullanışlı araçlarıyla geliştiricilere büyük kolaylık sağlar.

OOP’nin temelinde, bir nesne oluşturmak ve bu nesne üzerinden çalışmak vardır. Bir nesne, verileri (özellikler) ve bu veriler üzerinde işlem yapabilen fonksiyonları (metotlar) içeren bir bileşendir. Her nesne, sınıf denilen bir şablona dayanarak oluşturulur. Sınıflar, nesnelerin tanımlandığı ve oluşturulduğu şablondur. Nesneler, sınıftan türetilir ve bu türetme işlemi miras alarak yapılanabilir.

OOP’nin en temel faydalarından biri kodun modüleritesidir. Nesne tabanlı bir programda, kod farklı nesnelere bölünebilir ve her bir nesne kendi içinde bağımsız olarak çalışabilir. Bu sayede, kod üzerinde yapılan değişiklikler, sadece ilgili nesneyi etkiler ve diğer kısımların çalışmasında herhangi bir soruna neden olmaz. Bu da kodun daha sürdürülebilir olmasını sağlar.

• Nesne tabanlı programlama paradigmasının önemli bir özelliği ise veri gizlemedir. Bir nesne, sadece gerektiğinde erişilebilen verileri ve metotları sunar. Bu sayede, verilerin yanlışlıkla değiştirilmesi veya yanlış bir şekilde kullanılması riski azalır.
• Bir diğer fayda, kodun yeniden kullanılabilirliğidir. Bir sınıfı farklı projelerde veya farklı senaryolarda kullanabilirsiniz. Bu da zaman tasarrufu sağlar ve kod tekrarını engeller.
• OOP, ilişkili verileri gruplamak için ideal bir yöntemdir. Bir nesne, birçok farklı veriyi bir arada tutabilir ve bu veriler arasında ilişkiler kurabilir.

Başlık	Açıklama
Encapsulation (Kapsülleme)	Verileri ve bu verilere erişen metotları bir arada tutmak ve dışarıdan erişimi kontrol altına almak.
Inheritance (Miras Alma)	Bir sınıfın diğer bir sınıftan özelliklerini ve metotlarını miras alması.
Polymorphism (Çok Biçimlilik)	Bir nesnenin farklı şekillerde davranabilme yeteneği.

Objeler ve Nesne Yönelimli Programlama, büyük ve karmaşık projelerin geliştirilmesinde büyük ölçüde kullanılır. Nesne tabanlı bir yaklaşım, projenin daha organize olmasını ve daha kolay yönetilebilir olmasını sağlar. Bu nedenle, OOP’yi öğrenmek ve kullanmak, her programcının bilmesi gereken önemli bir yetenektir.

DOM manipülasyonu ve olaylar

DOM (Belge Nesne Modeli), HTML veya XML belgelerindeki tüm öğeleri bir ağaç yapısı olarak temsil eden bir yapıdır. DOM manipülasyonu, bu belge öğelerini değiştirme veya güncelleme işlemidir. Olaylar ise kullanıcının etkileşimleri veya tarayıcının gerçekleştirdiği diğer eylemlerdir. DOM manipülasyonu ve olaylar, web geliştirme sürecinde önemli bir rol oynar ve dinamik ve etkileşimli web sayfaları oluşturmak için kullanılır.

DOM manipülasyonu, HTML öğelerinin ve özelliklerinin eklenmesini, kaldırılmasını veya değiştirilmesini içerir. JavaScript ile DOM manipülasyonu yapabilmenin birçok farklı yolu vardır. Örneğin, belirli bir öğenin içeriğini değiştirmek için innerHTML özelliği kullanılabilir. Aynı şekilde, yeni bir öğe eklemek için createElement() metodu kullanılabilir. DOM manipülasyonu, web sayfalarını daha dinamik ve kullanıcı dostu hale getirmek için kullanıcı etkileşimlerini takip etmek ve uygun tepkileri oluşturmak için de kullanılır.

Olaylar, kullanıcının web sayfasıyla etkileşimde bulunduğunda veya tarayıcının belirli eylemler gerçekleştirdiğinde gerçekleşir. Örneğin, bir butona tıklamak, bir formu göndermek veya bir fareyi hareket ettirmek bir olaydır. JavaScript ile olayları yakalayabilir ve kullanıcının etkileşimlerine yanıt olarak belirli bir eylem gerçekleştirebilirsiniz. Olay dinleyicileri kullanılarak bir olaya nasıl tepki verileceği tanımlanabilir ve web sayfasına daha fazla etkileşim katılabilir.

• DOM manipülasyonu, web sayfalarının dinamik ve etkileşimli olmasını sağlar.
• Olaylar, kullanıcının etkileşimleri veya tarayıcının gerçekleştirdiği eylemlerdir.

DOM Manipülasyonu	Olaylar
HTML öğelerini eklemek, kaldırmak veya değiştirmek.	Kullanıcının tıklama, fare hareketi gibi etkileşimlerine tepki vermek.
JavaScript ile innerHTML özelliği veya createElement() metodu kullanarak gerçekleştirilir.	Olay dinleyicileri ile yakalanır ve belirli bir eyleme tepki verilir.

Sık Sorulan Sorular

Değişkenler ve veri tipleriyle ilgili sıkça sorulan sorular ve cevapları
1. JavaScript’te değişken nedir?

Değişkenler, JavaScript programlarında verileri depolamak için kullanılan adlandırılmış öğelerdir.

2. JavaScript’te hangi veri tipleri kullanılır?

JavaScript’te yaygın olarak kullanılan veri tipleri şunlardır: string (metin), number (sayı), boolean (mantıksal), array (dizi) ve object (nesne).

3. JavaScript’te koşullu ifadeler ve döngüler nasıl kullanılır?

Koşullu ifadeler (if-else ifadeleri) ve döngüler (for, while, do-while döngüleri) JavaScript’te belirli bir koşula bağlı olarak belirli bir kodu çalıştırmak için kullanılır.

4. JavaScript’te fonksiyonlar ve metotlar ne işe yarar?

Fonksiyonlar ve metotlar, JavaScript programlarında tekrar kullanılabilir kod bloklarını oluşturmak için kullanılır ve belirli bir amaç için birden fazla kez çağrılabilirler.

5. JavaScript’te diziler ve dize işlemleri nasıl yapılır?

Diziler, aynı türdeki verileri depolamak için kullanılırken, dize işlemleriyle metinler üzerinde değişiklikler yapabilir ve metinleri parçalayabilirsiniz.

6. JavaScript’te objeler ve nesne yönelimli programlama nedir?

JavaScript’te objeler, birden fazla veriyi tek bir yapıda saklamak için kullanılır ve nesne yönelimli programlamada kullanılan temel bir kavramdır.

7. JavaScript’te DOM manipülasyonu ve olaylar nasıl kullanılır?

DOM (Belge Nesne Modeli) manipülasyonu, web sayfasının yapısal öğelerine erişim ve bu öğeler üzerinde değişiklik yapmak için kullanılırken, olaylar da kullanıcı etkileşimlerini yönetmek için kullanılır.