LARAVEL AND VUE.JS EĞİTİMİ

Laravel ve Vue ile tam yığın geliştirme

Laravel API, Sanctum doğrulama ve Vue.js SPA'yı Inertia ve Vite ile tek projede birleştirin

Laravel and Vue.JS Eğitimi, PHP tabanlı Laravel arka ucu ile Vue.js arayüzünü tek bir tam yığın uygulamada birleştirmeyi öğretir. Program Eloquent ORM, migration ve API Resource ile REST uç noktalarıyla başlar; Vue bileşenleri, Vue Router, Pinia ve axios ile…

3 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Eloquent ve API kaynaklarından Pinia durumuna, Sanctum oturumundan Vite derlemesine tam yığın akış

Laravel and Vue.JS Eğitimi, PHP tabanlı Laravel arka ucu ile Vue.js arayüzünü tek bir tam yığın uygulamada birleştirmeyi öğretir. Katılımcılar Eloquent ORM, migration, API Resource ve controller ile REST uç noktaları yazar; Sanctum ile token ve oturum tabanlı kimlik doğrulama kurar. Arayüz tarafında Vue bileşenleri, Vue Router, Pinia durum yönetimi ve axios ile veri alışverişi işlenir. Inertia.js ile monolitik SPA yaklaşımı ve Vite ile derleme adımlarıyla program tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; Laravel API ile başlayan bir uygulama üç gün boyunca Vue arayüzü, kimlik doğrulama ve yayınla uçtan uca tamamlanır.

Seviye

Orta Seviye — Laravel API arka ucu ile Vue.js arayüzünü uçtan uca birleştiren tam yığın geliştirme

Öğrenme Metodu

Gerçek bir görev yönetimi uygulaması üç gün boyunca API'den arayüze kurulur; her modülde yazılan kod çalıştırılıp tarayıcıda test edilir.

Neden Bu Eğitim?

🔗Tam yığın yetkinlik

Arka uç ve arayüzü tek projede birleştirerek bir özelliği veritabanından tarayıcıya kadar baştan sona geliştirme becerisi kazanırsınız.

⚡Hızlı geliştirme

Laravel'in hazır yapıları ve Vue'nun reaktif bileşenleriyle az kodla hızlı, bakımı kolay uygulamalar üretirsiniz.

🔐Güvenli mimari

Sanctum ile token ve oturum doğrulama, CSRF koruması ve yetkilendirmeyle güvenli bir istemci-sunucu iletişimi kurarsınız.

Anahtar Konular

laravel vue eğitimilaravel eğitimivue js eğitimitam yığın eğitimilaravel api eğitimiinertia js eğitimilaravel sanctumphp vue kursufull stack eğitimilaravel vue kursu
“İyi bir tam yığın geliştirici, arka ucun gücü ile arayüzün akıcılığını tek bir deneyimde buluşturarak kullanıcıya kusursuz bir uygulama sunar.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve kurulum gereksinimleri

1
PHP ve Laravel temeli

Rota, controller ve Blade gibi temel Laravel kavramlarına ve PHP söz dizimine aşinalık beklenir.

2
JavaScript bilgisi

Modern JavaScript (ES6+), fonksiyon, modül ve asenkron kavramlarına hakimiyet Vue tarafında faydalı olur.

3
Veritabanı temeli

İlişkisel veritabanı, tablo ve basit SQL sorgusu bilgisi Eloquent ve migration konularında işe yarar.

4
Geliştirme ortamı

PHP, Composer, Node.js, npm ve bir veritabanı (MySQL) kurulu; Laravel projesi çalıştırılabilir olmalıdır.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı Eloquent modelleri, migration ve ilişkileri tanımlar; controller ve API Resource ile JSON dönen REST uç noktaları yazar ve route üzerinden sunar.
Modül 1
Proje Kurulumu ve Yapı
  • Composer ile Laravel projesinin oluşturulması
  • Klasör yapısı ve .env ile ortam yapılandırması
  • Artisan komutlarıyla iş akışının hızlandırılması
  • Veritabanı bağlantısı ve migration çalıştırma
  • Route, controller ve servis katmanı ayrımı
  • Laravel yaşam döngüsü ve istek akışının kavranması
Modül 2
Eloquent Model ve Migration
  • Migration ile tablo şeması ve sütun tanımı
  • Model tanımı, fillable ve cast özellikleri
  • hasMany, belongsTo ilişkilerinin kurulması
  • Seeder ve factory ile örnek veri üretimi
  • Eager loading ile N+1 sorgu sorununu önleme
  • Soft delete ve zaman damgası yönetimi
Modül 3
Controller ve API Rotaları
  • api.php ile RESTful rota tanımları
  • Resource controller ile CRUD iş akışı
  • Form Request ile doğrulama kurallarının ayrılması
  • Rota gruplama ve middleware uygulaması
  • HTTP durum kodları ve tutarlı yanıt yapısı
  • Route model binding ile otomatik çözümleme
