Web Geliştirme Başlangıç Seviyesi ⭐ Öne Çıkan

Komple Uygulamalı Web Geliştirme Eğitimi

Sıfırdan ileri seviyeye Fullstack Web Geliştirme: HTML, CSS, Bootstrap, JavaScript, React, ASP.NET Core ve API

Sadık Turan
45 saat 42 dk içerik
275 ders
140 öğrenci katıldı

Kurs Hakkında

Sıfırdan ileri seviyeye Fullstack Web Geliştirme: HTML, CSS, JavaScript, React, ASP.NET Core ve API’lerle Gerçek Projeler

En Güncel Teknolojilerle Web Geliştirmeyi Sıfırdan Öğrenin!

Bu kurs, yeni sürümler olan ASP.NET 9 ve React 19 ile tamamen güncellenmiştir.
Modern web geliştirme dünyasında ihtiyaç duyacağınız her şeyi uygulamalı olarak öğrenin.

Hiç kod yazmadınız mı? Endişelenmeyin.
Bu eğitim sizi sıfırdan alıp, gerçek projeler geliştirerek işe alınabilir bir seviyeye ulaştıracak.


Neden Bu Kurs?

  • %100 Güncel İçerik: ASP.NET 9 ve React 19 ile güncellendi
  • Uygulamalı Öğrenme: Her bölümde proje geliştirerek aktif öğrenme
  • Frontend + Backend: Tam kapsamlı Fullstack Developer eğitimi
  • Sıfırdan Başlayanlara Uygun: Teknik terimleri sade anlatımla öğrenin
  • Binlerce Mutlu Öğrenci: Web geliştirme kategorisinde en çok satan Udemy kursu!


Bu Kursta Neler Var?

  • HTML5 & CSS3: Web sayfalarının temel yapı taşlarını öğrenin
  • Bootstrap: Hızlı ve şık tasarımlar
  • JavaScript: Dinamik, etkileşimli sayfalar
  • React: Modern, bileşen tabanlı kullanıcı arayüzleri
  • ASP.NET Core: Güçlü ve güvenli backend geliştirme
  • RESTful API’ler: Veri alışverişi ve uygulamalar arası iletişim
  • Gerçek Projeler: E-Ticaret projesi, film projesi, blog sitesi, yönetim paneli ve çok daha fazlası


Bu Kurs Kimler İçin?

  • Web geliştirmeye hiçbir bilgisi olmadan başlamak isteyenler
  • Sadece frontend değil, backend tarafını da öğrenerek fullstack developer olmak isteyenler
  • Gerçek projelerle kendi portföyünü oluşturmak isteyenler
  • Yazılım dünyasına adım atmak ya da meslek değiştirmek isteyenler
  • Freelance veya uzaktan çalışarak gelir elde etmek isteyenler


Öğrenciler Ne Diyor?

“Sıfır bilgiyle başladım. Şu an React ve ASP.NET Core ile projeler geliştiriyorum. Hayatımı değiştirdi!”

“Anlatım çok sade ve anlaşılır. Her bölüm sonunda proje yaparak öğrendiklerimi pekiştirdim.”

“Bu kurs sayesinde ilk freelance işimi aldım!”


Sıfırdan Web Geliştirici Olmak İstiyorsan, Bu Kurs Tam Sana Göre!

Binlerce öğrenci bu kursla sıfırdan başlayarak kariyerine yön verdi.
Şimdi sıra sende!


Kodlamayı öğren, projeler geliştir, yeteneklerini işe dönüştür. Hazırsan hemen başlayalım!

Ders İçerikleri

24 bölüm · 275 ders · 45 saat 42 dk toplam süre

Giriş

5 ders

Temel Bazı Kavramları Öğrenelim

Kilitli · 6:39

Frontend ve Backend Nedir?

Kilitli · 6:59

Yol Haritanı Seçebilirsin!

Kilitli · 12:40

Visual Studio Code Kurulumu

Kilitli · 8:01

Online Editör ile Uygulama Geliştirme

Kilitli · 5:37

Html: Bölüm 1

12 ders

Html Nedir?

Kilitli · 4:58

