Menu
CoddyTech
ÖĞRENMEYE BAŞLA
flag Tr iconTürkçedown icon
html iconHTML Journey'nin bir parçasıPopülerYolculuk

CSS Öğren

Ücretsiz, interaktif bir CSS kursu. Her derste gerçek HTML'i stillendirirsin - seçiciler, kutu modeli, renkler, fontlar, flexbox, grid, duyarlı tasarım - yazdıkça canlı bir önizleme ve bitirdiğinde ücretsiz bir sertifika ile birlikte. Daha geniş HTML yolculuğunun bir parçası olduğundan, CSS'in ihtiyaç duyduğu işaretleme bağlamı tam orada.

ÖĞRENMEYE BAŞLA(ücretsiz)
Müfredatı görCSS ile Stil Verme playground

336,814+ codders kayıtlı

119 ders104 görev582 quiz sorusu

  • Başlangıç dostu
  • sparkles iconYapay zeka destekli kodlama yardımı
  • hint iconUygulamalı interaktif dersler
  • volume On iconHer derste sesli anlatım
  • quiz iconBilgini sınamak için testler
  • certificate iconÜcretsiz tamamlama sertifikası

Müfredat

2 bölüm3 proje119 ders104 görev582 quiz sorusu

Bu bölüm HTML Journey'nin bir parçası. Tam müfredatta daha fazla bölüm var - Journey sayfasında görmek için aşağıdaki herhangi bir önizlemeye tıkla.

  1. Bölüm 1Temeller60 ders
  2. Bölüm 2

    CSS ile Stil Verme

    Bölüme başlaBaşlaGenişletDaralt    Web sayfalarınızı renkler, düzenler ve stillerle canlandırın76 ders100 görev418 soru3 proje

    Giriş

    5 ders540

    CSS Ekleme

    4 ders725

    Temel Seçiciler

    7 ders1247

    Metin Temelleri

    8 ders1450

    Renkler ve Arka Planlar

    5 ders834

    Kafe Menüsü

    Proje3 ders1

    Kutu Modeli Bölüm 1

    6 ders943

    Kutu Modeli 2. Bölüm

    5 ders833

    Flex Box

    6 ders943

    Giriş Formu

    Proje4 ders1

    Düzen Teknikleri

    7 ders1151

    Duyarlı Tasarımın Temelleri

    6 ders1052

    Tonga Web Sayfası

    Proje6 ders1

    Final Görevler

    4 ders4
  3. Bölüm 3

    CSS Hakimiyeti

    Bölüme başlaBaşlaGenişletDaralt    CSS becerilerinizi bir sonraki seviyeye taşıyın!43 ders40 görev164 soru

    Seçici Uzmanlığı – Kombinasyon

    6 ders539

    Etkileşimli Sözde Sınıflar

    5 ders431

    Yapısal sözde sınıflar

    5 ders432

    Açılır Menü Projesi

    4 ders4

    Görsel Efektler

    5 ders536

    Açılış Sayfası

    5 ders5

    CSS Grid ile İnşa Edin

    4 ders426

    Flavor Fiesta web sitesi

    4 ders4

    Son Meydan Okumalar

    5 ders5
  4. Bölüm 4Pratik Ön Yüz35 ders
  5. Bölüm 5JavaScript Eylemde27 ders
HTML Journey'nin tam müfredatını görüntüle
Neler elde edersin
Kod yazmayı öğrenmek için kullanacağın her şey

Yaparak Öğren

Gerçek kod yazın, veritabanlarını sorgulayın, web siteleri oluşturun ve AI promptlarını öğrenin. İnteraktif derslerimiz modern geliştiricilerin ihtiyaç duyduğu tüm becerileri kapsar.

playground.js
Kod Editörü
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Girdi
"Alex"
Çıktı
"Hello, Coddy! Alex"

Serinizi Oluşturun

Tutarlı olun ve ilerlemenizin büyümesini izleyin! Günlük kodlama alışkanlığınızı takip edin, dondurma günleriyle serinizi koruyun ve her gün geldiğiniz için ödüller kazanın.

12 gün seri

Serinizi korumak için yarın geri dönün!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Ya Hep Ya Hiç

7 günün 5. günü

fire Freeze icon

Seri Dondurma

2 left

Yolda Kodlayın

Kodlama yolculuğunuzu yanınızda taşıyın! Kurulum yok, indirme yok - sadece açın ve kodlamaya başlayın. iOS, Android ve Web'de 4.9 yıldız puanıyla kullanılabilir.

Python
7Seri
250Puan
5Enerji
Değişkenler
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
DEVAM ET
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Yolculuk
Hedefler
Liderlik Tablosu
Profil
4.9
YıldızYıldızYıldızYıldızYıldız
Puan

Yalnız Değilsiniz

Küresel sıralamalarda yarışın, ödüller kazanmak için arkadaşlarınızı davet edin ve birbirinizin başarılarını kutlayın. Kodlama arkadaşlarla daha iyi!

Challenger Ligi
Challenger Ligiİlk 7 yükselir
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconYükselme bölgesileaderboard Arrow Up icon

Her şekilde öğren

