Up next in 10
Auzef Web 2.0 Araçları ile Web Tasarımı Uygulamaları 2025-2026 Vize
https://lolonolo.com/2026/08/18/web-2-0-araclari-ile-web-tasarimi-uygulamalari-2025-2026-vize-sorulari/
Show More Show Less View Video Transcript
0:00
Herkese selam. Odaklanmış ve tamamen
0:02
hedefe yönelik vize hazırlık rehberimize
0:04
hoş geldiniz. Bugün doğrudan ama
0:06
gerçekten doğrudan bilmeniz gereken en
0:08
kritik noktalara dalıyoruz. Enerjinizi
0:10
toplayın. Çünkü bu inceleme baştan sona
0:12
sınav başarınıza ve o karmaşık görünen
0:14
kavramları şip diye anlamanıza yönelik
0:16
tasarlandı. Lola Nola platformuna hoş
0:19
geldiniz. Bu dersimizde web 2.0
0:22
araçlarıyla web tasarımı uygulamaları
0:25
2025-2026
0:27
vize konularını ve sorularını
0:28
inceliyoruz. Pekala, hadi bu konuya
0:31
derinlemesine girelim. Önümüzde net bir
0:33
harita var. Sınavınız üç ana dayanaktan
0:36
oluşuyor. 1. Webin evrimi ve altyapı. 2.
0:40
Ux tasarım ve erişilebilirlik. Ve son
0:43
olarak 3. Veri görselleştirme ve grafik.
0:46
Gözünüzü korkutmasın. Hepsini tek tek
0:48
halledeceğiz. Bölüm 1. Webin evrimi ve
0:52
altyapı. Bu bölüme her gün
0:54
kullandığımız, sürekli elimizin altında
0:56
olan internetin o arka plandaki görünmez
0:59
ama kesinlikle hayati teknolojik
1:01
temelleri olarak düşünebilirsiniz.
1:04
İnternetin geçirdiği şu muazzam evrime
1:06
bir baksanıza. World Wide Web yani şu
1:09
meşhur www aslında sadece bilgiyi
1:12
okuduğumuz, hiçbir şeye dokunamadığımız
1:14
o statik ve 1.0 sayfaları ile başladı.
1:17
Sonra ne oldu? 2000'lerde hepimizin
1:19
içerik ürettiği, beğendiği, paylaştığı
1:21
Web 2.0 platformları hayatımıza fırtına
1:24
gibi girdi. Ama asıl odaklanmanız
1:26
gereken yer tam da şu an içinde
1:28
bulunduğumuz web 3.0 çağı. Sınav için
1:31
bunu aklınıza kazıyın. Blok zincir,
1:33
yapay zeka ve anlamsal web. Bu yenilikçi
1:36
üçlü web 3.0'ı tanımlayan temel yapı
1:38
taşlarıdır. Şimdi hızlı bir dijital
1:41
bilgi kartı serisine başlıyoruz. Hazır
1:43
mısınız? İlk durağımız DNS. Yani alan
1:48
adı sistemi. DNS'i internetin en
1:51
becerikli, en hızlı tercümanı olarak
1:53
düşünebilirsiniz. Neden mi? E çünkü biz
1:55
insanlar lolonolo.com gibi isimleri
1:58
kolayca aklımızda tutarız, değil mi? Ama
2:00
bilgisayarlar sadece IP adreslerindeki
2:03
sayılardan anlar. İşte o yazdığınız web
2:05
adreslerini, bilgisayarların anlayacağı
2:07
karmaşık IP adreslerini anında çeviren o
2:10
hayati sistem tam olarak DNS'in tah
2:12
kendisidir. Şimdi burada gerçekten
2:15
ilginç olan şey Ajax teknolojisinin
2:17
günlük hayatımızdaki inanılmaz etkisi.
2:20
Hatırlayanlar vardır eskiden bir web
2:22
sitesinde herhangi bir butona
2:24
tıkladığınızda tüm sayfanın bembeyaz
2:26
olup baştan aşağı yeniden yüklenmesini
2:28
beklerdiniz. Öyle değil mi? İşte Ajax bu
2:31
sinir bozucu, yavaşlatıcı kesintiyi
2:33
tamamen ortadan kaldırdı. Bütün ekranı
2:36
yenilemek yerine sadece o küçücük kısmın
2:38
mesela bir beğeni butonunun arka planda
2:40
dinamik olarak güncellenmesini sağlıyor.
2:43
Modern, pürüzsüz ve kesintisiz
2:45
gezinmenin asıl gizli kahramanıdır
2:47
kendisi. Dijital dünyanın görünmez
2:50
kahramanlarından en büyük baş kötüsüne
2:52
geçiyoruz. Fidye yazılımları ya da
2:55
popüler adıyla Ransomware. Bu internet
2:57
dünyasındaki en büyük, en yıkıcı
3:00
güvenlik risklerinden biridir.
3:02
Sisteminize sızar, bütün kişisel
3:04
dosyalarınızı acımasızca şifreler ve
3:06
onları geri almanız için resmen sizden
3:09
haraç talep eder. Bakın bu kavram
3:11
sınavlarda çokça test edilir. Dosyaların
3:13
şifrelenip karşılığında fidye istendiği
3:16
bir senaryo görüyorsanız cevabın fidye
3:18
yazılımı olduğunu hemen yapıştırın.
3:20
Bölüm 2. Yoex tasarım ve
3:23
erişilebilirlik. Arka planı ve güvenliği
3:26
hallettiğimize göre şimdi yönümüzü
3:28
tasarımın o parlatılı ön yüzüne yani
3:31
kullanıcının doğrudan etkileşime girdiği
3:33
ekrana çevirebiliriz. Tasarımda
3:36
minimalist ve net bir felsefeyle
3:38
düşünelim. Bir tasarımcının kullanıcı
3:40
deneyimi yani UX bağlamındaki bir
3:42
numaralı kuralı nedir? Çok basit.
3:44
Kullanıcının ihtiyaçlarını karşılamak.
3:47
Bunu yapmanın en garantili yolu da
3:49
minimalist tasarımdır. Fazlalıklardan
3:51
kurtulur, kafa karışıklığını önlersiniz.
3:53
Bir diğer harika özellikse karanlık mod.
3:56
Eminim şu an bile birçoğunuzun ekranında
3:58
karanlık mod açıktır, değil mi? Bunun
4:00
tasarımdaki asıl amacı özellikle gece
4:03
düşük ışıkta göz yorgunluğunu
4:05
azaltmaktır. Yani doğrudan kullanıcının
4:07
konforuna odaklanan bir çözümdür. Yani
4:10
buradaki kritik nokta şu: Dijital
4:12
tasarım sadece sağlığı yerinde hiçbir
4:15
engeli olmayan insanlar için yapılmaz.
4:18
Herkes için yapılır. Kapsayıcı tasarımın
4:20
olayı budur. Bilişsel, duyuşsal veya
4:23
fiziksel zorluklar yaşayan bireyler de o
4:26
arayüzü rahatça kullanabilmelidir. İşte
4:29
bu yüzden WCG yani web içeriği
4:31
erişilebilirlik yönergeleri kesinlikle
4:33
şarttır. Amacı çok net. Engelli bireyler
4:36
için erişilebilirliği artırmaya yönelik
4:38
küresel standartlar belirlemek. İnanın
4:41
bana modern bir web tasarımında
4:43
dışlayıcılığa asla ama asla yer yoktur.
4:46
Bölüm 3. Veri görselleştirme ve grafik.
4:50
Tasarımcıların o sıkıcı rakamları ve
4:52
karmaşık dijital verileri daha anlaşılır
4:54
kılmak için kullandıkları pratik
4:56
araçlara geldik. Bakın burada klasik ama
4:59
çok iyi bir sınav şaşırtmacası var.
5:02
Verileri görselleştirmek için
5:03
haritaları, diyagramları ya da
5:05
infografikler için popüler olan Visme
5:07
gibi araçları kullanırız. Trendleri mi
5:09
takip edeceksiniz? Çizgi grafikleri tam
5:12
aradığınız şeydir. Fakat seçeneklerde
5:14
rubrikler diye bir şey görürseniz orada
5:16
bir durun. Rubrikler görsel bir veri
5:18
aracı falan değildir. Bunlar eğitimde
5:20
notlandırma ve değerlendirme amacıyla
5:22
kullanılan standartlardır. Sınavda bu
5:24
ayrım karşınıza çıkarsa artık bu tuzağa
5:27
düşmeyeceğinizi biliyorum. Görsellerden
5:29
bahsederken çözünürlük yani resolution
5:32
kavramını es geçmek olmaz tabii. En
5:34
yalın haliyle çözünürlük bir dijital
5:36
görüntüdeki piksel sayısıyla tanımlanan
5:39
ayrıntı miktarıdır. Infogram gibi
5:41
araçlarda bu yüksek çözünürlüğü
5:43
kullandığınızda o görsel netliğin ve
5:45
ayrıntıların nasıl bir anda canlandığını
5:48
hemen fark edersiniz. Ama yüksek
5:50
çözünürlük her zaman en iyisi midir? O
5:53
kocaman muazzam kaliteli fotoğrafı alıp
5:56
doğrudan web sitenize mi koymalısınız?
5:58
Kesinlikle hayır. Kurallar burada
6:00
değişiyor. Şu üç adıma dikkat edin. Önce
6:03
görüntüyü optimize edeceksiniz. Yani web
6:05
için yeniden boyutlandıracaksınız.
6:07
İkinci adımda kaliteden çok ödün
6:09
vermeden dosya boyutunu küçülteceksiniz.
6:11
Neden bunca zahmete giriyoruz ki
6:13
diyebilirsiniz. Cevap doğrudan 3üncü
6:15
adımda yatıyor. Çok daha hızlı yükleme
6:17
süreleri elde etmek için. Çünkü günümüz
6:20
kullanıcılarının web sitenizin
6:21
açılmasını saniyelerce bekleyecek sabrı
6:23
yok. Emin olun. Ve bu durum sınavlarda
6:26
sıkça karşılaştığımız iki farklı popüler
6:28
aracın yeteneklerini zekice gösteriyor.
6:31
Bir yanda Gempar. Tamamen açık kaynaklı,
6:34
ücretsiz ve asıl odak noktası görüntü
6:36
düzenleme olan çok sağlam bir yazılım.
6:38
Diğer yanda, fotor. O da harika bir
6:41
çevrim içi tasarım aracı. Fakat sınavda
6:43
hayat kurtaracak o spesifik detay şu:
6:46
Fotorun özellikleri arasında 3D
6:48
modelleme kesinlikle bulunmaz. Onu üç
6:50
boyutlu gelişmiş bir grafik programıyile
6:52
karıştırmayın. Tamam mı? Hazır görüntü
6:54
düzenlemeden konu açılmışken bütün
6:56
grafik tasarımcıların zaman tasarrufu
6:58
konusunda bayıldığı bir kahramanı
7:00
vardır. Manyetik kement. Peki bu akıllı
7:03
araç arka planda nasıl çalışır?
7:05
Görüntüdeki renk ve kontrast farklarını
7:07
anında algılar ve siz fareyi hareket
7:09
ettirdikçe nesnelerin kenarlarına adeta
7:11
bir mıknatıs gibi yapışır. O saatler
7:14
süren yorucu seçim işlemlerini saniyeler
7:16
içinde halledip projenizi inanılmaz
7:18
hızlandırır. Şimdi bütün bu web
7:21
altyapısını, araçları, tasarım
7:23
taktiklerini konuştuk. Sınava girmeden
7:25
önce size sormak istediğim zihninizi
7:27
biraz kurcalayacak büyük bir soru var.
7:30
Tasarladığınız web arayüzleri tüm
7:32
farklılıklara ve engellere rağmen
7:34
gerçekten herkes için tamamen
7:36
erişilebilir mi? Yoksa WCG
7:38
standartlarını boş verip sadece estetik
7:41
olarak göze hoş görünmesine mi
7:42
odaklanıyorsunuz? Bu ayrım harika bir
7:45
tasarımlar vasat bir tasarım arasındaki
7:47
en keskin çizgidir. Videoda
7:50
incelediğimiz bu dersin ve yılığa ait
7:52
çıkmış soruları kendiniz deneme sınavı
7:54
formatında çözmek ve kendinizi test
7:56
etmek için lolonolo.com adresini ziyaret
7:59
edebilir, videonun altındaki açıklama
8:02
kısmında yer alan bağlantıya
8:03
tıklayabilirsiniz. Sınavınızda şimdiden
8:06
sonsuz başarılar.
Jobs & Education