Eğitimler / Full-Stack Web Geliştirme
Yayında 146 ders Yaşam boyu erişim

Full-Stack Web Geliştirme

Bu eğitimde modern web uygulamalarını uçtan uca geliştirmeyi öğreneceksiniz. HTML, CSS ve JavaScript ile güçlü arayüzler oluşturacak; React ile dinamik frontend uygulamaları geliştirecek; ASP.NET Core ile güvenli ve ölçeklenebilir backend sistemleri kuracaksınız.

199 ₺ Masaüstü Güvenli içerik

Bu eğitimde ne var?

Web geliştirme, günümüzün en çok talep gören ve en hızlı gelişen yazılım alanlarından biridir. Artık yalnızca “web sitesi yapmak” değil; kullanıcı dostu, performanslı ve gerçek problemleri çözen web uygulamaları geliştirmek beklenmektedir. Bu noktada full-stack geliştiriciler, hem frontend hem de backend tarafını anlayabilen, projeyi baştan sona sahiplenebilen profesyoneller olarak öne çıkar. Bu kurs, web geliştirmeye sıfırdan başlayıp sağlam bir temel oluşturmak veya mevcut bilgisini profesyonel full-stack seviyeye taşımak isteyen herkes için tasarlanmıştır. Amaç; yalnızca teknoloji öğretmek değil, gerçek projelerde kullanılan yazılım geliştirme mantığını kazandırmaktır.

Toplam
146 ders
Erişim
Kilitli
Seviye
Başlangıç → İleri
Full-Stack Web Geliştirme
Durum
Satın Al
Satın aldıktan sonra tüm derslere erişebilirsin.
199 ₺
Giriş yap İçeriğe Git
146
Ders
Yaşam boyu
Erişim
Tanıtım
Dersleri görmeden önce kısa bir ön izleme.

Kurs İçeriği

