Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Sıfırdan Zirveye Web Tasarım | Komple Frontend Eğitimi
Rating: 4.6 out of 5(286 ratings)
1,175 students

Sıfırdan Zirveye Web Tasarım | Komple Frontend Eğitimi

Sıfırdan Front-end Developer Olun! | HTML, CSS, JavaScript, Bootstrap 5, jQuery, React ve Daha Fazlasını Öğrenin!
Last updated 7/2026
Turkish

What you'll learn

  • Tüm konular sıfırdan anlatılmıştır.
  • Hiçbir programlama bilgisine sahip olmasanız dahi bu kursa rahatlıkla başlayabilirsiniz.
  • HTML etiketleri ve sayfa yapıları öğreneceksiniz.
  • Semantik HTML kullanımı ve SEO uyumluluk öğreneceksiniz
  • CSS ile stil verme ve tasarım tekniklerini öğreneceksiniz.
  • Flexbox ve Grid sistemleri ile modern yerleşim düzenleri öğreneceksiniz.
  • CSS animasyonları ve geçiş efektlerini öğreneceksiniz.
  • Tüm cihazlara uyumlu esnek tasarımlar oluşturmayı öğreneceksiniz.
  • Media Queries ile ekran boyutlarına özel CSS kullanımını öğreneceksiniz.
  • Mobil öncelikli tasarım tekniklerini öğreneceksiniz.
  • Retina ekranlar ve yüksek çözünürlüklü görseller için optimizasyon öğreneceksiniz.
  • JavaScript değişkenler, döngüler ve fonksiyonları öğreneceksiniz.
  • DOM manipülasyonu ile sayfa içeriğini dinamik hale getirmeyi öğreneceksiniz.
  • Event Listener’lar ile kullanıcı etkileşimlerini yönetmeyi öğreneceksiniz.
  • LocalStorage ve SessionStorage ile veri kaydetmeyi öğreneceksiniz.
  • JSON ile veri formatlama ve API entegrasyonunu öğreneceksiniz.
  • Let, Const ve Arrow Functions kullanmayı öğreneceksiniz.
  • Template Literals, Destructuring ve Spread Operator kullanımını öğreneceksiniz.
  • Asenkron programlama (Promises & Async/Await) öğreneceksiniz.
  • Fetch API ile harici verileri çekmeyi öğreneceksiniz.
  • JavaScript modüler yapılar ve import/export kullanımını öğreneceksiniz.
  • Bootstrap grid sistemi ile sayfa düzenleri oluşturmayı öğreneceksiniz.
  • Hazır bileşenler (navbar, modal, carousel vb.) kullanmayı öğreneceksiniz.
  • Kendi Bootstrap temalarınızı oluşturmayı öğreneceksiniz.
  • Bootstrap ile responsive tasarımlar geliştirmeyi öğreneceksiniz.
  • jQuery seçiciler ve element manipülasyonunu öğreneceksiniz.
  • Etkinlik yönetimi (click, hover vb.) öğreneceksiniz.
  • AJAX ile sayfa yenilenmeden veri çekmeyi öğreneceksiniz.
  • jQuery animasyonları ve efektleri öğreneceksiniz.
  • React bileşenleri (components) ve JSX kullanmayı öğreneceksiniz.
  • Props ve State ile dinamik veri yönetimini öğreneceksiniz.
  • useState, useEffect gibi Hook’ların kullanımını öğreneceksiniz.
  • React Router ile çok sayfalı uygulamalar geliştirmeyi öğreneceksiniz.
  • API ile veri çekme ve yönetmeyi öğreneceksiniz.
  • React ile E-Ticaret Sitesi geliştireceksiniz
  • Web tasarım projelerini yönetmeyi öğreneceksiniz.
  • Upwork, Fiverr ve Bionluk gibi platformlarda iş almaya başlayabileceksiniz.

Coding Exercises

This course includes our updated coding exercises so you can practice your skills as you learn.

See a demo
Image of coding exercise example

Course content

55 sections270 lectures49h 49m total length
  • Visual Studio Code Kurulumu3:29
  • Visual Studio Code Eklenti Kurulumu10:56
  • Visual Studio Code Ayarlarının Yapılması4:02

Requirements

  • Kursumuz tamamen sıfırdan başlıyor ve hiçbir ön bilgi gerektirmiyor.

Description

Sıfırdan Zirveye Web Tasarım | Komple Frontend Eğitimi

