İçeriğe geç
Video yükleniyor

Sıradaki: Bootstrap Web Sitesi Dökümantasyon İnceleme 2.Bölüm

CSS Text Özellikleriyle Çalışmak - Bölüm-2

Ücretsiz önizleme

Ücretsiz önizleme dersleri

22 ders · satın almadan izle

Kursun tamamına eriş

Bu ders, 329 derslik kursun parçası. 25 bölüm, 51 sa 13 dk video ve her bölümde proje.

  • Python temellerini projelerle pekiştireceksin.
  • Django ile uçtan uca web uygulaması kuracaksın.
  • Veritabanı, form ve şablon katmanını birlikte kullanacaksın.
Fiyat: ₺5.499
Eğitime git

Bu eğitime sahipsin.

Öğrenciler ne diyor?

5,0 ortalama puan · 77 değerlendirme · Toplam 77 yorum

Yorumlar yükleniyor
Hikmet
Eğitim süreci çok eğlenceliydi , sıkılmadan keyifle izledim ve farklı teknikleri sayesinde akılda kalıcı olmasını sağladı sağolsun Hakan Hocam 👍
Ümmahan
harika gidiyor
Tuncay
Cok temiz ve basarili bir anlatim. Hicrbirseyi es gecmemesi, vs de cursor gibi mesela, bence yazilima baslayan bir insan icin cok önemli.
Derin
Harika bir eğitim olmuş hocam. emeğinize sağlık
Nuri
Çok detaylı bir eğitim olmuş. Teşekkürler
Alper
Django 4 ve Django 5'in ayni egitimde olmasi super olmus
Ferdi
Hakan Hocam'ın mükemmel anlatımı ile çoook verimli bir eğitim sizleri bekliyor arkadaşlar. Bu eğitimi herkes dilediği zaman kesinlikle tercih etmeli. Bu eğitim sizlere çok şey katıyor olacak :)
Bilal
Kurs gerçektende çok kaliteli.Hakan Hocam kısa ve öz olarak bize bir çok şeyi sunuyor detaylarla bizleri boğmuyor.Ezber yapmıyor öğrenmeyi öğretiyor.Güler yüzü ve motive edici konuşmaları sayesinde sizi sürekli dinç tutuyor.Eğitime çok emek verilmiş içerik görüntü vs her şey için uğraşılmış.İleti bildirim formlarına kadar geri dönüş sağlıyor.Emeğinize sağlık Hakan Hocam.
Murat
En iyi Django Egitimiiiiiii :)
İBRAHİM HALİL
Udemy de aynı konuda birden fazla kursa kaydolup başlamama ve sonrasında beni karşılamamasına rağmen, bu kurs gerçekten çok güzel anlatımı harika içerik şu anda gayet güzel gidiyor teşekkürler...
Burak
Bu platformda ingilizce ve türkçe olmak üzere çok fazla kurs satın almışımdır. Ancak Hakan hocanın birkaç konuda diğerlerinden pozitif ayrıştığını söyleyebilirim. Diğer kursların çoğunda teorik bir anlatım ile başlayan yoğun ve sıkıcı bir eğitim programı oluyor. Bu da çoğu zaman eğitimden sıkılıp yarım bırakmanıza sebep oluyor. Hakan hoca sadece konu anlatımına odaklanmak yerine çok daha verimli bir yol izliyor. Öncelikle ingilizce telaffuzları düzgün, akıcı konuşan ve konusuna hakim bir eğitmen. Türkçe eğitimler arasında çok nadir olan özellikler bunlar. Diğer yandan iyi bir motivasyon konuşmacısı olduğunu düşünüyorum. Orta düzeyde yazılım bilgisi ve pratiğine sahibim. Html, Css, Javascript, Node, React gibi teknolojileri defalarca kullandım ve pratiğim var. Buna rağmen hocamızın HTML konu anlatımının tamamını sıkılmadan takip ettim, faydalı kısayollar öğrendim. Kendisine bu güzel eğitim için teşekkür ederim. Eğitime henüz devam ediyorum, hızlıca tamamlayıp yeni eğitimlerinizi bekleyeceğim.
Mertcan
Hocam daha önce birçok eğitim almıştım ama bu eğitim çok farklı olmuş. Sanki bana birebir anlatıyormuşsunuz gibi olmuş. VSCode, Git ve GitHub bölümleri de benim çok işime yaradı. Bootstrap'i öğrendikten sonra 3 proje yaptım bile sayenizde. Muhteşeeeem. Teşekkürler. > **Eğitmen yanıtı** (3 yıl önce) Merhaba Mertcan, puanlama ve yorum için teşekkürler. Hazırladım kursta daha önce kimsenin kullanmadığı birçok tekniği kullandım. Umarım güzel projeler yapar ve öğrendiklerinle kendini hayal ettiğin seviyeye taşıyabilirsin. Başarılar dilerim

Ek bilgiler

📜 005-006-CSS-Text-Ozellikleriyle-Calismak-Bolum-2.md

CSS ile Demo Düzenler ve Metin Efektleri Oluşturmak

Web geliştirme sürecinde bazen müşteriye veya ekibe içeriğe takılmadan doğrudan sayfa düzenini (layout) göstermek isteriz. Sayfada "Hakkımızda" veya "Ana Sayfa" gibi somut metinler yerine Lorem Ipsum mantığında ama tamamen soyut görünen bir yapı kurmak kritik bir ihtiyaçtır. Google Fonts üzerinde yer alan Flow gibi blok fontlar tam da bu işe yarar. Sayfadaki hiyerarşiyi, başlıkları, paragrafları ve listeleri korurken harfleri bloklaştırarak doğrudan tasarımın iskeletine odaklanmayı sağlayan harika bir şablon çözümü elde etmiş oluruz.

Metin özelliklerini zenginleştirirken işleri daha havalı hale getirmek için text-shadow gibi CSS efektlerine başvuruyoruz. Sıfırdan karmaşık gölge değerleri yazmaya çalışmak yerine CSS Text Shadow Generator gibi pratik araçlardan faydalanmak ciddi bir zaman kazandırır. Blur, uzaklık ve opaklık değerleriyle oynayarak metnin okunabilirliğini bozmadan şık dokunuşlar yakalayabiliriz. Elbette her efekti evrensel seçiciyle (*) her yere boca etmek tasarımı yorar; doğru etkiyi yakalamak için gölgeleri yalnızca başlıklar (h1, h2) gibi odak noktalarına kontrollü uygulamak gerekir.

CSS dünyasında her kuralı ezberlemek zorunda değiliz; CSS-Tricks gibi zengin platformlardaki hazır trickler ve jeneratörler elimizin altındaki en büyük güçtür. Önemli olan araçları doğru birleştirmek ve metin hiyerarşisini bozmadan layout demoları hazırlayabilmektir. Bu derste öğrendiğiniz Flow fontu ile prototip düzenleri kurun ve kontrollü metin efektleriyle zenginleştirin. Yaptığınız deneysel demoları elinizi kirleterek çoğaltın, ortaya çıkan çalışmaları mutlaka paylaşın ve pratik yapmayı aksatmayın.


📌 Hatırlanması Gereken Temel Noktalar (Takeaways)

  • Flow / Blok Fontlar: Gerçek metinlerin oluşturduğu dikkat dağınıklığını önleyip müşterinin veya kullanıcının doğrudan sayfa düzenine ve yerleşimine odaklanmasını sağlar.
  • Seçici Disiplini: Evrensel seçici (*) ile tüm sayfaya gölge basmak görsel karmaşa yaratır; gölge efektleri belirli başlıklarda (h1, h2) odak öğesi olarak kullanılmalıdır.
  • CSS Jeneratörleri: text-shadow gibi karmaşık değerleri deneme yanılma yerine görsel generator araçları kullanarak hızlıca ve hatasız üretmek zaman kazandırır.
  • CSS-Tricks Kaynağı: CSS'te her şeyi ezberlemek yerine CSS-Tricks gibi topluluk kütüphanelerindeki hazır hile ve teknikleri projeye uyarlamak esastır.
  • Prototip Sunumları: İçerik gelmeden önce hazır şablon düzenleri blok fontlarla sunmak, profesyonel demo ve tel kafes (wireframe) hazırlığı için oldukça etkilidir.

📚 Ek Kaynaklar ve Derinlemesine Okuma Önerileri (Ek Bilgi)