| 1 | Ders Tanıtımı – Web Programlama Editörleri ve Web Programlama Dilleri | 1-2 |
| 2 | Temel HTML5 Etiketleri – Liste Etiketleri – Sıralı, Sırasız ve İç İçe Liste Etiketleri | 1-2 |
| 3 | HTML5 Tablolarla Çalışma – Tablo Etiketleri – Bağlantı Etiketleri – Bağlantı Listeleri | 1-2 |
| 4 | HTML5 Resim, Ses ve Videolar ile Çalışma – Resim Etiketleri – Ses Etiketleri – Video Etiketleri | 1-2 |
| 5 | Formlarla Çalışma – Form Etiketleri – Metin Alanları – Şifre Alanları – Çoklu Seçim Alanları – Çoktan Seçme Alanları – Düğmeler – HTML5 ile Gelen Yeni Form Elemanları | 1-2 |
| 6 | CSS ile Web Sayfalarını Biçimlendirme – Renkler İle Çalışma –Metinleri Biçimlendirme | 1-2 |
| 7 | CSS3 Seçiciler – Sınıf ve Style ile Çalışma – Bölme (div) ve Kapsam (span) ile Çalışma – CSS3 Yenilikleri | 1-2 |
| 8 | CSS3 Çerçeve ve Arkaplanlar ile Çalışma – Çerçeveler ve Özellikleri – Arkaplan Resimleri ve CSS3 ile Biçimlendirme – Listelerde Resim Kullanımı | 1-2 |
| 9 | CSS3 Seviyeleri – Stil Seviyelerinin Yönetimi – Stil Öncelikleri – Tarayıcı Uyumlarının Yönetimi – CSS Özel Efektleri – Resim, Metin ve Geçiş ve Dönüşüm Efektleri | 1-2 |
| 10 | CSS3 Seviyeleri – Stil Seviyelerinin Yönetimi – Stil Öncelikleri – Tarayıcı Uyumlarının Yönetimi – CSS Özel Efektleri – Resim, Metin ve Geçiş ve Dönüşüm Efektleri | 1-2 |
| 11 | CSS3 ile Sayfa Yerleşimleri Yapılandırma | 1-2 |
| 12 | JavaScript ile İstemci Tarafı Programlama – Fonksiyonlar ve Olaylar Yazma - Düğme ve Metin Alanı Olayları | 1-2 |
| 13 | JavaScript Koşul İfadeleri – Döngüler – Diziler – Nesneler İle Çalışma – Canvas İle Çalışma | 1-2 |
| 14 | Veri Tabanı İle Çalışma – Veritabanı Sorgulaması Yapma | 1-2 |