CSS Öğren - Kodlama Kursu

CSS öğrenmeye ilk seçicinizden başlayarak adım adım ilerleyin; duyarlı düzenlere, animasyonlara ve modern web tasarımına ulaşın. Telefonunuzda bir CSS satırı yazın ve sayfanın değişmesini izleyin: editör, HTML ve CSS kodunuzu canlı önizlemeyle yan yana gösterir.

Bu CSS eğitimi yeni başlayanlar için hazırlandı ve sizinle birlikte ilerler. Her kurs gerçek bir konuya odaklanır, her ders kısadır ve editör her zaman tek dokunuş uzağınızdadır; böylece yalnızca okumak yerine az önce okuduklarınızı uygularsınız.

İÇERİK

• Yeni başlayanlardan (A1) ileri seviyeye (C1) uzanan 40 kurs ve 159 kısa ders

• Hızlı denemeler ve kendi sayfalarınız için anında önizlemeli canlı HTML ve CSS editörü

• Adım adım ilerleyen 20 rehberli web tasarım projesi: araç çubuğu, kart ızgarası, sabit başlık, titreşen düğme ve daha fazlası

• 20 hata avı görevi: sütunundan 42px daha geniş bir kart, telefonda hiç çalışmayan bir medya sorgusu, sayfanın arkasında takılı kalan bir modal

• Final sınavı ve tamamlama sertifikası

• Uygulama 22 dilde kullanılabilir

BAŞLANGIÇTAN İLERİ SEVİYEYE EKSİKSİZ BİR YOL

• Söz dizimi ve seçiciler, renkler, arka planlar ve tipografi

• Kutu modeli, display, konumlandırma, birimler ve değerler

• Sahte sınıflar ve sahte öğeler

• Flexbox temelleri ve ileri Flexbox

• Grid temelleri, grid alanları ve ileri grid düzeni

• Duyarlı tasarım, medya sorguları ve kapsayıcı sorguları

• Özel özellikler (değişkenler), işlevler, özgüllük, basamaklandırma ve @layer

• Geçişler, dönüşümler, kare animasyonları, filtreler ve karışım modları

• Koyu mod ve renk şemaları, kaydırma ve taşma, clip-path ve şekiller

• DevTools ile hata ayıklama, BEM mimarisi, Sass, PostCSS ve tasarım belirteçleri

• Bileşen kalıpları, modern düzen kalıpları, performans ve Houdini

KALICI PRATİK

• Öğrendiklerinizi kontrol etmek için testler

• Özellikler, seçiciler ve düzen söz diziminden 69 girdilik hızlı başvuru kılavuzu

• Bir ön uç veya web geliştiricisi mülakatı öncesinde kullanabileceğiniz, net yanıtlar içeren 50 mülakat sorusu

• Açıp düzenleyebileceğiniz kısa örneklerden oluşan kod kütüphanesi

• Kendi kodlarınızı, notlarınızı ve favori derslerinizi kaydedin

• World Coding Challenge: Her gün üç global tur; Python, JavaScript ve diğer dillerde çözülür

• Pratiğinizi sürdürmenize yardımcı olan seriler, XP, liderlik tablosu ve günlük hatırlatıcılar

AI MENTOR

• Bir düzen veya özellikle mi takıldınız? AI mentora bir kavramı, hatayı veya kendi kodunuzu sorun

• AI oyun alanı: Bir sayfayı açıklayın ve HTML ile CSS kodunun oluşturulmasını izleyin

• Ücretsiz kullanıcılar günlük AI kullanım hakkına sahip olur; Pro bunu sınırsız yapar

KİMLER İÇİN

• Web geliştirmede ilk adımlarını atan tamamen yeni başlayanlar

• Taslakları devretmek yerine kendi sayfalarını biçimlendirmek isteyen tasarımcılar

• Bir web tasarım kursuna ek olarak daha fazla pratik yapmak isteyen öğrenciler

• Bir miktar HTML ve CSS bilen ve sonunda Flexbox ile grid'i anlamak isteyen geliştiriciler

• Ön uç pozisyonuna hazırlanan kariyer değiştirenler

ÜCRETSİZ VE PRO

İlk kurs, ilk rehberli proje, iki görev ve canlı editör günlük AI mentor kullanım hakkıyla ücretsizdir. Pro tüm kursların, projelerin ve görevlerin, sertifika sınavının ve sınırsız AI'ın kilidini açar ve reklamları kaldırır.

Bugün başlayın, CSS'i kendi hızınızda öğrenin ve ilk sayfanızı dakikalar içinde biçimlendirin.