Sıfırdan Modern Frontend Eğitimi: Web Tasarım ve Geliştirme

Yapay zekanın saniyeler içinde binlerce satır kod yazabildiği bir çağda, asıl farkı kod yazanlar değil; kodu okuyabilen, mimariyi anlayan ve o kodu optimize edebilenler yaratacak. Bu oynatma listesi, sizi sadece bir "kod yazarı" değil, teknolojinin kontrolünü elinde tutan bir Frontend Mimarı yapmak için tasarlandı. Bu eğitim serisinde, temelden başlayarak modern web dünyasının ön yüz teknolojilerini (HTML, CSS , JavaScript ve React) derinlemesine inceliyoruz. Hedefimiz; önümüze gelen karmaşık kod yapılarını analiz edebilmek, yapay zeka tarafından üretilen çıktıları kusursuzlaştırmak ve yüksek performanslı web arayüzleri inşa etmek. 🛠️ Bu Eğitimde Neler Var? HTML5: Web’in anlamsal (semantic) yapısını ve SEO dostu iskeleti kurma. CSS3: Görsel mimari, modern yerleşim sistemleri (Flexbox, Grid) ve performanslı stil yönetimi. Kod Okuryazarlığı: Yazılan her bir satırın neden orada olduğunu ve nasıl daha iyi hale getirileceğini anlama. Responsive Mimari: Her cihazda kusursuz çalışan esnek yapılar kurma. 🚀 Neden Bu Seri? Günümüzde herkes kod yazdırabilir, ancak çok az kişi o kodun neden çalıştığını veya nerede hata vereceğini bilir. Biz bu seride, teknolojinin temeline inerek kont

Free19 lessons4h 27mBeginner

by Enes Kabataş

February 2026

Checked 11 days ago

What you'll learn

  • CSS Nedir? CSS Kullanım Yolları · inline, internal, External
  • Listeler, Video Etiketi ve Live Server Kullanımı · HTML
  • Metin Etiketleri, p Kullanımı ve Block/Inline Mantığı · HTML
  • Class ve ID Kavramları
  • Box-Sizing Nedir? ve CSS Reset Kullanımı
  • Border, Border-Radius ve Box-Shadow Kullanımı
  • Position Özellikleri · Relative, Absolute, Fixed, Sticky
  • Öğrendiklerimizi Birleştiren Proje

Taken from the course's own lessons, in the author's words.

Free

This course is free and published on YouTube. The channel is its author; we organise it and check that the videos still play.

Start the course

Explore related topics

This course includes

  • 4h 27m of video
  • 19 lessons
  • Level: Beginner
  • Spoken in Türkçe
  • Your place is remembered
  • Free in full, no card

Lessons

2 sections · 19 lessons · 4h 27m total length

Lessons 1 to 1010 lessons · 2h 10m
Lessons 11 to 199 lessons · 2h 17m

What you need

  • No prior experience: this course starts from zero.

Description

Yapay zekanın saniyeler içinde binlerce satır kod yazabildiği bir çağda, asıl farkı kod yazanlar değil; kodu okuyabilen, mimariyi anlayan ve o kodu optimize edebilenler yaratacak. Bu oynatma listesi, sizi sadece bir "kod yazarı" değil, teknolojinin kontrolünü elinde tutan bir Frontend Mimarı yapmak için tasarlandı. Bu eğitim serisinde, temelden başlayarak modern web dünyasının ön yüz teknolojilerini (HTML, CSS , JavaScript ve React) derinlemesine inceliyoruz. Hedefimiz; önümüze gelen karmaşık kod yapılarını analiz edebilmek, yapay zeka tarafından üretilen çıktıları kusursuzlaştırmak ve yüksek performanslı web arayüzleri inşa etmek. 🛠️ Bu Eğitimde Neler Var? HTML5: Web’in anlamsal (semantic) yapısını ve SEO dostu iskeleti kurma. CSS3: Görsel mimari, modern yerleşim sistemleri (Flexbox, Grid) ve performanslı stil yönetimi. Kod Okuryazarlığı: Yazılan her bir satırın neden orada olduğunu ve nasıl daha iyi hale getirileceğini anlama. Responsive Mimari: Her cihazda kusursuz çalışan esnek yapılar kurma. 🚀 Neden Bu Seri? Günümüzde herkes kod yazdırabilir, ancak çok az kişi o kodun neden çalıştığını veya nerede hata vereceğini bilir. Biz bu seride, teknolojinin temeline inerek kont

Who this course is for

  • Anyone starting React from nothing.

Those two are our reading of the course's level. The description is the author's own.

Sıfırdan Modern Frontend Eğitimi: Web Tasarım ve Geliştirme, by Enes Kabataş