İlk Html Sayfamız

Kilitli · 10:34

Html Yapısı

Kilitli · 11:34

Html Yapısına Uygun Web Sayfası

Kilitli · 9:53

Uygulama-1: Html Yapısını Anlama

Kilitli · 9:57

Başlık Etiketleri

Kilitli · 13:03

Paragraf Etiketi

Kilitli · 6:58

Biçimlendirme Etiketleri

Kilitli · 8:48

Uygulama-2: Başlık, Paragraf ve Biçimlendirme Etiketleri

Kilitli · 11:31

Images

Kilitli · 12:45

Links

Kilitli · 12:46

Uygulama-3: Image ve Link

Kilitli · 11:40

Html: Bölüm 2

11 ders

Listeler

Kilitli · 8:44

Div & Span

Kilitli · 12:14

Mantıksal Etiketler (Semantic Tags)

Kilitli · 12:42

Uygulama-4: Listeler ve Anlamsal Etiketler

Kilitli · 12:57

Tables

Kilitli · 12:21

Uygulama-5: Tablolar

Kilitli · 8:38

Tablo ile Tasarım Çalışması

Kilitli · 9:40

Forms

Kilitli · 16:58

Uygulama-6: Formlar

Kilitli · 14:35

Iframes

Kilitli · 6:52

Uygulama-7: Genel Tekrar Uygulaması

Kilitli · 23:20

Css: Bölüm 1

10 ders

Css Nedir?

Kilitli · 2:32

Css Söz Dizimi

Kilitli · 4:56

Inline Css

Kilitli · 6:13

Internal Css

Kilitli · 5:28

External Css

Kilitli · 8:52

Uygulama 1: Css Temelleri

Kilitli · 11:27

Id & Class Selectors

Kilitli · 9:38

Browser Defaults

Kilitli · 7:50

Css Öncelikleri

Kilitli · 7:26

Css Inheritance

Kilitli · 7:52

Css: Bölüm 2

22 ders

Box Model

Kilitli · 4:32

Margin

Kilitli · 11:07

Padding

Kilitli · 6:58

Borders

Kilitli · 7:11

Width & Height

Kilitli · 7:24

Box Sizing

Kilitli · 8:35

Display

Kilitli · 10:59

Display & Visibility

Kilitli · 3:10

Navigation Bar

Kilitli · 13:29

Styling List

Kilitli · 6:18

Styling Links

Kilitli · 7:32

Combinators

Kilitli · 6:36

Pseudo Classes

Kilitli · 11:42

Pseudo Elements

Kilitli · 11:31

Uygulama 2: Nav Links

Kilitli · 5:47

Styling Buttons

Kilitli · 5:30

Background Image

Kilitli · 7:35

Uygulama 3: How-it-works

Kilitli · 10:49

Fontawesome Icons

Kilitli · 9:09

Fonts

Kilitli · 13:26

Google Fonts

Kilitli · 6:58

Uygulama 4: Features

Kilitli · 15:27

Css: Bölüm 3

16 ders

Floating

Kilitli · 9:43

Clear Floating

Kilitli · 5:54

Floating Images

Kilitli · 5:47

Uygulama 1: Floating

Kilitli · 12:23

Uygulama 2: Plans

Kilitli · 12:57

Uygulama 3: Padding

Kilitli · 6:47

Uygulama 4: Styling Plans

Kilitli · 7:18

Helper Classes

Kilitli · 12:48

Box Shadow

Kilitli · 12:17

Colors

Kilitli · 10:52

Positions

Kilitli · 9:40

Relative & Absolute Positioning

Kilitli · 13:04

Uygulama 5: Relative & Absolute Positioning

Kilitli · 10:56

Fixed Positioning & z-index

Kilitli · 9:48

Sticky Positioning

Kilitli · 5:50

Uygulama: Fixed Navigation & Smooth Scroll to Top

Kilitli · 12:10

Css: Bölüm 4

21 ders

Background

Kilitli · 13:56

Background Opacity & Gradients

Kilitli · 10:03

Background Position & Size

Kilitli · 9:46

Parallax Scrolling Effect-Background Attachment

Kilitli · 10:33

