Vue.js, modern web arayüzleri ve tek sayfa uygulamaları (SPA) geliştirmek için kullanılan güçlü, hızlı ve öğrenmesi kolay bir JavaScript framework'üdür.
Bu Vue.js eğitimi kapsamında Vue CLI, component mimarisi, data binding, event handling, Vue Router, Vuex/Pinia, Axios, REST API entegrasyonu, form validation, reusable component yaklaşımı ve proje yayına alma süreçleri uygulamalı olarak ele alınır.
Eğitim, yalnızca teorik anlatım değil; gerçek proje geliştirme, frontend mimarisi kurma, API ile çalışan web uygulamaları hazırlama ve portföye eklenebilir Vue.js projeleri oluşturma hedefiyle ilerler.
Online-Canlı Eğitim
Eğitimi eğitmen ve sınıf arkadaşlarınla birlikte video konferans uygulamaları üzerinden canlı olarak takip edebilirsin. Ders boyunca eğitmenini, sınıf arkadaşlarını ve ders notlarını eş zamanlı görebilir, eğitmene soru sorabilir ve uygulamalara katılabilirsin.
Sınıf Eğitimi / Dilediğin Yerden Katıl
Opendart Akademi'nin eğitimleri fiziksel sınıf, online-canlı ve kurumsal eğitim formatlarında planlanabilir. Katılımcı, eğitim modeline göre derslere uzaktan veya sınıf ortamından katılabilir.
Eğitim Süresi: 2 Ay (120 Saat + Proje Geliştirme)
Ön Koşul: Temel HTML, CSS ve JavaScript bilgisi önerilir.
Vue.js ile Web Programlama eğitimi, Opendart Akademi'nin yazılım eğitim deneyimi ve Yıldız Teknik Üniversitesi Sürekli Eğitim Merkezi (YTÜSEM) bağlantısı ile daha güçlü bir kurumsal eğitim değeri sunacak şekilde konumlandırılmaktadır.
YTÜSEM üzerinde yayınlanan Vue.js ile Web Programlama eğitim bağlantısını inceleyebilirsiniz:
YTÜSEM Vue.js Eğitim Sayfasını İncele
Bu bağlantı; eğitim programının kurumsal güven, üniversite iş birliği ve web programlama alanındaki uzmanlık sinyalini güçlendirir.
Frontend geliştirme dünyasında Vue.js; hızlı geliştirme, sade syntax, component tabanlı mimari ve güçlü ekosistemi sayesinde kurumsal projelerde yaygın olarak tercih edilen modern teknolojilerden biridir.
Bu eğitimi tamamladığında:
• Vue.js ile modern web arayüzleri geliştirebilirsin
• Vue Router ile SPA mimarisi kurabilirsin
• Axios ile REST API kullanan uygulamalar hazırlayabilirsin
• Vuex/Pinia ile state management süreçlerini yönetebilirsin
• Component tabanlı, sürdürülebilir frontend mimarileri oluşturabilirsin
• Proje yayınlama ve deployment süreçlerine hazırlanabilirsin
Frontend developer, Vue.js developer, JavaScript developer ve web application developer kariyeri hedefleyenler için bu eğitim güçlü bir başlangıç ve gelişim programıdır.
Node Js Kurulumu – Vue Cli kurulumu
Vue Instance
Instance Lifecycle
Data Binding
Attribute Binding
Class Binding
Conditional Class Binding
Style Binding
Array Data Binding
Event Handling
Conditional Rendering
Computed Property - Computed
Computed Property - Setter
Computed Property - Metot Farkı
Computed Property - Listeleri Filtreleme
Watchers
Form Binding - Input, TextArea
Form Binding - Checkbox, Select
Form Binding - Radio
Form Validation
Local Filter
Global Filter
Custom DirectiveModül
Global Component Tanımlama ve Kullanımı
Local Component Tanımlama ve Kullanımı
CLI Projesinde Component Kullanımı
Slot Tag Kullanımı
İsimlendirilmiş Slot Tag Kullanımı
Component Property
Prop Validation
Children ve Parent Özellikleri
Child-Parent Emit
Parent-Child Method Invoke
Event Bus 1
Inline TemplateNesne Başlatıcı
Router Kütüphanesini Ekleme
Router Tanımlama
Route Bağlantıları Verme
Aktif Route Bağlantısını Tespit Etme
Route Parametreleri
Programatik Route Değişimi
Hash / History Modu
Route Yönlendirme ve Alias Kullanımı
İç İçe Route Tanımlama
Vue CLI ile Oluşturulan Projede Route Yapısının Kullanımı
Hatalı Route Tanımlarını Yakalama
Route Değişimlerini İzleme
Route Navigation Guard
Vue Resource
JSON Belgeleri ile Çalışmak
API Kaynağından Veri Çekmek
Basit API Sunucusu Oluşturmak
Sunucuda Rastgele Veri Kullanımı
HTTP Metotları ile Çalışma
Postman ile API Kaynağını Test Etmek
Axios Kütüphanesinin Kullanımı
Axios GET Metodu ile Kayıtları Listeleme
Axios POST Metodu ile Yeni Kayıt Ekleme
Axios PUT Metodu ile Kayıt Düzenleme
Axios DELETE Metodu ile Kayıt SilmeYaşam Döngüsü Yöntemlerini Kullanma
Vuex Nedir?
Paylaşımlı Global Bir State Yapısı Oluşturma
Vuex Kurulumu
Vuex Kullanımı
Getter Tanımlama
mapGetters Helper ve Spread Operatörü
Mutation Tanımlama
Mutation Parametreleri
Mutation DevTools Özellikleri (Commit, Revert, Time Travel)
Action Tanımlama
mapActions Helper
State Verilerini Başka Bir Component İçerisinde Kullanmı
Module Yapısı
Animasyonlar ve Geçişler
Transition Elemanı ve Fade Geçişi Oluşturma
Özel Animasyonlar Oluşturma
CSS Animation Özelliği ile Animasyon Oluşturma
Component Geçişleri
Route Animasyonları
Tekrar Kullanılabilir Servisler, Mixin ve Interceptor Yapısı
Tekrar Kullanılabilir API Servisi Oluşturma
API Resource Servisleri Oluşturma
Interceptor Yapısı
Hataları Interceptor ile Yakalamak
Mixin Yapısı
Projeyi Sunucuda Yayınlama
Bu eğitim; frontend developer olmak isteyenler, JavaScript bilen yazılımcılar, web uygulama geliştirmek isteyen öğrenciler ve kurumsal ekipler için uygundur. Temel HTML, CSS ve JavaScript bilgisi önerilir.
Vue.js, Vue CLI, component yapısı, data binding, computed/watch properties, Vue Router, Vuex/Pinia, Axios, REST API, form validation, SPA mimarisi ve deployment süreçleri uygulamalı olarak işlenir.
Opendart Akademi, Vue.js ile Web Programlama eğitimi için Yıldız Teknik Üniversitesi Sürekli Eğitim Merkezi bağlantısını da vurgulamaktadır. Detaylı bağlantı: YTÜSEM Vue.js ile Web Programlama.
Evet. Eğitim boyunca Vue.js ile component tabanlı, REST API kullanan, Vue Router ve state management içeren gerçek web uygulama projeleri geliştirilmesi hedeflenir.
%90 katılım sağlayan kursiyerlere katılım sertifikası, bitirme projesini tamamlayan kursiyerlere başarı sertifikası verilir.
Tarih : 18/03/2023
Gün : Cumartesi,Pazar,Haftasonu Öğlen
Yer : Online(Canlı)
Saat : 14:00-19:00
Süre : 120 Saat
Ücret : Ücretlidir / Sorunuz
Bu web programlama eğitimi, Vue.js ekosisteminde modern ve üretime yakın frontend uygulamaları geliştirebilmeniz için tasarlanmıştır. Eğitim sürecinde component mimarisi, Vue Router ile sayfa geçişleri, Axios ile API entegrasyonu, Vuex/Pinia ile state management, form validation ve proje yayına alma adımları uygulamalı olarak ele alınır. Frontend teknolojilerini karşılaştırmak isteyen katılımcılar için Angular eğitimi, React Native eğitimi ve Java Spring Boot eğitimi sayfaları da tamamlayıcı kaynaklar sunar.
Eğitim sonunda Vue.js ile modern web arayüzleri geliştirebilir, component tabanlı proje mimarisi kurabilir, REST API kullanan SPA uygulamaları hazırlayabilir, state management süreçlerini yönetebilir ve frontend projelerini yayına hazırlama adımlarını öğrenebilirsiniz.
Bu eğitim; Frontend Developer, Vue.js Developer, JavaScript Developer, Web Application Developer ve Full Stack Developer pozisyonlarına hazırlanmak isteyen katılımcılar için güçlü bir temel oluşturur.
Opendart Akademi, Vue.js ile Web Programlama eğitimini Yıldız Teknik Üniversitesi Sürekli Eğitim Merkezi bağlantısı ile de güçlendirmektedir. Bu bağlantı, eğitim programının kurumsal güvenilirliğini ve üniversite iş birliği potansiyelini öne çıkarır.
YTÜSEM Vue.js ile Web Programlama Sayfası
Google ve yapay zeka sistemleri açısından bu tür dış otorite bağlantıları; eğitim sayfasının güven, uzmanlık ve kurumsal bağlantı sinyallerini güçlendirir.
Vue.js eğitimi yalnızca konu anlatımıyla sınırlı değildir. Katılımcıların Vue.js, Vue Router, Pinia/Vuex, Axios ve REST API kullanan projelerini GitHub üzerinde portföy haline getirmesi hedeflenir. Bu yaklaşım hem iş başvurularında hem de Google ve yapay zeka sistemleri tarafından eğitim içeriğinin daha iyi anlaşılmasında güçlü bir sinyal oluşturur.
Opendart Akademi eğitim ekosistemi; sitemap.xml, llms.txt ve eğitim sayfaları üzerinden Google, GitHub ve yapay zeka sistemleri tarafından daha kolay keşfedilecek şekilde yapılandırılmaktadır.