Description

Course content

• Temel Bilgiler
  • Başlangıç
  • Web sayfaları nasıl çalışır?
  • HTML, CSS ve Flexible Grid System nedir?
  • Text Editor nedir, nasıl kullanılır?
  • Web sayfası nasıl oluşturulur?
  • HTML'in Çalışma Yapısı
  • CSS'in Çalışma Yapısı
  • Dev Tools nedir, nasıl kullanılır?
  • Font nedir, nasıl kullanılır?
  • Ölçü Birimleri ve Renkler
  • Tarayıcı Uyumluluğu
  • User Agent Stylesheet ve Shadow Dom
• HTML Elementleri ve Özellikleri
  • Semantik Elementler
  • ... , , , , ,
  • , , , ,
  • , , , , ,
  • , ,
  • , , ,
  • Güncellenebilir Elementler (contenteditable)
  • Favicon ve App Icon Kullanımı
• HTML Formları ve Özellikleri
  • , , ,
  • , ,
  • , ,
• CSS Seçicileri
  • *, #id, element, .class
  • boşluk, virgül, büyüktür
  • :hover, :focus, :active, :visited
  • :first-child, :last-child
  • :nth-child(n), :nth-last-child(n) (even, odd)
  • ::first-letter, ::first-line
  • ::after, ::before
  • :target, ::selection
  • :empty, :not(selector)
  • [attribute]
  • Diğerleri
• CSS Özellikleri
  • display, vertical-align, width, height, overflow
  • background
  • color, text-align, line-height, letter-spacing
  • font-size, font-style, font-weight, text-decoration
  • margin, padding
  • border-color, border-width, border-style
  • border-radius, box-shadow
  • position, z-index, left, right, top, bottom
  • opacity
  • cursor, user-select, pointer-events
  • float
  • base.css
• CSS Fonksiyonları
  • attr(), calc()
  • linear-gradient(), radial-gradient()
• Flexible Grid System ile CSS
  • Responive Design nedir?
  • Grid System nedir?
  • Flexbox ve Grid varken neden kullanmalıyım?
  • Diğer Grid System'lerden farkı nedir?
  • Hangi tarayıcıları ve Framework'leri destekler?
  • Çalışma Yapısı
  • Hangi yöntemi tercih etmeliyim?
  • Kurulum
  • Breakpoint Kullanımı
  • Kapsayıcı Kullanımı
  • Sütun Kullanımı
  • Satır ve Sütun Kullanımı
  • Hidden ve Not Hidden Kullanımı
  • Gutter ve Outside Kullanımı
  • Kapsayıcı üzerinden Sütun Kullanımı
  • Table ve Width Kullanımı + Önemli Bilgiler
  • Flexbox Kullanımı
  • Normal Kullanımı
  • Left, Center ve Right Kullanımı
  • Top, Middle ve Bottom Kullanımı
  • Between, Around ve Baseline Kullanımı
  • First ve Not First Kullanımı
  • Last ve Not Last Kullanımı
  • Reverse ve Not Reverse Kullanımı
  • Dosyaları indirin
• Bileşenler
  • Kod nasıl okunur?
  • Form Yapımı
  • Tooltip Yapımı
  • Tab Yapımı
  • Modal Yapımı
  • Dosyaları indirin
• CSS Kütüphaneleri
  • CSS Kütüphaneleri nasıl kullanılır?
  • Animate.css
  • Font Awesome
  • Dosyaları indirin
• Bonus
  • Bonus