Clip Path

Kilitli · 4:20

Uygulama: Background

Kilitli · 15:40

Uygulama: Counter Section

Kilitli · 16:07

Uygulama: Movie Cards

Kilitli · 15:09

Uygulama: Footer

Kilitli · 10:42

Uygulama: Register Formu

Kilitli · 9:06

Attribute Selectors

Kilitli · 10:37

Styling Forms

Kilitli · 10:01

Styling Form Elements

Kilitli · 9:32

Responsive Tasarım Nedir?

Kilitli · 7:52

Media Queries

Kilitli · 13:47

Uygulama: Media Queries

Kilitli · 15:07

Rem & Em Units

Kilitli · 15:31

Uygulama: Em & Rem Units

Kilitli · 8:40

Uygulama: Responsive Columns

Kilitli · 11:43

Responsive Navbar

Kilitli · 14:20

Css Variables

Kilitli · 7:51

Css: Bölüm 5 - Flexbox

10 ders

Flexbox Nedir?

Kilitli · 6:38

Flex Container: flex-direction, flex-wrap

Kilitli · 8:29

Flexbox Alignments: justify-content, align-items

Kilitli · 8:31

Flex Item Alignments: align-self

Kilitli · 5:12

Flex Item Properties: grow, shrink, basis

Kilitli · 9:12

Row Alignments: align-content, gaps

Kilitli · 6:44

Flex & Margin

Kilitli · 7:34

Uygulama: Navbar

Kilitli · 15:42

Uygulama: Image Gallery

Kilitli · 10:27

Uygulama: Flex Layout

Kilitli · 15:08

Proje: Hotel Site

12 ders

Proje Tanıtımı

Kilitli · 1:31

Temel Ayarlar

Kilitli · 7:03

Utils

Kilitli · 10:53

Navbar

Kilitli · 9:17

Header

Kilitli · 11:17

Icons

Kilitli · 8:32

About

Kilitli · 10:39

Gallery

Kilitli · 7:25

Rooms & Teams

Kilitli · 8:35

Contact & Footer

Kilitli · 12:37

Responsive Design

Kilitli · 9:23

Blog List & Details

Kilitli · 14:27

Css: Bölüm 6 - Grid

9 ders

Css Grid Nedir?

Kilitli · 4:06

Grid Container

Kilitli · 5:08

Grid Columns & Rows

Kilitli · 9:37

Grid Gaps & Spanning

Kilitli · 11:06

Uygulama: Grid Spans

Kilitli · 10:32

Named Template Areas

Kilitli · 9:43

Responsive Grid & Media Queries

Kilitli · 6:57

minmax, auto-fill & auto-fit

Kilitli · 8:49

Grid items Alignment

Kilitli · 8:46

Proje: News Site

9 ders

Projenin Tanıtımı

Kilitli · 1:17

Temel Ayarları

Kilitli · 8:36

Utils

Kilitli · 9:20

Navbar

Kilitli · 12:20

Header

Kilitli · 15:30

Article Grid

Kilitli · 6:45

Footer

Kilitli · 12:46

Article Details

Kilitli · 15:42

Responsive Design

Kilitli · 11:20

Css: Bölüm 7 - Animations & Scss

10 ders

Css Transition

Kilitli · 9:25

Css Transform

Kilitli · 7:27

Css Animation

Kilitli · 8:09

Css Keyframes

Kilitli · 8:19

Uygulama: Animations

Kilitli · 14:42

Animate.css

Kilitli · 9:30

Scss Nedir ?

Kilitli · 4:03

Variables & Nesting

Kilitli · 10:04

Mixins & Extends

Kilitli · 10:51

Sass Compiler

Kilitli · 9:59

Proje: Freelancer

12 ders

Proje Tanıtımı

Kilitli · 3:45

Temel Ayarlar

Kilitli · 10:34

Variables & Utilities

Kilitli · 13:15

Header

Kilitli · 17:53

Intro & Profile

Kilitli · 17:57

Process & Footer

Kilitli · 13:41

About Me

Kilitli · 14:34

References

Kilitli · 14:00

Projects & Lightbox

