VueJS ile Web Programlama

Eğitim Hakkında:

Eğitim sonunda VueJS programlama dilini  öğrenerek, Web  teknolojilerinde uzmanlaşarak, Bireysel ve  Kurumsal her türlü web uygulaması geliştirme becerisine ve deneyimine sahip olacaksınız. Egitim boyunca ornekler Visual Studio Code ile en guncel javascript kütüphane versiyonları kullanılarak yapılacaktır. Bir E-Ticaret uygulamasını ödeme yöntemleri ile entegre ederek geliştireceksiniz.

Eğitim İçeriği:

VueJS Diline Giriş - (30 Saat)

• 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ı
• Watchers
• Form Binding - Input, TextArea
• Form Binding - Checkbox, Select
• Form Binding - Radio
• Form Validation
• Local Filter
• Global Filter

Nesneye Yönelik Programlama (Object Oriented Programing) - (30 Saat)

• Javascript Object Oriented Programming(Variables, function)
• Miras alma (Inheritance)
• Tuples ve Optional Kavramları
• Sınıflar(Classes) ve Nesneler (Objects)
• Prototype Kullanımı
• Sınıflar arası ilişkiler (Composition,Aggregation is-a has-a kavramları)
• Encapsulation Nedir
• Polymorphism
• Object Casting
• Yazılım Prensipleri, Solid Nedir Kavramları

VueJS  PIPE - Directive (30 Saat)

• Array,Map
• Pipe, Lowercase pipe, titlecase pipe, Uppercase Pipe,
• Date pipe, Curreny pipe, json pipe,slice pipe
• @Input, @Output, @ViewChield
• Custom Directive Modül (v-bind, v-on, v-once,v-html,v-model, watch- two-way-binding)
• Form, Reactive Form, Validator, Custom Validator

RxJS – HTTP - Observable - (30 Saat)

• Fetch API Kullanımı
• 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 Silme
• Yaşam Döngüsü Yöntemlerini Kullanma

Yetkilendirme - Yayınlama - (30 Saat)

• Routing Nedir?
• 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
• Vuex Durum Yönetimi
• 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 Yayınlama

Detaylı bilgi için OpenDart  sertifika programı sayfasını inceleyebilirsiniz.

info@opendart.com 

0212 352 05 22 - 0530 244 98 94