HTML Dersleri
  • HTML Nedir?
  • Editör Seçimi & Klasör Ayarları
  • İlk Kodlar
  • Text Etiketleri (p,h1-h6,br,hr,i,u,del,small,big,center)
  • Text etiketleri 2 (mark,strong,code,blockquote,q,cite,address)
  • Meta Etiketleri
  • Yorum Satırları
  • Resimler
  • Tablolar
  • Sıralı ve Sırasız Listeler (ul,ol)
  • Tanım Listeleri (dl,dt,dd)
  • Linkler (Yazı Linki)
  • Linkler 2 (Resim'e link verme)
  • Linkler 3 (Mail ve telefon linkleri)
  • Iframe
  • Fontlar
  • CSS Kullanımı 1 (Dahili CSS)
  • CSS Kullanımı 2 (Harici CSS)
  • Form Elemanları 1 (text, number, password, email,textarea,buton)
  • Form Elemanları 2 (date,select,checkbox,radio,file)
  • Html ve Javascript
  • Div Etiketi
  • Div Uygulaması
  • HTML5 Yenilikler (Uygulamalı)
CSS Dersleri
  • CSS nedir?
  • CSS Dosyaların Dahil Edilmesi (Dahili ve Harici CSS Çağırma)
  • CSS Söz dizimi (Syntax)
  • Renkler (Colors)
  • Arkaplan (Background) Özellikleri
  • Kenarlıklar (Border)
  • Dış Boşluklar (Margin)
  • İç Boşluklar (Padding)
  • Yazı Özellikleri 1
  • Yazı Özellikleri 2 (Font Özellikleri)
  • Linkler
  • Tablolar
  • Taşmalar (Overflow)
  • Yaslama (Float)
  • Opaklık (Opacity)
  • Combinators (div p Şeklinde)
  • Formlar
  • Menüler
  • Web Site Düzeni Oluşturma (Uygulama)
Bootstrap 4.0 Dersleri
  • Bootstrap Nedir?
  • Bootstrap Kurulumu
  • Yazımsal Etiketler (h1,mark,abbr,blockquoute,code,kbd)
  • Renkler (Colors)
  • Tablolar
  • Resim Stilleri
  • Uyarılar (Alert)
  • Butonlar
  • Badge Stilleri
  • İlerleme Çubuğu (Progress Bar)
  • Sayfalama ve Dizin Yolu (Paginition and Breadcrumb)
  • Kartlar (Cards)
  • Açılır Divler (Accordion, Collapse)
  • Menü Yapımı (Navigation)
  • Tablar
  • Form Stilleri
  • Sliderlar
  • Modal Yapısı
  • İpuçları (Tooltip)
  • Grid Sistemi Nedir?
  • Grid Uygulaması (col-*,col-sm-*,col-md-*,col-lg-*,col-xl-*)
Proje 1: E-Ticaret
  • Proje Tanıtımı
  • Proje Temelleri (Dosya ve kalıp kodlar oluşturma)
  • Eklemeler ve Ortamın Hazır Hale Getirilmesi
  • Menü Bölümü
  • Anasayfa: Slider ve Liste Alanları
  • Anasayfa:Tab ve Footer bölümü
  • Ürünler Sayfası
  • İletişim Sayfası
  • Ürün Detay Sayfası
Proje 2: Blog
  • Proje tanıtımı
  • Site Temellerinin Oluşturulması
  • Header Bölümü Yapımı
  • Anasayfa: Liste Alanı Yapımı
  • Hakkımda ve Detay Sayfası Yapımı
  • İletişim Sayfası Yapımı
  • Proje Sonu: Eksikliklerin tamamlanması