HTML CSS Özel Dersi
HTML & CSS online özel ders, Web'in temel taşları HTML ve CSS'i birebir ve esnek bir takvimle öğrenmek isteyenler için tasarlandı. Tüm seanslar online yapılır — Zoom, Google Meet veya Microsoft Teams üzerinden canlı ekran paylaşımıyla. Türkiye'nin her şehrinden ya da yurt dışından katılım fark etmez; ihtiyacın olan tek şey internet bağlantısı ve öğrenme isteği.
Programa; mobil uygulama geliştirmeye yeni başlayan üniversite öğrencileri, kendi uygulama fikrini hayata geçirmek isteyen girişimciler, web tarafından mobile geçen geliştiriciler ve halihazırda ekran ya da kullanıcı arayüzü işiyle ilgilenen profesyoneller katılıyor. Türkiye ve yurt dışından, kendi zaman dilimine uygun bire bir ders mümkündür.
Programda işlenen başlıklar — temel kavramlardan ileri konulara doğru ilerler:
- HTML Temelleri
- Semantic HTML5
- Form ve Input
- CSS Temelleri
- Flexbox
- CSS Grid
- Responsive Design
- Modern CSS
Sıfırdan başlayanlar için ilk seanslar sözdizimi ve örnek bol, deneyimli olanlar için seçilen konuda doğrudan derinleşme şeklinde ilerler. Önemli olan, dilin veya aracın "ezberi" değil; karşılaşılan problem türüne göre hangi parçanın kullanılacağına dair sezgi geliştirmektir. Her seans bir küçük adım atar. Resmi dokümantasyon için MDN Web Docs birincil kaynak olarak kullanılır.
HTML CSS Özel Dersi Konuları
1. HTML Temelleri
- Etiketler ve attribute
- doctype
- head ↔ body
- İlk sayfa
2. Semantic HTML5
- header, footer, nav
- main, article, section
- aside, figure
- Doğru hiyerarşi
3. Form ve Input
- form, input, label
- Form validation
- Modern input tipleri
- Accessibility
4. CSS Temelleri
- Selector, specificity
- Box model
- Display tipleri
- Inheritance
5. Flexbox
- flex-direction
- justify-content / align-items
- flex-grow / shrink
- Pratik layout örnekleri
6. CSS Grid
- grid-template-columns / rows
- grid-area, grid-template-areas
- minmax, repeat, fr
- Auto-fill / auto-fit
7. Responsive Design
- Media query
- Mobile-first
- clamp(), min(), max()
- Container query
8. Modern CSS
- Custom properties (--var)
- calc()
- aspect-ratio
- Logical properties
9. Animasyon ve Transition
- transition
- keyframe animation
- transform
- will-change
10. Erişilebilirlik (a11y)
- Semantic doğru kullanım
- aria-label
- Klavye navigasyonu
- Contrast & focus
11. Bitirme Projesi
- Portfolio sayfası
- Responsive (mobile-tablet-desktop)
- Dark mode
- Lighthouse 95+
HTML CSS Özel Dersi ile İlgili
Sıkça Sorulan Sorular ve Cevapları
Sıfırdan başlayabilir miyim?
Evet, bu paket tam sıfırdan kurgulu. Hiç kod yazmamış kişi için ideal.
Bootstrap, Tailwind görecek miyiz?
Tailwind temel düzeyde değinilir. Önce vanilla CSS oturur, sonra framework anlamlı.
Tasarım programı bilmem gerekir mi?
Hayır. Figma'dan hazır mock'ları HTML/CSS'e çevirmeyi öğretiriz. Tasarım yapma değil, tasarımı koda dökme.
JavaScript bu paketin parçası mı?
Hayır. Ayrı JavaScript Özel Dersi vardır. Kombo paket ile %15 indirim mevcut.
Web standartlarına ne kadar uyacağız?
Tamamen. Lighthouse, axe, HTML/CSS validator üzerinden her ders sonrası kontrol yaparız.
