Temelden İleri Seviyeye CSS Eğitimi

Temelden ileri seviyeye doğru CSS öğrenmeye başlıyoruz ve HTML ile birleştiriyoruz.Flexbox ve Grid ile devam ediyoruz

4.50 (107 reviews)
Udemy
platform
Türkçe
language
Web Design
category
Temelden İleri Seviyeye CSS Eğitimi
2,414
students
10.5 hours
content
Jan 2024
last update
$19.99
regular price

What you will learn

CSS Nedir ve Nasıl Yazılır?

CSS Özellikleri ve Değerleri Neler?

CSS Grid ve CSS Flexbox

HTML Etiketlerine Örnek CSS Uygulamaları

Description

HTML ile bir web sayfasını yaparsınız ama CSS ile bu sayfaya düzen, görsellik, ekranlara uyumlu responsive tasarım ve diğer seçenekleri de eklemeniz gerekir. Aksi halde sayfanız düz bir yapı olmaktan öteye geçemez.

İşte bu kursta öncelikle CSS ile ilgili temel bilgilere bakıp, CSS ve CSS3 ile ilgili özellikleri ve tanımlanabilecek değerleri göreceksiniz. Ardından bazı HTML etiketlerine bu özellikleri ekleyerek uygulamalar yapacağız. Böylece CSS özellik ve değerlerini nasıl kullanabileceğinizi öğreneceksiniz. Son olarak CSS Flexbox ve CSS Grid konularını da temel düzeyde öğrenecek ve kullanabileceksiniz.

Bu kursun sonunda;

  • CSS Tanımlamalarını

  • Yazı Biçimlendirmelerini

  • Yazı Tipleri Tanımlamasını

  • Boşluklar ve çizgiler eklemeyi

  • Katman ve Konumlandırma Tekniğini

  • Resim yerine ikon fontları kullanmayı

  • Şeffaflık, Gölgelendirme, Animasyon ve Geçiş Efektlerini

  • Tablolara, resimlere, form elemanlarına stil tanımlamayı

  • Menü Tasarımını, Image Sprite yapmayı

  • CSS Grid ve Flexbox yapılarını

öğreneceksiniz.

Örnek uygulamalar ile de konuları genel tekrar edecek ve uygulama yaparak CSS öğrenmeyi pekiştireceksiniz.

GÜNCELLEMELER:

  • Mouse imleçleri dersi yayınlandı.

  • Uygulama - 8: Yükleniyor kutusu yapma dersi yayınlandı.

  • Temel Konular bölümüne "Ölçü Birimleri" başlıklı teorik bir makale eklendi.

Content

Temel Bilgiler

Giriş
CSS Nedir?
CSS Yapısı
CSS Tanımlaması - Bölüm 1 (Element-id-class kavramları)
CSS Tanımlaması - Bölüm 2
Sayfaya CSS nasıl eklenir?
Renk Sistemi (RGB, HEX, RGBA, HSL, HSLA)

CSS Özellikler ve Değerler

Arkaplan (Background)
Çizgiler (Border)
Margin (Kenar Boşlukları)
Padding
Yükseklik ve Genişlik
Font ve WebFont
Yazı Biçimlendirme - Bölüm 1
Yazı Biçimlendirme - Bölüm 2
Linkler
Ikonlar
Outline
Listeler
Sözde Class ve Elementler (Pseudo-classes, Pseudo-elements)
Şeffaflık
Gölgelendirme
Yerleşimler (Layout) - Bölüm 1
Yerleşimler (Layout) - Bölüm 2
2D ve 3D Transform
@media Özelliği Kullanımı ve Responsive Tasarım
Animasyonlar (Animation)
Geçiş Efektleri (Transition)
Birden Fazla Sütun Tanımlaması (Multiple Column)
Sayaçlar - Counter Özelliği
Mouse İmleçleri

Örnek Uygulamalar

Uygulama - 1 : Tablolar
Uygulama - 2 : Formlar
Uygulama - 3 : Resimlere Stil Tanımlama
Uygulama - 4 : Butonlara Stil Tanımlama
Uygulama - 5 : CSS ile Tooltip Yapma
Uygulama - 6 : Image Sprite
Uygulama - 7 : Menü Tasarımı
Uygulama - 8: Yükleniyor Yapımı

CSS Flexbox

Flex Yapısı ve Container Özellikleri
Flexbox Item Özellikleri
Flexbox Örnek Uygulaması

CSS Grid

Grid Tanım ve Terimleri
Grid Yapısı ve Özellikleri
Grid Öğeleri (Items)
Grid ile Örnek Uygulama

Kapanış

Sonsöz
Bonus

Reviews

mehmet
December 4, 2021
Güzel ve yeterli bir kurs. Css konusunu bir çok özelliği ile anlatmış ileri seviye anlatılan konularda var ama çok da ileri seviye değil css çok kapsamlı bir konu yapılabilecek çok fazla şey var hepsini anlatmak kolay değil tabi. Benim çok kullandığım ama konularda es geçilmiş özellik veya özellik değerleri de var, dediğim gibi her şeyi bilmek veya tek tek anlatmak değinmek mümkün olmayabiliyor. Hocamıza emeklerinden dolayı teşekkür ediyorum.

Coupons

DateDiscountStatus
8/31/2021100% OFF
expired

Charts

Price

Temelden İleri Seviyeye CSS Eğitimi - Price chart

Rating

Temelden İleri Seviyeye CSS Eğitimi - Ratings chart

Enrollment distribution

Temelden İleri Seviyeye CSS Eğitimi - Distribution chart
2791462
udemy ID
2/2/2020
course created date
5/16/2020
course indexed date
Bot
course submited by