Sıfırdan web tasarım öğren. 2026’da HTML ve CSS öğrenmek için en iyi ücretsiz kurslar, pratik siteleri ve 30 günlük yol haritası.
WebMaster olmak istiyorsan HTML ve CSS bilmek zorunlu. Kod bilmeden iyi bir site yapamazsın. Neyse ki 2026’da hepsini ücretsiz öğrenebilirsin. İşte sıfırdan başlayanlar için en güncel kaynaklar.
Sıfırdan Başlangıç Rotası: 30 Günlük Plan
Önce HTML, sonra CSS. Birlikte öğrenirsen kafan karışır.
- 1-10. Gün: HTML Temelleri Etiketler, link, görsel, form, tablo
- 11-20. Gün: CSS Temelleri Renk, font, margin, padding, flexbox
- 21-30. Gün: Responsive ve Proje Media query, grid, 1 site klonla
En İyi Ücretsiz Kurs ve Videolar
1. w3schools.com
Klasik ve en güncel kaynak. Her etiketin örneği var. “Try it Yourself” ile direkt deneme yapabilirsin. İngilizce ama basit.
2. freeCodeCamp.org Türkçe
YouTube’da 10 saatlik full Türkçe HTML-CSS kursları var. Proje tabanlı anlatıyor. Sertifika da veriyor.
3. Patika.dev
Türkçe, mentor destekli ve ücretsiz. Frontend yol haritası içinde HTML-CSS modülü var. Ödev yapıp geri bildirim alıyorsun.
Pratik Yapma Siteleri: Öğren + Uygula
- Codepen.io: Kodu yaz, sonucu anında gör. Başkalarının kodunu incelemek için efsane.
- Frontend Mentor: Hazır tasarım veriyor. Sen HTML-CSS ile kodluyorsun. Portfolio için birebir.
- CSSBattle.dev: Oyun gibi CSS öğren. Verilen şekli en az kodla yapmaya çalışıyorsun.
30 Günde Portfolio Yapmak
Video izleyerek öğrenilmez. 30. günde kendine basit bir portfolio sitesi yap:
- Ana sayfa: Hakkımda + Foto
- Hizmetler sayfası: 3 kutucuk
- İletişim sayfası: Form
Bu 3 sayfayı GitHub’a yükle. İş başvurularında linkini göster.
Sonuç
2026’da HTML ve CSS öldü diyenlere bakma. WordPress tema düzenlemek, site hızlandırmak, SEO için temel kod bilgisi şart. Günde 1 saat ayır, 1 ayda temeli bitir. Sonra JS ve WordPress’e geç.
Bir yanıt bırakın