Toplam: 146 ders
HTML
11 ders
Bölüm
What is HTML ?
Ders
Visual Studio Code and Extensions
Ders
Temel HTML Etiketleri
Ders
Metin Biçimlendirme Etiketleri
Ders
Bağlantı Etiketi
Ders
Tablo Etiketleri
Ders
Liste Etiketleri
Ders
Semantik Etiketler
Ders
Formlar ve Giriş Elemanları
Ders
Id ve Class
Ders
Örnek HTML Projesi
Ders
🎯 AI Pratik Yap
Premium Özellik
CSS
12 ders
Bölüm
CSS Nedir ?
Ders
Css ile Html İlişkilendirilmesi
Ders
Css Selector
Ders
Css Hiyerarşisi
Ders
Renk Atamaları
Ders
Background and Image
Ders
Border and Border Radius
Ders
Margin and Padding
Ders
Fonts
Ders
Pseudo-Class
Ders
Overflow
Ders
Responsive Tasarım
Ders
🎯 AI Pratik Yap
Premium Özellik
Bootstrap
8 ders
Bölüm
Bootstrap Nedir ? Bootstrap Html Entegresi
Ders
Color and Grid
Ders
Web Sitesi (Navbar and Search)
Ders
Web Sitesi (Slider)
Ders
Web Sitesi (Grid Categories)
Ders
Web Sitesi (Popular Course)
Ders
Web Sitesi (Footer)
Ders
Web Sitesi (Hamburger Menü)
Ders
🎯 AI Pratik Yap
Premium Özellik
JavaScript
35 ders
Bölüm
JavaScript Giriş, Editör Ayarları
Ders
JavaScript Kullanımında Dikkat Edilmesi Gerekenler
Ders
Değişken Tanımlama Yöntemleri
Ders
Operatörler
Ders
Veri Türleri ve Dönüşümler
Ders
Döngüler
Ders
Diziler
Ders
Koşul İfadeleri
Ders
Tarih İşlemleri
Ders
Fonksiyonlar
Ders
Scope
Ders
Event Listener
Ders
Hata Yönetimi
Ders
Dom Manipülasyonu Nedir ? Nesne Seçimleri
Ders
Event Delegation (Olay Yetkilendirme)
Ders
Event Bubbling and Capturing
Ders
Form Veri Manipülasyonu
Ders
Local Storage and Session Storega
Ders
Dom Content Loaded
Ders
Drag and Drop
Ders
Template Literals and Shadow Dom
Ders
Intersection Observer API
Ders
Mutation Observer
Ders
Slider Yapımı
Ders
Dinamik Menü Yapım
Ders
Hatırlatıcılı To-Do List
Ders
Film Arşivi
Ders
Apı Tanıtımı ve HTML yapısı
Ders
Ürün ve Kategorileri API'dan Çekmek
Ders
Kategoriye Göre Ürün Listeleme
Ders
Sepet Modal Yapımı
Ders
Sepete Ürün Ekleme
Ders
Sepet Güncelleme
Ders
Ürün Arttırma, Azaltma, Sepeti Temizleme ve Ürünleri Satın Alma
Ders
Css Düzenlemeleri
Ders
🎯 AI Pratik Yap
Premium Özellik
React
21 ders
Bölüm
React Nedir ? Kurulum Aşaması
Ders
İlk Proje Kurulumu ve Dosya Yapısı
Ders
Component Oluşturma ve İçeriği Çağırma
Ders
Props Kullanımı
Ders
State Kullanımı
Ders
Roter and Details Page
Ders
Conditional Rendering (Koşullu Render)
Ders
Form Yönetimi ve Doğrulama
Ders
Context API Kullanımı
Ders
Reactstrap ve AlertifyJS'yi Kütüphaneleri
Ders
Güncelleme ve Silme İşlemleri
Ders
Proje Kurulumu ve Data Oluşturma
Ders
Navbar Component
Ders
Router and BlogList, BlogCart Components
Ders
Categories Component
Ders
Card Details Component
Ders
RecentBlog Component
Ders
Proje kurulumu ve AuthContex
Ders
App.js Router
Ders
Get API, isLoggedIn Authentication
Ders
Get API Product
Ders
🎯 AI Pratik Yap
Premium Özellik
OOP Giriş
4 ders
Bölüm
OOP Nedir ?
Ders
OOP Temel Kavramları
Ders
Visual Studio Code Kurulumu
Ders
Temel Söz Dizimleri ve Veri Tipleri
Ders
🎯 AI Pratik Yap
Premium Özellik
OOP'nin Temel İlkeleri
5 ders
Bölüm
Class Nedir ? Neden Önemlidir ?
Ders
Inheritance (Miras) Nedir ?
Ders
Encapsulation (Kapsülleme) Nedir ?
Ders
Polymorphism (Çok Biçimlilik) Nedir ?
Ders
Abstract (Kalıtım) Nedir ?
Ders
🎯 AI Pratik Yap
Premium Özellik
Asp.Net Core MVC | BasicApp
13 ders
Bölüm
Asp.Net Core Nedir ve Nasıl Kurulur ?
Ders
Visual Studio Code Arayüz Planlaması
Ders
İlk MVC Projesi Oluşturuluyor
Ders
Routing Nedir ?
Ders
Controller Nedir ?
Ders
View Nedir ?
Ders
Model Nedir ?
Ders
Static Files and Bootstrap
Ders
Layout Nedir ?
Ders
Partial Views
Ders
Section and Route
Ders
Repository and Details
Ders
isActive and Index
Ders
🎯 AI Pratik Yap
Premium Özellik
Asp.Net Core BookApp
14 ders
Bölüm
BookApp Proje Kurulumu
Ders
Book List Index
Ders
Book List Admin
Ders
Search Input Filter
Ders
Categories Filter
Ders
ViewModel
Ders
Book Create Page
Ders
Book Create Post
Ders
Create Validation
Ders
Image Upload
Ders
Book Edit Page
Ders
Book Edit Post
Ders
Delete Book
Ders
Details Page and Index ısActive
Ders
🎯 AI Pratik Yap
Premium Özellik
Entity Framework (Veritabanı) BootcampApp Project
23 ders
Bölüm
Entity Framework Nedir ?
Ders
Entity Framework ve Proje Kurulumu
Ders
Entity Oluşturma
Ders
DbContext Oluşturma
Ders
ConnectionString
Ders
Migration Oluşturma
Ders
Katılımcı Ekleme (Get)
Ders
Katılımcı Ekleme (Post)
Ders
Katılımcı Listeleme
Ders
Katılımcı Search Input
Ders
Katılımcı Edit Sayfası (Get)
Ders
Katılımcı Edit Sayfası (Post)
Ders
Katılımcı Profil Sayfası
Ders
Katılımcı Delete With JavaScript
Ders
Database Update
Ders
Bootcamp Index and Create
Ders
Bootcamp Profile, Edit and Delete
Ders
Bootcampe Katılımcı Ekleme
Ders
Bootcampe Kaydolan Öğrenci Listesi
Ders
Katılımcı ve Bootcamp Profil Sayfalarında Kayıt Olunan Bootcamp Listesi
Ders
Veritabanı Şema Güncellemesi
Ders
Eğitmen View and Controller
Ders
Eğitmen Bootcamp Ataması
Ders
🎯 AI Pratik Yap
Premium Özellik

Eğitim Açıklaması

 

Hoş Geldiniz!

 

 

Merhaba,

Full-Stack Web Geliştirme eğitimine hoş geldiniz. Bu kapsamlı program, modern web uygulamalarını uçtan uca geliştirmek isteyen herkes için özel olarak tasarlandı. Eğitim süresince HTML, CSS ve JavaScript ile web’in temel yapı taşlarını öğrenecek; React ile dinamik ve ölçeklenebilir kullanıcı arayüzleri geliştirecek; .NET (ASP.NET Core Web API) ile güçlü, güvenli ve profesyonel backend sistemleri kurmayı adım adım öğreneceksiniz.

 

Bu kursun sonunda yalnızca bir arayüz tasarlamayı değil, gerçek bir web uygulamasının nasıl planlandığını, geliştirildiğini ve yayına alındığını tüm yönleriyle öğrenmiş olacaksınız. Kullanıcı kayıt-giriş sistemleri, rol bazlı yetkilendirme, veri tabanı tasarımı, API geliştirme, frontend-backend iletişimi ve gerçek hayatta kullanılan mimari yaklaşımlar uygulamalı olarak ele alınacaktır.

 

Eğitim, tamamen uygulamalı ve proje odaklı ilerler. Frontend tarafında HTML ile semantik yapı kurmayı, CSS ile modern ve responsive tasarımlar oluşturmayı, JavaScript ile etkileşimli web deneyimleri geliştirmeyi öğreneceksiniz. React bölümünde component mimarisi, state yönetimi, routing, API entegrasyonu ve modern frontend geliştirme pratikleri üzerinde duracağız. Backend tarafında ise ASP.NET Core Web API ile RESTful servisler geliştirecek, veritabanı işlemleri, authentication-authorization süreçleri ve güvenli veri akışını gerçek senaryolar üzerinden kuracağız.

 

Her modülde mini projeler, gerçek problem senaryoları, alıştırmalar ve ödevlerle öğrendiklerinizi pekiştireceksiniz. Eğitim boyunca yalnızca “kod yazmak” değil; neden böyle yazıyoruz, gerçek projelerde bu yapı nasıl kullanılıyor sorularına da net cevaplar bulacaksınız. Böylece tutorial bağımlılığı olmayan, kendi başına proje geliştirebilen bir geliştirici bakış açısı kazanacaksınız.

 

Program kapsamında ayrıca; veritabanı tasarımı, API dokümantasyonu (Swagger), hata yönetimi, performans ve temel güvenlik prensipleri, frontend-backend entegrasyon hataları ve deployment mantığı gibi profesyonel yazılım geliştirme süreçlerine de değinilecektir. Ek olarak, Git & GitHub ile proje yönetimi, portföy oluşturma, CV’de full-stack projeleri doğru sunma ve iş görüşmelerinde sıkça sorulan teknik konulara dair önemli ipuçları paylaşılacaktır.

 

Bu eğitim; yazılıma yeni başlayıp sağlam bir temel oluşturmak isteyenler için olduğu kadar, frontend veya backend tarafında bilgisi olup full-stack geliştirici seviyesine geçmek isteyenler için de uygundur. Hedefimiz; sizi modern web teknolojilerine hâkim, problem çözme yeteneği güçlü ve gerçek projelerde çalışabilecek seviyede bir full-stack web geliştirici haline getirmektir.

 

Hazırsanız, editörünüzü açın, ilk HTML dosyanızı oluşturun ve bu yolculuğa birlikte başlayalım. Bu eğitim; yalnızca bir kurs değil, sizi profesyonel web geliştirme dünyasına hazırlayan güçlü bir başlangıç olacak. Ek olarak, güncel projeler, mini sınavlar, ödev geri bildirimleri ve topluluk desteğiyle öğrenme sürecinizi sürekli destekleyeceğiz; soru-cevap oturumlarıyla birlikte.

Bu eğitim kimler için?

  • Bu alana yeni başlayanlar
  • Proje ile öğrenmek isteyenler
  • Gerçek senaryolarla ilerlemek isteyenler

Neler kazanacaksın?

  • Adım adım yapılandırılmış içerik
  • Tekrar izlenebilir dersler