Kilitli · 20:24

Contact Me

Kilitli · 14:34

Responsive Design

Kilitli · 19:17

Publish & Sending Email

Kilitli · 10:59

Bootstrap: Bölüm 1

12 ders

Bootstrap Nedir ?

Kilitli · 7:19

Bootstrap Kurulumu

Kilitli · 6:45

Heading & Text

Kilitli · 10:32

Colors

Kilitli · 8:28

Buttons

Kilitli · 4:57

Spacing

Kilitli · 10:57

Borders & Shadows

Kilitli · 7:47

Lists & Tables

Kilitli · 10:04

Cards

Kilitli · 10:27

Navbar

Kilitli · 10:16

Forms

Kilitli · 11:37

Grid System

Kilitli · 10:04

Proje: Awesome Blog

6 ders

Proje Tanıtımı

Kilitli · 2:22

Navbar

Kilitli · 12:35

Header

Kilitli · 13:03

Cards & Footer

Kilitli · 12:04

Blogs & Categories

Kilitli · 12:30

Contact Form

Kilitli · 11:54

Bootstrap: Bölüm 2

9 ders

Collapse & Accordion

Kilitli · 11:28

Carousel Slider

Kilitli · 11:10

Modals

Kilitli · 9:14

Dropdowns

Kilitli · 8:20

OffCanvas

Kilitli · 10:24

Scrollspy

Kilitli · 7:47

Uygulama: Product Cards

Kilitli · 20:37

Uygulama: Filters

Kilitli · 21:52

Uygulama: Comments

Kilitli · 19:32

Proje: E-Ticaret Teması

13 ders

Projenin Tanıtımı

Kilitli · 1:36

Bootstrap Proje Şablonu

Kilitli · 3:51

Topbar

Kilitli · 13:25

Navbar

Kilitli · 9:51

Slider

Kilitli · 6:47

Menu

Kilitli · 8:22

Product Cards

Kilitli · 13:16

Footer

Kilitli · 13:06

Breadcrumb

Kilitli · 4:31

Product Images

Kilitli · 9:17

Product Details Info

Kilitli · 8:09

Benzer Ürünler

Kilitli · 4:14

Alışveriş Sepeti

Kilitli · 13:03

Proje: Yönetim Paneli

9 ders

Projenin Tanıtımı

Kilitli · 2:42

Header

Kilitli · 9:43

Dashboard

Kilitli · 12:34

Kategoriler

Kilitli · 9:49

Ürünler

Kilitli · 9:31

Slider

Kilitli · 7:22

Role & Kullanıcı

Kilitli · 12:50

Siparişler

Kilitli · 12:12

Login & Heabım

Kilitli · 8:23

Javascript: Bölüm 1 - Javascript Temelleri

16 ders

Ne Öğreniyoruz?

Kilitli · 2:28

Javascript Nedir?

Kilitli · 5:59

Neden Javascript Öğrenmeliyim ?

Kilitli · 7:44

Javascript Yazmaya Başlayalım!

Kilitli · 6:27

Değişkenler

Kilitli · 11:17

Değişken Türleri

Kilitli · 9:22

Uygulama: Değişkenler

Kilitli · 7:18

Strings

Kilitli · 8:21

String Metotları

Kilitli · 11:05

Uygulama : Strings

Kilitli · 10:55

Numbers

Kilitli · 10:20

Diziler

Kilitli · 11:55

Dizi Metotları

Kilitli · 8:36

Uygulama : Diziler

Kilitli · 13:29

Nesneler

Kilitli · 6:48

Uygulama : Nesneler

Kilitli · 7:33

Javascript: Bölüm 2 - Javascript Temelleri

12 ders

Ne Öğreniyoruz?

Kilitli · 1:32

Operatörler

Kilitli · 11:37

If / Else Koşul İfadeleri - 1

Kilitli · 9:03

If / Else Koşul İfadeleri - 2

Kilitli · 7:19

Uygulama: If / Else

Kilitli · 11:58

For Döngüsü

Kilitli · 10:00

While Döngüsü

Kilitli · 6:51

Uygulama : Döngüler

Kilitli · 16:32

