Up next in 10
Auzef Javascript Programlama 2024-2025 Bütünleme Soruları
https://lolonolo.com/2026/06/17/javascript-programlama-2024-2025-butunleme-sorulari/
https://lolonolo.com
Show More Show Less View Video Transcript
0:00
Selamlar. 2024-2025 JavaScript bütünleme
0:03
sınavınız geldi çattı. Panik yok çünkü
0:06
bugün hazırladığımız bu özel görsel
0:08
rehberle sınavda karşınıza çıkacak en
0:10
kritik detayları hızlıca ama eksiksiz
0:13
bir şekilde zihnimize kazacağız.
0:15
Biliyorum temel kodlama mantığına zaten
0:17
hakimsiniz. O yüzden vakit kaybetmeden
0:19
doğrudan sınav kağıdında size puan
0:21
toplatacak o ince detaylara, o püf
0:23
noktalara iniyoruz. Sınavı ezip geçmeye
0:26
hazırsanız başlıyoruz. Tamam. Hadi hemen
0:29
dalalım. Gündemimiz çok net ve üç ana
0:31
ayaktan oluşuyor. Önce diziler ve dom
0:34
manipülasyonu ile temellerimizi
0:36
sağlamlaştıracağız. Ardından döngüler ve
0:38
karar algoritmaları ile sisteme biraz
0:40
mantık ve hız katacağız. Son olarak da
0:43
nesne yönelimli programlama yani OOP ve
0:46
olay yönetimi ile işi bitireceğiz. Yol
0:48
haritamız belli. Hemen 1inci bölümümüzle
0:50
başlıyoruz. Diziler ve Dom
0:52
manipülasyonu. Verileri defolamanın ve
0:55
sayfaya dokunmanın en temel yolları.
0:58
Bakalım burada ne varmış. Yazılımın o
1:00
meşhur, asla ama asla unutulmaması
1:02
gereken altın kuralı. JavaScript'te
1:05
dizilerde indeksleme her zaman evet
1:08
istisnasız her zaman sıfırdan başlar.
1:10
Yani sınavda hoca size şu dizinin 3üncü
1:13
elemanına nasıl erişirsin diye
1:15
sorduğunda eliniz içgüdüsel olarak hemen
1:17
3'e gitmesin sakın ha. 1inci eleman
1:20
0dır. 2inci eleman 1dir ve 3üncü eleman
1:22
her zaman items köşeli parantez 2'dir.
1:25
Çok basit bir kural gibi duruyor
1:26
biliyorum ama inanın bana sınav
1:29
stresiyle en çok puan buralardan uçup
1:31
gidiyor. Sıfırdan başlıyoruz. Bu kuralı
1:33
zihninize iyice çivileyin. Peki
1:35
verilerimizi dizilerde tuttuk diyelim.
1:38
Bunu ekrana nasıl yansıtacağız? İşte Dom
1:40
Tampur'da imdadımıza koşuyor. HTML
1:42
sayfamıza kodlarımızla adeta hayat
1:44
vermek yoktan yepyeni bir eleman var
1:46
etmek için document.creat Create element
1:49
metodunu kullanıyoruz. İsmi üstünde
1:51
element yarat. Peki ya elimizdeki mevcut
1:53
bir elemanın belli bir özelliği mesela
1:56
bir sınıfı veya id'si var mı yok mu diye
1:58
merak ediyorsak o zaman da hemen has
2:00
attribute metodunu çağırıyoruz. Biri
2:02
yepyeni bir şeyler inşa ediyor diğeri
2:05
ise mevcut durumu denetleyip bize bilgi
2:07
veriyor. Sayfa üzerinde tam kontrol
2:09
sağlamak için ikisi de cebimizde olmalı.
2:11
Şimdi tasarımın o görünmez ama inanılmaz
2:14
kritik iki kuralına geldik. Margin ve
2:17
padding. Sınavda bunları birbirine
2:19
karıştırmak gerçekten çok yaygın bir
2:21
hatadır. İkisi de boşluk bırakıyor evet
2:23
ama tamamen farklı yerlerde. Şöyle
2:25
aklınızda tutun. Marjin dış boşluktur.
2:28
Sizin HTML elemanınızla diğer komşu
2:30
elemanları arasına o sınırları çizer.
2:32
Komşuya olan mesafenizdir. Padding ise
2:35
iç boşluktur. Yani elemanın kendi
2:37
içeriğini dış duvarlardan uzak tutar.
2:40
Margin duvarın dışındaki mesafedir.
2:42
Padding içerideki eşyaların duvara olan
2:44
uzaklığıdır. Bu kadar net. Geçiyoruz
2:46
ikinci bölüme. Döngüler ve karar
2:48
algoritmaları. Kodumuza biraz akıl ve
2:51
tekrar eklemenin tam zamanı. Buradaki en
2:54
can alıcı nokta doğru senaryoda doğru
2:57
döngüyü seçmektir. Karşımızda sürekli
2:59
birbirine karıştırılan iki döngü var.
3:01
For in ve for off. Bunu aklınızda
3:03
tutmanın harika ve çok basit bir taktiği
3:06
var. For in size indis nunarlarını
3:09
döndürür. Yani in demek indis demek.
3:11
Üzerine basa basa söylüyorum. In eş
3:14
indis. Ancak siz adresle falan uğraşmak
3:18
istemiyor, dizinin içindeki o gerçek
3:20
değerleri doğrudan çekip almak
3:21
istiyorsanız o zaman tercihiniz for off
3:24
olmalıdır. Biri adresi verir, diğeri ise
3:27
doğrudan gidip o adresteki veriyi
3:28
getirir. Karar algoritmalarındaki şu
3:31
meşhur while ve do while farkı ise
3:34
klasik bir sınav bankosudur. Ben bunu
3:36
hep iki farklı arkadaş tipine
3:37
benzetirim. V döngüsü sizin o çok
3:40
temkinli arkadaşınızdır. Bir işe
3:41
girişmeden önce mutlaka kurallara bakar.
3:44
koşul sağlanmıyorsa o koda elini bile
3:46
sürmez. Yani döngü hiç çalışmayabilir.
3:49
Ama do while o sizin fevrii hiç
3:51
düşünmeden atlayan arkadaşınız. Soruları
3:53
hep sonradan sorar. Koşul ne olursa
3:55
olsun o eylemi en az bir kez kesinlikle
3:57
yapar. Sonra dönüp acaba doğru mu yaptık
3:59
diye koşula bakar. Temkinli arkadaş
4:01
while, fevri arkadaş do while. Döngüler
4:04
demişken sayaçlar olmadan olmaz tabii.
4:07
Ve burada çok sık plus+ plus x gibi
4:10
önceden artırma operatörlerini görürüz.
4:12
Bunu sınavda nasıl kalıcı olarak
4:14
hatırlayacağız? Aynı köprüden geçmeden
4:16
önce geçiş ücretini ödemek gibi. Eğer o
4:19
artırma işaretleri değişkenin önündeyse
4:22
JavaScript önce o değişkenin değerini
4:24
alır, bir güzel günceller ve artırır.
4:27
Ondan sonra o satırdaki diğer işlemlere
4:29
geçer. Sınav kağıdında o artıların
4:31
değişkenin neresinde durduğuna çok ama
4:33
çok dikkat edin. Öndeyse önce güncelleme
4:37
ve geldik yolculuğumuzun son aşamasına.
4:39
3. bölümümüz OOP yani nesne yönelimli
4:43
programlama ve olay yönetimi. Kodunuzda
4:46
O mantığını oturtmak için eksiksiz
4:48
bilmeniz gereken üç kilit kural var.
4:50
Hızlıca üstünden geçelim. Sınıflardan
4:52
yepyeni bir nesne mi türeteceksiniz? Tek
4:54
ihtiyacınız olan o sihirli kelime new.
4:58
Tamam nesneyi türettik. Peki içindeki
5:00
metotlara nasıl ulaşacağız? Tabii ki o
5:02
güvenilir nokta operatörüyle nesne nokta
5:05
metot. Bu kadar basit. Ve son olarak
5:07
olur da bir kodu geçici olarak iptal
5:09
etmek veya uzun çok satırlı notlar
5:11
bırakmak isterseniz ne yapacaksınız?
5:13
Taksim Yıldız ile başlayıp Yıldız Taksim
5:16
ile biten blokları kullanacaksınız.
5:18
Temiz, anlaşılır ve hatasız kodun sırrı
5:20
bu üçlüdedir. Tabii şunu da bir kenara
5:22
not edelim. Bütün bu kuralları biz
5:24
geliştiriciler kendi kafamıza göre
5:26
uydurmuyoruz. JavaScript dünyası öyle
5:28
kuralsız başı boş bir vahşi batı
5:30
değildir. Buranın bir şerifi var. O da
5:33
EKMAn organizasyonu. JavaScript'in o
5:35
evrensel kurallarını, ECMScript
5:37
standartlarını onlar belirliyor. Sınavda
5:40
karşınıza çıkabilecek dilin aslında
5:42
nasıl küresel standartlarla
5:43
yönetildiğini gösteren harika bir genel
5:45
kültür ve artı puan bilgisidir bu.
5:47
Harika. Mantığı kurduk ama. Peki
5:49
yazdığımız kod kullanıcıyla nasıl
5:51
iletişime geçecek? Sınavlarda favori
5:53
olan iki çok net olay tetikleyicisi
5:54
vardır. Birebir, neden sonuç? Birinci
5:57
adım, kullanıcı tarayıcı da sayfayı
5:59
kapattı veya yeniledi diyelim. Ne olur?
6:01
Anında onl dolayı ateşlenir. İkinci adım
6:04
ekranda detayları gösterip gizleyen,
6:06
açılıp kapanan bir eleman düşünün. O
6:08
görünürlük değiştiği an ne olur? İşte o
6:11
zaman da on togle olayı ateşlenir.
6:13
Kullanıcı harekete geçer. Tarayıcı bunu
6:15
anında yakalar ve JavaScript tepki
6:16
verir. Kusursuz işleyen bir zincirleme
6:18
reaksiyon. İşte bütün bu serüvenin özeti
6:22
aslında bu. Dizilerle verimizi topladık.
6:25
Dom manipülasyonuyla onu ekrana bastık.
6:27
Döngüler ve algoritmalarla okoda zeka
6:29
kattık. Nesnelerle bunu çok güzel
6:32
modelledik ve olay yönetimiyle kullanıcı
6:34
etkileşimini sağladık. Sınavı başarıyla
6:36
geçmek için ihtiyacınız olan temel söz
6:38
dizimini cebimize koyduk. Kuralları
6:41
biliyoruz. Şimdi asıl soruyu soruyorum
6:43
size. Sınavdan o yüksek notu cebinize
6:45
koyduktan sonra sıradaki büyük projenizi
6:47
inşa etmek için bu güçlü mantık
6:50
bloklarını nasıl birleştireceksiniz?
6:52
Lütfen sadece kuralları ezberleyip
6:53
geçmeyin. Elinizdeki bu harika araçlarla
6:56
neleri var edebileceğinizi hayal edin.
6:58
Hepinize sınavınızda yürekten başarılar
7:00
diliyorum. Harika işler çıkaracaksınız.
#Jobs & Education