Up next in 10
Auzef E-Ticaret ve Web Tasarımı 2023-2024 Bütünleme Soruları
https://lolonolo.com/2026/05/15/e-ticaret-ve-web-tasarimi-2023-2024-butunleme-sorulari/
https://lolonolo.com
Show More Show Less View Video Transcript
0:00
Selamlar. Bugün harika bir inceleme ile
0:02
karşınızdayım. Odaklanmayı seven,
0:04
bilgiyi böyle lafı dolandırmadan en net
0:07
ve verimli şekilde almak isteyen herkes
0:09
doğru yerde. E-Ticaret ve web tasarımı
0:12
dünyasında güncel kaynakları temel alan
0:14
yüksek enerjili bir sınav hazırlığı
0:16
yapacağız. Sadece şu şudur, bu budur
0:18
deyip geçmeyeceğiz. Asıl amacımız o kafa
0:21
karıştıran, can sıkan meşhur sınav
0:23
tuzaklarını tek tek avlamak. Hazırsanız
0:25
başlıyoruz. Peki dürüst olun. O büyük
0:29
sınava gerçekten hazır mısınız? Yani
0:32
sınav stresi altındayken web
0:34
teknolojileri ile ilgili o en aldatıcı
0:36
yanılgılarla ve birbirine benzeyen
0:38
çeldirici şıklarla başa çıkabilecek
0:40
misiniz? Hiç merak etmeyin. Bu
0:42
incelemenin sonunda bilginiz o kadar
0:44
sağlamlaşacak ki hiçbir tuzak sizi
0:47
düşüremeyecek. Önümüzde dört adımlı
0:49
süper net bir yol haritası var. Önce web
0:52
ekosistemi ve internet otoriteleri ile
0:54
başlayacağız. Ardından HTML ve e-ticaret
0:57
altyapılarına bakıp 3üncü adımda CSS
0:59
temellerine geçeceğiz. Son olarak da PHP
1:02
ve JavaScriptile işi zirvede
1:04
bırakacağız. Hemen ilk bölümümüzle yani
1:07
web ekosistemi ve internet otoriteleri
1:09
ile başlıyoruz. İşin temelini yani o
1:11
devasa ağı ve kuralları kimin koyduğunu
1:14
konuşalım. Bilirsiniz web'in tıkır tıkır
1:17
çalışması için HTML dokümanü, HTTP
1:21
protokolü, sunucular ve tarayıcılar
1:23
falan mecburi şeylerdir. Ancak gizlilik
1:26
sağlayan proxy sunucuları gibi şeyler
1:28
tamamen isteğe bağlıdır. Peki ama bu
1:30
devasa iletişim anında ilk kıvılcımı kim
1:33
çakıyor? İletişim nasıl başlıyor? İşte
1:36
burada çok havalı bir kavram devreye
1:38
giriyor. İstemci aracısı namı diğer user
1:42
agent. Sizin adınıza HTTP iletişimini
1:45
başlatan Google Chrome veya Safari gibi
1:47
araçların teknik adı budur. Bütün süreci
1:49
onlar başlatır. Gelelim internetin
1:52
anayasasına. Kuralları kim koyuyor?
1:55
Tabii ki Worldwide Web konsorsiyumu yani
1:57
kısa adıyla W3C. W3C'ye ev sahipliği
2:01
yapan kurumlar bellidir. MIT, Aria,
2:04
Ercim ve Keo Üniversitesi. Ama durun
2:07
sınavlarda karşınıza çıkacak çok klasik
2:09
bir tuzak var. UCLA. Şiklere sürekli
2:12
Kaliforniya Üniversitesi'ni yani UCLA'yi
2:15
koyarak kafanızı karıştırmaya
2:16
bayılırlar. Dünyanın en iyi
2:18
üniversitelerinden biri olabilir ama
2:20
W3C'nin ev sahiplerinden biri kesinlikle
2:23
değildir. Bunu aklınıza kazıyın. Peki ya
2:26
bizim buralardaki durum ne? Türkiye'deki
2:28
notr gibi ülke uzantılarını yani
2:30
CCTLD'leri kim yönetiyor? Eskiden olsa
2:33
gözümüz kapalı otdü derdik değil mi? Ama
2:35
o devir kapandı. Kaynaklarımızın da
2:38
üstüne basa basa belirttiği gibi artık
2:40
bu yönetim yetkisi tamamen BTK Travis'e
2:43
devredildi. Sınavda sakın eski
2:45
alışkanlıklara kurban gitmeyin. Yeni
2:46
patron BTK Travis. İkinci bölümümüz HTML
2:50
ve e-ticaret altyapıları. Artık genel
2:54
sunuculardan çıkıp işin mutfağına
2:56
içeriğin nasıl yapılandırıldığına
2:58
geçiyoruz. Burada e-ticaret dünyası ile
3:01
ilgili çok ama çok yaygın bir efsane
3:03
var. WoCommerce ve OpenCard. Pazarın iki
3:07
büyük devi. İkisi de açık kaynak kodlu,
3:09
ikisi de PHP ile yazılmış harika
3:11
sistemler. E o zaman eklentileri veya
3:14
modülleri de ortaktır değil mi?
3:16
Kesinlikle hayır. Ortak eklenti falan
3:19
kullanmazlar. Altyapıları tamamen
3:21
birbirinden farklı ve izoledir. Sınavda
3:24
bu tuzağa düşmek yok. Biraz da sitenin
3:27
iskeletine inelim. Hayat kurtaran iki
3:29
kritik HTML etiketi vardır. İlki meşhur
3:32
body etiketi. Bir kullanıcı olarak
3:34
ekranda gördüğünüz her şey, o başlıklar,
3:37
yazılar, görseller hepsi bu devasa
3:40
çerçevenin yani body'nin içindedir. Bir
3:43
de pre etiketimiz var. Diyelim ki şiir
3:45
yazıyorsunuz veya kod paylaşıyorsunuz.
3:48
Yazdığınız boşlukların, satır
3:49
atlamaların tarayıcı tarafından
3:51
acımasızca yutulmasını istemiyorsanız
3:53
pre kullanırsınız. Her şeye aynen sizin
3:56
yazdığınız gibi birebir ekrana basar.
3:59
İskeleti hallettik. Şimdi ona biraz tarz
4:02
katma vakti. 3ünc bölümümüz CSS yani
4:05
web'in görsel makyajı. Onsuz günümüzdeki
4:08
o havalı sitelerin hiçbiri olmazdı.
4:11
Diyelim ki sayfadaki her şeye ama
4:14
kelimenin tam anlamıyla her şeye aynı
4:16
anda müdahale etmek istiyorsunuz.
4:18
Klavyenizdeki o küçük masum yıldız
4:20
sembolü var ya işte o CSS dünyasının
4:23
mutlak gücü yani evrensel seçicidir. Tek
4:26
bir yıldızla sayfadaki bütün elemanları
4:28
aynı anda seçebilir veya boşlukları
4:31
anında sıfırlayabilirsiniz.
4:33
Peki ya nokta atışı yapmak sadece
4:36
belirli bir hiyerarşiyi hedeflemek
4:37
isterseniz CSS kodlarında seçiciler
4:40
arasına sadece boşluk bırakırsanız
4:43
harika bir soyağacı yaratırsınız. Yani
4:46
main, boşluk p, boşluk span yazdığınızda
4:49
aslında tam olarak şunu diyorsunuz. Adım
4:52
1, önce main bul. Adım 2 onun içindeki
4:55
p'leri yani paragraflara in ve son adım,
4:58
o paragrafların içindeki spenleri
5:00
yakala. Adım adım içe müthiş bir
5:03
hedefleme yöntemi. Makyaj dedik ya
5:06
renksiz olmaz tabii. Geliştiricilerin
5:08
renkleri tam istedikleri gibi vermek
5:11
için kullandığı standart CSS
5:13
fonksiyonları var. bildiğimiz RGB. İşin
5:16
içine biraz şeffaflık katmak istersek
5:19
RGB ve o harika ton doygunluk dengesi
5:22
için HSL. Bunlar bizim mutlak geçerli
5:25
sadık dostlarımızdır. Ama sıkı durun
5:28
yine bir tuzak uyarısı. Sınav kağıdında
5:30
CSS'te gradient adında genel bir renk
5:33
fonksiyonu vardır diye bir cümle
5:35
görürseniz hiç düşünmeden üzerini çizin.
5:37
Kesinlikle yoktur. Renk geçişi yapmak
5:40
istiyorsanız linear gradient veya radial
5:42
gradient gibi spesifik tam isimleri
5:45
kullanmak zorundasınız. Tek başına düz
5:47
gradient kelimesi tamamen sizi avlamak
5:50
için oraya konmuş bir çeldiricidir. İşte
5:52
geldik o en dolu dolu, en kritik kısma.
5:56
4. bölümümüz PHP ve JavaScript
5:59
temelleri. İskelet tamam, makyaj tamam.
6:02
Şimdi bu yapıya biraz beyin ve kas
6:04
ekleme zamanı. Bu iki mantık dilini
6:06
ayırmanın en kolay yolu nedir biliyor
6:09
musunuz? Nerede yaşadıklarına bakmak.
6:11
PHP kamera arkasındaki o gizli
6:13
kahramandır. Sunucu tarafında yani
6:15
server site çalışır. Arka planda veri
6:18
tabanlarıyla falanca belleşir.
6:20
JavaScript ise tam sahnede yani doğrudan
6:22
sizin tarayıcınızda client site çalışır.
6:25
Etkileşimi, anlık kontrolleri ve o tatlı
6:28
animasyonları patlatan odur. Konumları
6:31
aslında onların kimlikleridir. PHP
6:33
dünyasına girdiğinizde asla
6:35
esnetemeyeceğiniz üç katı kural var. 1.
6:38
Program boyunca değeri asla değişmeyen
6:41
taş gibi bir sabit mi lazım? Define
6:43
fonksiyonunu çağıracaksınız. 2.
6:46
Sunucunuzun altyapısının röntgenini mi
6:48
çekmek istiyorsunuz? PHP info emrinize
6:51
amade. Üçüncüsü ve en kritiği de şu: O
6:54
koskoca WordPress'in veri tabanına
6:56
bağlanıp veri okuyabilmesi için sunucuda
6:58
MySQL eklentisinin açık olması
7:01
kesinlikle ama kesinlikle şarttır. Yoksa
7:04
siteniz saniyeler içinde veri tabanı
7:06
hatası verir. Hızlıca PHP'nin yapı
7:09
taşlarına da değinelim. Kendi yerel
7:11
dilinde dört büyük veri türü vardır.
7:13
Metinler için string, tam sayılar için
7:16
int, o küsuratlı ondalıklı sayılar için
7:18
float ve sistemin doğru ya da yanlış
7:20
demesini sağlayan bull. Bütün o devasa
7:23
sistemler bu basit alfabenin üzerine
7:26
kuruludur. Ve bingo geldik sınav
7:29
hazırlayıcılarının en sevdiği tuzağa.
7:31
Şıklarda decimal kelimesini gördünüz mü?
7:34
Kulağı çok teknik, çok havalı geliyor
7:36
olabilir ama PHP'de temel veri türü
7:38
olarak decimal diye bir şey yoktur.
7:41
Ondalıklı sayılar için float kullanılır.
7:43
Nokta. Eğer şıklarda decimal varsa bilin
7:46
ki sizi tökezletmek için oradadır. Hadi
7:49
biraz da tarayıcının dili olan
7:50
JavaScript cephesine bakalım. JS biraz
7:53
titizdir. Karar yapıları kurarken ifels
7:56
gibi durumlarda değerleri ölçmek için
7:59
karşılaştırma operatörleri
8:00
kullanırsınız. Değişken isimlendirmeleri
8:03
de çok katıdır. Ya bir harf ya da dolar
8:05
işareti ile başlamak zorundadır ve asla
8:07
kelimeler arası boşluk bırakamazsınız.
8:10
Bir de metinlerle oynarken elinizde
8:12
süper güçler vardır. Hepsini büyük harf
8:14
yapmak için to upper case, küçük harf
8:16
için to lower case ve o gereksiz baş
8:19
boşluklarını uçuran trim. Ama tabii
8:22
JavaScript'in de efsaneleri bitmiyor.
8:24
Sınavda size değişkenler diz yani
8:27
hashtag'le başlar falan derlerse sakın
8:29
inanmayın. Tamamen uydurma. Bir de şu
8:31
meşhur reverse metodu var. Şıklarda
8:33
string ifadeleri tersine çevirmek için
8:36
reverse metodu kullanılır diyebilirler.
8:38
Aman diyeyim. Reverse metodu sadece ve
8:40
sadece dizilerde yani aray'lerde
8:43
çalışır. Stringleri öyle tek hamlede
8:45
tersine çeviren bir metot nesnenin
8:47
kendisinde yoktur. Ve geldik son ve
8:49
bence en önemli soruya. Sınav kağıdı
8:52
önünüze geldiğinde o tuzaklar sizi
8:54
avlamadan siz onları fark edebilecek
8:57
misiniz? Bütün mesele bu. OW3C'deki USL
9:00
çeldiricisi, WCommerce ortak eklenti
9:02
efsanesi, sahte gradient fonksiyonu ve
9:05
PHP'deki olmayan decimal veri türü.
9:07
Artık hepsiniz saniyeler içinde
9:09
avlayacaksınız. Kendinize güvenin. Bu
9:12
bilgileri zihninizde canlı tutun ve o
9:14
tuzakları birer birer aşın. Dinlediğiniz
9:16
ve bana katıldığınız için çok
9:17
teşekkürler. Yola bilgiyle devam edin.
#Jobs & Education