Fonksiyonlar

Kilitli · 14:35

Uygulama : Fonksiyonlar

Kilitli · 12:14

Dates & Times

Kilitli · 9:37

Scopes

Kilitli · 12:08

Javascipt: Bölüm 3 - Javascript Dom

16 ders

Dom Nedir ?

Kilitli · 4:38

Document Element

Kilitli · 10:41

Tekil Element Seçimi

Kilitli · 14:02

Çoklu Element Seçimi

Kilitli · 9:31

Dom Elementleri Üzerinde Gezinme

Kilitli · 8:38

Element Oluşturma

Kilitli · 9:42

Element Ekleme

Kilitli · 11:20

Element Güncelleme

Kilitli · 8:20

Element Silme

Kilitli · 7:03

Classes ve Styles

Kilitli · 11:48

Event Listeners Kullanımı

Kilitli · 10:21

Mouse Events

Kilitli · 9:10

Event Object

Kilitli · 10:03

Keyboard Events

Kilitli · 8:27

Input Events

Kilitli · 7:58

Form Data

Kilitli · 14:21

Proje: Shopping List

11 ders

Proje Tanıtımı

Kilitli · 2:15

Proje Hazırlığı

Kilitli · 12:30

Liste Elemanlarının Oluşturulması

Kilitli · 13:11

Listeye Eleman Ekle

Kilitli · 10:44

Tamamlanan Elemanların İşaretlenmesi

Kilitli · 5:47

Eleman Silme

Kilitli · 7:46

Eleman Güncelleme

Kilitli · 8:16

Filtreleme Butonları

Kilitli · 6:55

Filtrelemenin Yapılması

Kilitli · 14:20

Listenin Tarayıcıda Saklanması

Kilitli · 12:30

Temizle Butonu

Kilitli · 9:03

Javascipt: Bölüm 4 - OOP

6 ders

Object Nedir?

Kilitli · 6:38

Objects

Kilitli · 9:54

Function Constructors

Kilitli · 12:46

Uygulama: Constructors

Kilitli · 12:15

Object Properties

Kilitli · 9:13

Prototype

Kilitli · 17:04

Proje: Quiz App

6 ders

Proje Tanıtımı

Kilitli · 2:46

Proje Hazırlığı

Kilitli · 3:24

Soru Constructor

Kilitli · 10:16

Quiz Constructor

Kilitli · 9:37

Soruların Gösterilmesi

Kilitli · 19:19

Cevap Kontrolü

Kilitli · 15:21

Eğitmen

Sadık Turan
Sadık Turan

Yazılım Geliştirici & Eğitmen

Merhaba, Ben Sadık Turan

Yaklaşık 20 yıllık yazılım sektörü deneyimimle, edindiğim bilgi ve tecrübeyi sade, anlaşılır ve uygulama odaklı eğitimlerle paylaşmaktayım.

Eğitim anlayışımın temelinde; yalnızca teorik bilgi vermek değil, gerçek projeler geliştirerek öğrenmeyi sağlamak yer alır. Hazırladığım tüm içerikler, sıfırdan başlayan bir öğrencinin bile kısa sürede kendi projelerini geliştirebilecek seviyeye ulaşmasını hedefler.

Amacım; karmaşık konuları basitleştirerek, öğrenme sürecinizi daha verimli ve keyifli hale getirmek, sizi özgüvenli bir yazılımcı haline getirmektir.

Bugüne kadar farklı platformlarda 600.000’e yakın öğrenciye ulaşan eğitimlerimle, yazılım dünyasına nitelikli geliştiriciler kazandırmaya devam ediyorum. Öğrencilerimin kariyer yolculuğuna katkı sağlamak, benim için en büyük motivasyon kaynağıdır.

Eğer;

✅ Uygulamalı öğrenmeyi
✅ Kalıcı bilgi edinmeyi
✅ Sade ve net anlatımı
önemsiyorsanız, doğru yerdesiniz.

“Tüm eğitim içeriklerimi Kod Atölyem çatısı altında hazırlıyor ve sizlerle buluşturuyorum.”

Birlikte öğrenmek ve gelişmek dileğiyle.