Hafta 1: Temel HTML ve CSS
Gün 1-2: HTML Temelleri
- HTML Nedir?
- Temel HTML Etiketleri (
html
, head
, body
, title
, h1-h6
, p
, a
, img
, ul
, ol
, li
, div
, span
, vs.) - HTML Form Elemanları (
input
, textarea
, button
, form
)
Gün 3-4: CSS Temelleri
- CSS Nedir?
- Temel CSS Özellikleri (
color
, font-family
, font-size
, margin
, padding
, border
) - CSS Seçiciler (element, class, id)
- CSS Box Model
Gün 5-6: Sayfa Yapıları ve Düzenleme
- HTML ve CSS ile Temel Sayfa Yapısı Oluşturma
- Flexbox ve Grid Sistemleri
- Responsive Tasarım Temelleri
Hafta 2: Temel JavaScript
Gün 7-8: JavaScript Temelleri
- JavaScript Nedir?
- Değişkenler ve Veri Tipleri
- Operatörler ve Koşullar
Gün 9-10: Diziler ve Döngüler
- Diziler ve Array Metodları
- For, While ve Do-While Döngüleri
Gün 11-12: Fonksiyonlar ve Obje Temelleri
- Fonksiyonlar ve Parametreler
- Obje ve Özellikleri
- Olaylar ve Olay İşleyiciler
Hafta 3: Vue.js Giriş
Gün 13-14: Vue.js Temelleri
- Vue.js Nedir?
- Vue Instance ve Temel Direktifler
- Veri Bağlama ve Olay İşleyicileri
Gün 15-16: Vue.js Component Yapısı
- Vue Component Nedir?
- Component Lifecycle Hooks
- Props ve State Yönetimi
Hafta 4: Vue.js Uygulama ve Proje
Gün 17-18: Vue.js Router
- Vue Router Nedir?
- Sayfa Yönlendirmeleri ve Parametreler
Gün 19-20: Vue.js Proje Geliştirme
- Büyük bir proje geliştirme: Vue.js kullanarak dinamik bir web uygulaması
- Kodları inceleme ve hata ayıklama
- İleri düzey Vue.js konulara giriş (isteğe bağlı)