Bu kapsamlı eğitim, web tasarımına sıfırdan başlamak isteyen bireyler için oluşturulmuştur. Gelişen teknoloji ve dijital dünyanın gereksinimleri doğrultusunda, web geliştirme becerilerinizi hızla geliştirecek, pratik uygulamalarla bu bilgileri pekiştireceksiniz. Kurs boyunca her aşamada gerçek hayattan örnekler ile desteklenmiş, zengin bir içerik sunulacaktır.

Kurs İçeriği:

  • HTML & CSS: Web sayfalarının temel yapı taşları olan HTML ve CSS'i sıfırdan öğreneceksiniz. Semantik HTML kullanımı ile SEO dostu sayfalar tasarlarken, CSS ile görsel estetiği ve tasarımın temel ilkelerini anlayacaksınız. Flexbox ve Grid sistemlerini kullanarak modern, esnek yerleşim düzenleri oluşturmayı öğrenecek, responsive (mobil uyumlu) tasarım tekniklerini kavrayacaksınız.

  • JavaScript: Dinamik ve etkileşimli web siteleri oluşturmak için JavaScript'in temellerini öğreneceksiniz. Değişkenler, veri tipleri, döngüler ve fonksiyonlar gibi temel konuların yanı sıra, DOM manipülasyonu ve event listener'lar ile kullanıcı etkileşimini zenginleştireceksiniz. Asenkron programlama konuları ile API'lerle nasıl çalışacağınızı öğrenecek ve modern web uygulamaları geliştirmenin temel yapı taşlarını kavrayacaksınız.

  • Bootstrap 5: Tasarım sürecini hızlandıran Bootstrap 5 ile hızlı ve etkili bir şekilde responsive web siteleri oluşturmayı öğreneceksiniz. Hazır bileşenleri kullanarak kullanıcı dostu arayüzler tasarlarken, özelleştirme seçenekleriyle projelerinizi kişiselleştirebileceksiniz.

  • React: Modern web uygulamaları geliştirmek için popüler bir kütüphane olan React'i derinlemesine öğreneceksiniz. Bileşen yapısı, props, state yönetimi ve yaşam döngüsü metotları gibi konulara hakim olacak, API entegrasyonu ile verileri dinamik bir şekilde yönetmeyi öğreneceksiniz. React Router kullanarak çok sayfalı uygulamalar oluşturacak ve kullanıcı deneyimini artıracak uygulamalar geliştireceksiniz.

  • Gerçek Hayat Uygulamaları: Kurs boyunca, e-ticaret siteleri ve profesyonel portföy siteleri gibi gerçek projeler geliştirme fırsatına sahip olacaksınız. Açık ve koyu tema uygulamaları ile kullanıcı deneyimini zenginleştirerek, tasarımlarınıza profesyonel bir dokunuş katacaksınız.

  • Freelance Çalışma ve İş Bulma: Eğitimin sonunda, freelance olarak çalışma yetkinliğini kazanacak ve sektördeki iş fırsatlarına hazırlıklı olacaksınız. Kendi portföyünüzü oluşturacak, iş görüşmelerinde öne çıkmanızı sağlayacak etkili sunum tekniklerini öğreneceksiniz.

Bu kurs, başlangıç seviyesindeki katılımcılara yönelik hazırlanmış olup, hiçbir ön bilgi gerektirmeden tamamen sıfırdan başlayarak ilerlemenizi sağlar. Eğitim sonunda, kendi web sitelerinizi tasarlamak için gereken bilgi ve becerilere sahip olacak, sektörün ihtiyaç duyduğu yetkinlikleri kazanarak profesyonel bir frontend geliştirici olma yolunda önemli bir adım atmış olacaksınız. Bu eğitimle birlikte, hayalinizdeki kariyere doğru sağlam bir temel atmış olacaksınız!

Who this course is for:

  • Web tasarımı veya geliştirmeye dair hiçbir ön bilgisi olmayan, temel bilgileri sıfırdan öğrenmek isteyen herkes için idealdir.
  • Mevcut kariyerinden memnun olmayan ve web tasarımcısı veya frontend geliştiricisi olarak yeni bir kariyer hedefleyen kişiler.
  • Kendi işini kurmak veya serbest çalışarak ek gelir elde etmek isteyen, web tasarım becerilerini geliştirmek isteyen girişimciler.
  • Bilgisayar mühendisliği, grafik tasarım veya benzeri alanlarda okuyan veya yeni mezun olmuş, web geliştirme becerilerini artırmak isteyen öğrenciler.
  • Yazılım geliştirme alanında kariyer yapmak isteyen, frontend teknolojilerini öğrenerek iş bulmak isteyen adaylar.