Modül 4
API Resource ve Dönüşüm
  • API Resource ile model-JSON dönüşümü
  • ResourceCollection ile liste yanıtları
  • Sayfalama (pagination) ile büyük veri dönüşü
  • İlişkili verinin koşullu olarak dahil edilmesi
  • Hata yanıtlarının standart biçimde döndürülmesi
  • API sürümleme ve uç nokta tasarımı ilkeleri
Günün hedefiKatılımcı Vue bileşenleriyle arayüzü kurar, Vue Router ile sayfalar arası geçişi yönetir, Pinia ile durumu saklar ve axios ile Laravel API'den veri çeker.
Modül 1
Vue Bileşen Mimarisi
  • Single File Component yapısı ve script setup
  • ref ve reactive ile reaktif durum tanımı
  • props ile veri alma ve emit ile olay yayma
  • computed ve watch ile türetilmiş durum
  • v-for ve v-if ile liste ve koşullu render
  • Bileşen bölme ve yeniden kullanım tasarımı
Modül 2
Vue Router ile Yönlendirme
  • Rota tanımı ve router-view yerleşimi
  • Dinamik parametreli rota ve route params
  • Programatik gezinme ve router-link kullanımı
  • İç içe (nested) rota ile düzen bileşenleri
  • Navigation guard ile erişim kontrolü
  • Lazy loading ile rota bazlı kod bölme
Modül 3
axios ile API İletişimi
  • axios örneği ve temel URL yapılandırması
  • GET, POST, PUT, DELETE isteklerinin yazılması
  • Interceptor ile token ve hata yönetimi
  • Yükleniyor ve hata durumlarının arayüze yansıtılması
  • Form verisinin API'ye gönderilmesi ve yanıt işleme
  • CORS ve kimlik bilgisi (credentials) ayarları
Modül 4
Pinia ile Durum Yönetimi
  • Store tanımı, state, getters ve actions
  • API çağrısının action içinde yönetilmesi
  • Bileşenler arası paylaşılan durumun saklanması
  • Durumun arayüze reaktif olarak bağlanması
  • Oturum ve kullanıcı bilgisinin store'da tutulması
  • Store'un modüler biçimde organize edilmesi
Günün hedefiKatılımcı Sanctum ile kimlik doğrulama kurar, Inertia.js ile monolitik SPA yaklaşımını uygular ve Vite ile derleyip uygulamayı yayına alma adımlarını tamamlar.
Modül 1
Sanctum ile Kimlik Doğrulama
  • Sanctum kurulumu ve SPA oturum yapılandırması
  • Kayıt, giriş ve çıkış uç noktalarının yazılması
  • Token tabanlı ve çerez tabanlı doğrulama ayrımı
  • CSRF koruması ve güvenli istek akışı
  • auth middleware ile korumalı rotalar
  • Oturum durumunun arayüzde yönetilmesi
Modül 2
Yetkilendirme ve Politikalar
  • Gate ve Policy ile yetki kurallarının tanımı
  • Rol ve izne göre erişim kontrolü
  • Controller içinde yetki doğrulaması
  • Arayüzde yetkiye göre öğe gösterimi
  • 403 ve 401 yanıtlarının ele alınması
  • Kaynak sahipliğine dayalı erişim denetimi
Modül 3
Inertia.js ile Monolitik SPA
  • Inertia adaptörünün Laravel ve Vue tarafında kurulumu
  • Controller'dan Inertia sayfa bileşeni döndürme
  • Form helper ile doğrulama ve gönderim
  • Paylaşılan veri (shared props) ile ortak durum
  • Sunucu yönlendirmesiyle SPA deneyimi
  • API SPA ile Inertia yaklaşımının karşılaştırılması
Modül 4
Vite Derlemesi ve Dağıtım
  • Vite yapılandırması ve geliştirme sunucusu
  • Hot module replacement ile hızlı geliştirme
  • Üretim derlemesi ve varlık (asset) yönetimi
  • Ortam değişkenleri ve yapılandırma ayrımı
  • Sunucuya dağıtım ve migration çalıştırma
  • Önbellek, kuyruk ve performans ayarları

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Laravel API

Eloquent, migration ve API Resource kullanarak JSON dönen, sayfalamalı ve doğrulanan RESTful uç noktaları yazabilirsiniz.

✅
Eloquent ilişkileri

Model ilişkilerini kurar, eager loading ile sorguları optimize eder ve veritabanı erişimini verimli hale getirirsiniz.

✅
Vue bileşenleri

Script setup ile reaktif bileşenler tasarlar, props ve emit ile veri akışını yönetir ve yeniden kullanılabilir arayüz kurarsınız.

✅
Yönlendirme

Vue Router ile dinamik rotaları, iç içe düzenleri ve navigation guard ile erişim kontrolünü yapılandırabilirsiniz.

✅
API tüketimi

axios ile Laravel API'den veri çeker, interceptor ile token ve hataları yönetir, durumları arayüze yansıtırsınız.

