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ı)