Okuyun, dinleyin, kendinizi sınayın, AI'ya sorun veya daha önce öğrendiklerinize geri bakın. Her ders size uyum sağlar.

Değişkenlere Giriş
Ses

Değişken, programınızda daha sonra başvurabileceğiniz bir değeri saklayan adlandırılmış bir kaptır.

Python'da bir tane oluşturmak için önce adı, sonra eşittir işaretini, sonra saklamak istediğiniz değeri yazın.

Değer zamanla değişebilir - yeniden atama, adı yeni bir değere yönlendirir.

1xSarah

Sertifika Kazanın

Tamamladığınız her kurs için sertifika kazanın. LinkedIn profilinize ve özgeçmişinize ekleyerek işverenlere programlama uzmanlığınızı gösterin.

CoddyTamamlama Sertifikası
Bu belge şunu onaylar:Ahmet Yılmazbaşarıyla tamamlamıştır
python iconPython Temelleri
Doğrulandı
TarihOca 2026
LinkedInLinkedIn'e Ekle

Neden CSS'i Coddy ile öğrenmelisin

  • CSS'i tarayıcında yaz ve sayfanın canlı olarak yeniden stillendiğini izle. Derleme adımı yok, editör kurulumu yok. Bir seçiciye veya özelliğe yaptığın her değişiklik anında görünür, böylece her kuralın gerçekte ne yaptığını görürsün.
  • Temel CSS: seçiciler ve özgüllük, kutu modeli, konumlandırma, flexbox, CSS grid, geçişler, medya sorguları ve duyarlı tasarım. Her ön uç geliştiricinin günlük olarak ihtiyaç duyduğu CSS.
  • Yapay zeka ipuçları, herkesi her zaman zorlayan şeyleri ayıklamana yardımcı olur - özgüllük sürprizleri, düzen taşmaları, garip flexbox davranışları - çözümü açık etmeden, böylece CSS sihirli olmaktan çıkıp sezgisel hale gelir.
  • Bölümü bitirdiğinde ücretsiz CSS sertifikası. Tam bir ön uç temeli için HTML ve JavaScript kurslarıyla doğal olarak eşleşir.

CSS öğrenmeyle ilgili sıkça sorulan sorular

CSS nedir?

CSS (Cascading Style Sheets), HTML sayfalarının nasıl göründüğünü kontrol eden dildir - renkler, fontlar, boşluklar, düzen, animasyonlar ve ekran boyutları arasında duyarlı davranış. HTML sayfada neyin olduğunu tanımlar; CSS ise bunun nasıl sunulduğunu tanımlar.

CSS öğrenmesi zor mu?

Temel CSS - seçiciler, renkler, fontlar, kutu modeli - birkaç saatte kolayca kavranır. Daha zor kısımlar sonra gelir: özgüllük kuralları, flexbox ve grid düzenleri ve her ekran boyutunda işlerin doğru görünmesini sağlamak. Kurs bunları küçük adımlarla ve canlı bir önizlemeyle tanıtır, böylece her kuralın tam olarak ne yaptığını görürsün.

CSS'ten önce HTML öğrenmeli miyim?

Evet. HTML bir sayfanın yapısını tanımlar; CSS ise onu stillendirir. HTML olmadan stillendirecek hiçbir şeyin olmaz. Bu CSS bölümü tam da bu yüzden HTML yolculuğunun bir parçasıdır - önce HTML temelleri bölümü gelir, ardından yolculuğun büyük bölümünü onu stillendirerek geçirirsin.

CSS, Flexbox ve Grid arasındaki fark nedir?

Flexbox ve Grid, CSS içindeki düzen modülleridir - ayrı teknolojiler değil, CSS özellikleridir. Flexbox tek boyutlu düzenler için en iyisidir (bir sıra kart, bir gezinme çubuğu). Grid ise iki boyutlu düzenler için en iyisidir (bütün bir sayfa, karmaşık bir kart düzeni). Çoğu gerçek site her ikisini de kullanır ve kurs hangisine ne zaman başvurman gerektiğini ele alır.

CSS'i çevrimiçi ücretsiz öğrenebilir miyim?

Evet. İnteraktif CSS bölümü ücretsizdir - tam dersler, kodlama alıştırmaları, canlı bir önizleme ve bir sertifika. Her şey tarayıcıda çalışır, böylece başlamak için herhangi bir editör veya araç kurmana gerek kalmaz.

CSS kursundan sonra sertifika alıyor muyum?

Evet. CSS bölümünü bitirmek sana ücretsiz bir tamamlama sertifikası kazandırır. Bir ön uç portföyünün parçası olarak HTML ve JavaScript sertifikalarının yanında özgeçmişine ekleyebileceğin veya LinkedIn'de paylaşabileceğin, doğrulanabilir bir kanıt.

Bu kursu içeren öğrenme yolları

Bu kurs daha uzun bir yolun bir adımı: birden fazla kurs, bir mentorun öğreteceği sırayla, her biri kendi ücretsiz sertifikasıyla.

Coddy programlama dilleri çizimi

Coddy ile CSS ile Stil Verme öğrenin

BAŞLA