✅
Pinia durumu

Pinia store ile paylaşılan durumu, oturum bilgisini ve API çağrılarını düzenli ve reaktif biçimde yönetebilirsiniz.

✅
Kimlik doğrulama

Sanctum ile token ve oturum tabanlı doğrulama, CSRF koruması ve politika temelli yetkilendirme kurarsınız.

✅
Inertia ve yayın

Inertia.js ile monolitik SPA kurar, Vite ile derler ve uygulamayı migration ve varlık yönetimiyle yayına alırsınız.

Kimler İçin Uygundur?

  • Laravel ile arka uç geliştirmiş ve modern bir arayüz katmanı eklemek isteyen PHP geliştiricileri
  • Vue bilip tam yığın yetkinlik kazanmak isteyen ön yüz geliştiricileri
  • tek çatıda SPA kurmak isteyen yazılımcılar için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Laravel ile arka uç geliştirmiş ve modern bir arayüz eklemek isteyen PHP geliştiricileri, Vue bilip tam yığın yetkinlik kazanmak isteyen ön yüz geliştiricileri ve tek çatıda SPA kurmak isteyen yazılımcılar için uygundur. Temel PHP, Laravel ve JavaScript bilgisi beklenir.
Vue API SPA mı yoksa Inertia yaklaşımı mı işleniyor?
Eğitimde her iki yaklaşım da ele alınır. Önce axios ile Laravel API'yi tüketen ayrık bir Vue SPA kurulur; ardından Inertia.js ile sunucu yönlendirmeli monolitik SPA yaklaşımı uygulanır. İki modelin avantajları karşılaştırılır ve projeye uygun seçimin nasıl yapılacağı örneklerle gösterilir.
Kimlik doğrulama nasıl kuruluyor?
Kimlik doğrulama Laravel Sanctum ile kurulur. Hem SPA için çerez ve oturum tabanlı doğrulama hem de token tabanlı yaklaşım işlenir; CSRF koruması, korumalı rotalar ve politika temelli yetkilendirme uygulanır. Giriş, kayıt ve çıkış akışı arayüz tarafında Pinia ile yönetilir.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Gerçek bir görev yönetimi uygulaması API'den arayüze uçtan uca kurulur, yazılan kod çalıştırılıp test edilir. Yüz yüze veya online yapılabilir ve içerik kurumun kullandığı Laravel sürümü ve proje yapısına göre uyarlanabilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve uçtan uca geliştirilen örnek tam yığın uygulamayı belgeler; kurumsal gruplara mevcut Laravel projeleri üzerinden uygulamalı değerlendirme ile genişletilebilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. Laravel and Vue.JS Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
KonuVue.js
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

Vue.jsGelişmiş Vue.js Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Gelişmiş Vue.js Eğitimi

4 günİleriOnline / Yüz Yüze / Hibrit

Reaktivite içleri, composable, ileri bileşen desenleri, Pinia, Vue Router, TypeScript ve Vitest testi ile Vue 3'te usta düzeyi kazandıran ileri eğitim.

Detayları Gör →
Vue.jsGelişmiş Vue.js: Ölçeklenebilir Uygulamalar ve Optimizasyon Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Gelişmiş Vue.js: Ölçeklenebilir Uygulamalar ve Optimizasyon Eğitimi

3 günİleriOnline / Yüz Yüze / Hibrit

Büyük Vue uygulamalarında modüler mimari, kod bölme, reaktivite maliyeti, SSR ve Core Web Vitals optimizasyonunu uygulamalı öğreten ileri eğitim.

Detayları Gör →
Vue.jsJavascript ve Vue.js için Başlangıç Seviye Kursu Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Javascript ve Vue.js için Başlangıç Seviye Kursu Eğitimi

2 günBaşlangıçOnline / Yüz Yüze / Hibrit

Modern JavaScript temellerinden Vue 3 reaktivitesine uzanan başlangıç kursu: değişken, fonksiyon, ES6, async ve Vue bileşenleriyle sıfırdan öğrenin.

Detayları Gör →
Vue.jsMicro-Frontendleri Vue.js ile Oluşturma Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Micro-Frontendleri Vue.js ile Oluşturma Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Module Federation ve single-spa ile Vue micro-frontend mimarisi kurmayı, bağımlılık paylaşımı, MFE iletişimi ve bağımsız dağıtımı öğreten eğitim.

Detayları Gör →
Vue.jsNuxt SEO Ustalık Kursu Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Nuxt SEO Ustalık Kursu Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Nuxt ile teknik SEO eğitimi: SSR render stratejileri, useSeoMeta, JSON-LD structured data, sitemap, çok dilli SEO ve Core Web Vitals optimizasyonu.

Detayları Gör →
Vue.jsVue.js: Component Communication & Routing Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Vue.js: Component Communication & Routing Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Vue.js bileşen iletişimi ve yönlendirme eğitimi: props, emit, v-model, provide/inject, slot, scoped slot ve Vue Router ile çok sayfalı uygulama mimarisi.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn