Description
Nereye bakarsanız bakın (Google Trendleri, Github ‘da Star, Tweet sayısı…) VueJS javascript Framework dünyasında yükselen bir değer. VueJS inanılmaz bir Framework!!
Frontend Frameworkleri, bize Reactivity verdiği için inanılmaz popüler. Mobil Uygulamalardan bildiğimiz mükemmel kullanıcı deneyimi, artık bu frameworkler sayesinde bu mükemmel kullanıcı deneyimi tarayıcılarda da mümkün. Şüphesiz ki Frontend dünyasında en fazla ücret ödenen geliştiriciler, bu tarz javascript Framework’lerine ( VueJS gibi ) hakim olan geliştiriciler. Bundan dolayı javascript Framework'leri bu alanda çok değerli.
Angular2 ya da ReactJS biliyor olabilirsin, VueJS bu iki framework’ün en iyi özelliklerini kendi bünyesinde birleştirir. Ayrıca VueJS ile küçük Widget tasarımından büyüğüne, Enterprise Seviyesinde uygulama geliştirebilirsin ve bunu yaparken VueJS’ in oldukça kolay yapısıyla eğlenebilirsin.
Eğer bu 2 framework hakkında bir bilgin yoksa da endişelenme sakın. Çünkü bu kurs diğer iki framework ile ilgili herhangi bir bilgi içermiyor. Kurs içerisinde VueJS’i sıfırdan öğrenmeye başlayıp, VueJS uzmanı olana kadar kodlamaya devam edeceğiz.
Kursun İçinde;
-
VueJS nedir? Nasıl Ortaya Çıktı? Neden Kullanılır?
-
DOM etkileşimleri
-
Koşullar ve Liste Render İşlemleri
-
Dinamik CSS ve Style İşlemleri
-
Derinlemesine Vue Instance
-
Development Server
-
Webpack
-
Component Yapısı
-
Component'ler Arası İletişim
-
Gelişmiş Component Kullanımı
-
Directive Kullanımı
-
Filter ve Mixin ile Çalışmak
-
Animation ve Transition
-
Vue Resource ile HTTP Request Yönetimi
-
Vue Router ile Single Page Application Yapımı (SPA)
-
Vuex ile State Management
-
AWS üzerinde uygulamayı Deploy etmek
-
Axios ile HTTP Request Yönetimi
-
Vuelidate ile Input Validation
-
VueJS Uygulamalarında Auth İşlemleri
-
VueJS ile Firebase Kullanımı
ve çok daha fazlasını detaylı bir şekilde öğreniyoruz. Ayrıca Kurs içinde seni hemen hemen her bölümde en az 1 tane ödev bekliyor. Ödevler seni, öğrendiklerini daha iyi pratik yapman ve VueJS konseptini daha iyi öğrenmen için oldukça önemlidir.
Tabiki sadece ödevlerle kursumuz bitmiyor. Kurs boyunca birbirinden güzel ve eğlenceli, öğretici 6 uygulama yapıyoruz. Bunlar;
geliştiriyoruz. Bu kadar içerik varken neden hala kursun açıklamalarına bakıyoruz :) Hadi hemen kursa katıl ve VueJS'in sayısız avantajlarından yararlanıp, geliştiriciler arasında 1 adım öne çıkmaya hemen başlayalım!!
######### Bu Kurs senin için mi? #########
Bu kurs hakkında eğer bir bilgi varsa, bir bakalım bu kurs senin için mi?
Bu kursa aşık olacak 4 tip öğrenci vardır:
1.Öğrenci:
Biraz javascript tecrübesine sahip olan ve javascript ile neler yapılabileceğine karşı ilgisi olan. javascript’in güzel Web Uygulamalarını yapabildiğini ve varolan Web Sayfalarının özelliklerini yükseltebildiğini duymuş ve okumuş olan. VueJS senin tercihin :)
2.Öğrenci:
Diğer Frontend Framework’leri (Angular2 veya ReactJS) hakkında tecrübesi olan ancak bu frameworkler’den kaynaklı olarak hayal kırıklığı yaşan ve alternatif arayan. VueJS senin aradığın olabilir.
3.Öğrenci:
Backend Framework ya da dilleriyle tecrübesi olan ama Frontend dünyasına girmek isteyen. VueJS mükemmel bir seçim. VueJS çok eğlenceli bir framework’dür. Native JS kullanır ve oldukça güçlüdür.
4.Öğrenci:
Angular 2 seni hayal kırıklığına mı uğrattı. Bir Framework’ün 2 saat kurulum aşaması iyi midir? Bence değildir. İşte VueJS bunu size kanıtlayacaktır :)
Hadi VueJS’ e derinlemesine girelim!
Bu kurs kimler için uygun:
- Bu kurs, Frontend Development ve Önemli Frontend Framework'lerine karşı ilgisi olan herkes için
- Tarayıcı üzerinde Reaktif uygulamalar geliştirmek istiyorsan bu kurs senin için
- Bu kurs, Angular2' den daha basit bir başlangıç ile Native javascript Framework'ü kullanmak isteyen herkes için
- Bu kurs, Angular2 ve ReactJS' den memnun olmayan herkes için
Course content
- Başlangıç
- Kurs Tanıtımı
- Vue.js Nedir? Neden Vue.js Kullanmalıyız?
- Vue, React, Angular Kıyaslaması
- İlk Vue.js Uygulamamızı oluşturalım
- Vue.js Uygulamamıza devam edelim
- Kurs Yapısı
- Kurs Kaynakları hakkında
- Vue.js’ i lokal olarak kullanmak
- Telegram Grubu ve Canlı Yayın!
- Bölüm Kaynakları ve Yararlı Linkler
- Vue.js ile DOM Etkileşimleri
- Bölüm Tanıtımı
- VueJS Template yapısını kavrayalım
- VueJS Template Syntax ve Vue instance birlikte nasıl çalışır?
- Vue instance içerisindeki data property bilgilerine ulaşmak
- Attribute Bind İşlemi
- Directive Kullanımı
- v-once ile re-render işlemini engellemek
- HTML kodlarını Vue.js üzerinden ekrana basmak
- Ödevler ile ilgili Hatırlatma
- Pratik Zamanı - Template' e Veri Yazdırmak
- VueJS ile Event Dinlemek
- Event Objesinden Event verisini almak
- Event içerisinde argüman göndermek
- Event Modifier
- Klavye Event'leri
- Pratik Zamanı - Events
- Template içerisinde javascript Kodu yazmak
- Two-way Data Binding (İki Yönlü Veri İletişimi)
- Computed Properties ile Değişikliklere Karşılık Vermek!
- Computed Properties ‘ e alternatif Watch!
- Kısaltmalarla zaman kazanalım
- Pratik Zamanı - Reactive Properties
- CSS Classlarıyla Dinamik Stil İşlemleri | Temelleri
- CSS Classlarıyla Dinamik Stil İşlemleri | Object Kullanımı
- CSS Classlarıyla Dinamik Stil İşlemleri | Name Kullanımı
- CSS Classları olmadan dinamik olarak Stil işlemleri
- Elementleri Array Syntax ile Stillendirme İşlemi
- Pratik Zamanı - Style İşlemleri
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Koşul Kullanımı ve Listeleri Render Etmek
- Bölüm Tanıtımı
- v-if ile koşul eklemek (Template)
- v-show kullanımı (v-if alternatifi)
- v-if ile v-show arasındaki fark
- v-for ile listeleri render etmek
- Aktif index numarasını almak
- v-for ile aynı seviyedeki elementleri Template ile döndürmek
- v-for ile object verilerini döndürmek
- v-for ile belirli sayıda döngü kurmak
- v-for kullanırken elementlerin izini sürmek (v-bind:key)
- Pratik Zamanı - Koşullar ve Listeler
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- İlk Proje | Canavar Avı Oyunu
- Bölüm Tanıtımı
- Ortamın Hazırlanması ve instance tanımlamaları
- Butonların kodlanması
- Health bilgilerinin gösterilmesi
- Progressbar dinamikleştirme | Style Binding
- Watch ile Health İzleme
- Oyunu tekrardan başlatalım
- Log mantığının yapımı
- Logların Stillendirilmesi | Class Binding
- Yeni oyunla beraber eski logların silinmesi
- Kod Optimizasyonu (Opsiyonel)
- Bölüm Sonu
- Bölüm Kaynakları ve Açıklamalar
- VueJS Instance Nedir? Kavrayalım
- Bölüm Tanıtımı
- VueJS Instance ile ilgili bazı temel bilgiler
- Birden fazla Vue Instance ile çalışmak
- Vue Instance ‘ a dışarıdan ulaşmak
- VueJS Data ve Method Verilerini Nasıl Yönetir?
- $el ve $data objelerine daha yakından bakalım
- Template içinde $refs kullanımı
- Vue API Hakkında
- Template Mount Etme İşlemi
- Component Kullanımı
- String Template’ın kullanımındaki Limitler
- VueJS DOM’u nasıl Günceller? VueJS ile DOM Etkileşimi
- VueJS Instance için Yaşam Döngüsü (LifeCycle)
- Pratikte LifeCycle
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Webpack ve Vue CLI ile Gerçek Geliştirme Ortamına Geçiş
- Bölüm Tanıtımı
- Neden Development Server’a ihtiyacımız var?
- Development Workflow Ne demek?
- Proje Oluştururken Vue CLI Kullanımı
- Vue CLI kurulumu ve Yeni Proje Oluşturmak
- Webpack Template Klasör Yapısı
- .vue dosyalarının incelemesi
- Vue Dosyalarının içindeki Object Nedir?
- Production için Uygulamayı Derlemek
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Component Yapısına Giriş
- Bölüm Tanıtımı
- Component yapısına giriş
- Component içinde Data Metodu ile Veri Depolama
- Component’leri Local ve Global olarak Kayıt Etmek
- App.vue dosyası içindeki Root Component
- Component Oluşturmak
- Component Kullanımı
- Pratik Zamanı - Component
- Klasör yapısını daha iyi hale getirelim!
- Component Etiketlerini isimlendirme işlemi (Seçiciler)
- Component Style Scope İşlemi
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Component'ler Arası İletişim
- Bölüm Tanıtımı
- İletişim Problemleri
- Parent => Child Arası iletişim (Props)
- Props verilerini isimlendirme hakkında (Case Sensitive)
- Child Component içinde props kullanımı (Method içinde)
- Props Validation
- Child => Parent Arası iletişim (Custom Events)
- Component İletişimi
- Sibling Child arası iletişim Child1 => Parent => Child2
- Event Bus Kullanımı
- Event Bus ile İletişimi Birleştirmek
- Pratik Zamanı - Component’ler arası İletişim
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Gelişmiş Component Kullanımı
- Bölüm Tanıtımı
- Bölüm Projesi Ayarları
- İçerik Göndermek | İdeal Olmayan
- Slot ile İçerik Göndermek
- Named Slots ile İçerikleri Ayrıştırmak
- Default Slot ve Slot Defaults
- Slot hakkında kısa bir özet
- Birden fazla component arasında dinamik olarak switch işlemi
- Dinamik component’lerin davranışını anlayalım!
- Dinamik component’leri Canlı tutmak (keep-alive)
- Dinamik Component'lerde LifeCycle Hook
- Pratik Zamanı - Slot ve Dinamik Component’ler
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Proje | Ürün Ekleme Uygulaması
- Bölüm Tanıtımı
- Ortamın Hazırlanması ve Component Yapısının Oluşturulması
- data ve methods verilerinin component'ler arasındaki dağılımı
- Resim seç butonunun mantığı
- Ürün ekle butonunun kodlanması
- eventBus ile eklenen ürünü listeye aktarmak
- Ürün listesinin dinamik olarak getirilmesi
- Progressbar componenti'nin aktifleştirilmesi
- BONUS : v-if ile eklenen ürünler listesinin gösterilip gösterilmemesi
- BONUS : Style scoped hatırlatması
- Bölüm Sonu
- Bölüm Kaynakları ve Açıklamalar
- Input ve Form Elementleriye Çalışmak
- Bölüm Tanıtımı
- Bölüm uygulamasının tanıtımı
- Değerini Almak
- Verilerin Gruplanması ve Varsayılan Verilerin Belirlenmesi
- Input Modifiers
- Değerini Almak
- Checkbox Elementinin Verisini almak
- Radio Button Kullanımı
- ve Kullanımı
- v-model Ne yapar? Ve Custom Kontrol Nasıl Yapılır?
- Kendi Form Elementimizi Yapalım!
- Form Submit İşlemi
- Pratik Zamanı - Form Verileri ile Çalışmak
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Directive Kullanımı
- Bölüm Tanıtımı
- Directive Nedir? Bir Anlayalım!
- Directive Nasıl Çalışır? Hook Fonksiyonları
- Basit Directive oluşturmak
- Directive’e veri göndermek
- Directive'e argüman göndermek
- Modifier ile Directive’i değiştirmek
- Directive ile ilgili bir özet
- Directive’lerin local olarak tanımlanması
- Birden fazla modifier kullanımı
- Directive’ e Complex veri göndermek
- Pratik Zamanı - Directive
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Filters ve Mixins Kullanımı
- Bölüm Tanıtımı
- Local Filter Oluşturmak
- Global filter ve birden fazla Filter’ ı Zincirleme Kullanmak
- Filter’ a Alternatif (Çoğu zaman daha performanslı)
- Mixins Nedir? Mixins yapısını anlayalım!
- Mixin Oluşturma ve Kullanma
- Mixin’ ler nasıl birleştirilir?
- Global Mixin tanımlamak (Özel Durum)
- Mixins ve Scope Kavramı
- Pratik Zamanı - Filters ve Mixins
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Animasyonlar ve Geçişler (Animations & Transitions)
- Bölüm Tanıtımı
- Transitions Kavramını anlayalım!
- Transitions kullanımı için Kodların hazırlanması
- Transition işlemi sırasında VueJS ne yapıyor?
- CSS Transition ile Fade Transition oluşturmak
- CSS Animation ile Slide Transition oluşturmak
- Transition ve Animation Özelliklerinin Karıştırılması
- v-if ve v-show ile animasyon İşlemi
- onload İşleminde başlangıç animasyonu (appear)
- Farkli CSS Class İsimleri Kullanmak (animate.css)
- Dinamik isim ve Attribute Kullanımı
- Birden fazla Element için Transition işlemi (Teori)
- Birden fazla Element için Transition işlemi (Uygulama)
- Transition Event Hook fonksiyonlarını dinlemek
- javascript Animasyonlarının Çalışma Mantığı
- Animasyondan CSS’leri hariç tutmak (:css=”false”)
- javascript içerisinde Animasyon Oluşturmak
- Dinamik Component’lere Animasyon Eklemek
- Listelere Animasyon Eklemek
- kullanımı için hazırlıklar
- kullanarak Listelere Animasyon eklemek
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Proje | Poğaça Nerede Hafıza Oyunu
- Bölüm tanıtımı
- Bölüm Kaynakları Hakkında
- Component yapısının oluşturulması
- CSS tanımlamaları ve Card Component' inin Oluşturulması
- DefaultCard component'inin oluşturulması
- Kart bilgilerinin dinamik olarak getirilmesi
- Seçilen Kartın saklanması ve Render İşlemi ile ilgili önemli hatırlatma
- Cevap kartı algoritmasının yapımı
- Açık kartların animasyonlarının yapımı
- Cevap kartının animasyonunun eklenmesi ve activeCard mantığı
- Açık kart seçimi olmadan önce Cevap gösteriminin engellenmesi
- Doğru ya da yanlış cevaba göre component geçişlerinin yapımı
- Hatalı cevap için component tasarımı
- Doğru cevap için component tasarımı
- Yeni oyun butonlarının aktifleştirilmesi
- Component geçişleri arasına animasyon eklemek
- Konfetinin Eklenmesi
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- HTTP ile Sunucuya Bağlanmak | vue-resource
- Bölüm Tanıtımı
- VueResource pluginini indirmek ve Ayarlarının yapımı
- Firebase ile Uygulama oluşturmak ve Ayarlarını yapmak
- POST İsteği Gönderme İşlemi
- GET İsteği Gönderme ve Verinin Değiştirilmesi
- vue-resource ‘ un Global olarak ayarlarının yapımı
- Request için interceptor kullanımı
- Response için interceptor kullanımı
- DELETE isteği göndererek verileri silmek
- Resource kelimesi nereden geliyor?
- Custom Resource oluşturmak
- Resources ve Normal HTTP Requestler Hakkında Açıklama
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- VueJS ile Routing İşlemi
- Bölüm Tanıtımı
- vue-router’ ın ayarları yapalım
- Route tanımlama ve load etmek
- Routing Modları (Hash ve History)
- Router Linkler ile Componentler arası gezinme (Navigation)
- Neredeyim ben? Aktif Linkleri Stillendirme
- Kod üzerinden Route Çalıştırma (Navigation)
- Route Parametreleri
- Route Parametrelerini okumak ve kullanmak
- Route Parametrelerine göre Component üzerinde Etkileşim
- Child Routes Tanımlama (Nested Routes)
- Child Route’ a Navigation İşlemi (Gezinti yapmak)
- Router Link’leri daha dinamik hale getirmek
- Link Üretmenin Daha iyi bir yolu | İsimli Route’lar
- Query Parametrelerinin Kullanımı
- Çoklu Router View Yapısı (Named Router Views)
- Active Class Exact Hakkında
- Redirect İşlemi
- Wildcard ile Tüm Route’ları yakalamak
- Route Geçişlerine Animasyon Eklemek
- Hash Fragment Göndermek
- Scroll Davranışını Kontrol Etmek
- Guard Hook Fonksiyonları ile Route Koruma İşlemleri
- beforeEnter Guard Kullanımı
- beforeLeave Guard Kullanımı
- Route’ ları Lazy Load olarak Yüklemek
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Vuex ile Daha iyi bir State Yönetimi
- Bölüm Tanıtımı
- Neden daha farklı bir State Yönetimine ihtiyacımız var?
- Central Store ve State Kavramları
- Vuex Yapılandırması ve Store Oluşturmak
- State Verilerine Ulaşım Yöntemi Hakkında
- Getters Nasıl Çalışır?
- Getters kullanımı
- mapGetters Hook Fonksiyonlarının Kullanımı
- mapGetters ve Spread Operatörler ile ilgili Hata!! | Önemli
- Mutations Nasıl Çalışır?
- Mutations Kullanımı
- mapMutations ile Mutations Fonksiyonlarını Metodlara Map Yapmak
- mapMutations ve Spread Operatörler ile ilgili Hata!! | Önemli
- Mutations ve Senkron İletişim Hakkında
- Actions Nasıl Çalışır?
- Actions kullanımı
- mapActions ile Actions Fonksiyonlarını Metodlara Map Yapmak
- mapActions ve Spread Operatörler ile ilgili Hata!! | Önemli
- Actions ve Mutations kullanırken parametre göndermek
- Two Way Data Binding (v-model) ve Vuex
- Klasör Yapısının Geliştirilmesi
- Store içerisinde Modül Yapısının Kullanımı
- Ayrı Modül Dosyaları Kullanmak
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Proje | Ürün İşlemleri Uygulaması
- Bölüm Tanıtımı
- Projenin Oluşurulması
- Component Yapısının Oluşturulması
- Vue Router' ın projeye dahil edilmesi ve ayarlarının yapımı
- Linklerin ile yapılandırılması
- Vuex' in projeye dahil edilmesi ve Product modülünün oluşturulması
- Alış, Satış ve Bakiye bilgileri için Store yapılandırması
- Firebase üzerinde uygulama oluşturmak
- Vue Resource' un projeye dahil edilmesi
- Ürünün Firebase üzerine kayıt edilmesi
- Ürün Listesinin Güncellenmesi
- Alış Tutar Bilgisini Güncelleme Mantığı
- Footer Üzerindeki Verilerin Güncellenmesi
- Alış, Satış ve Bakiye bilgilerinin Firebase üzerinden çekilmesi
- Tutar ve Bakiye bilgilerinin Filter ile daha güzel görüntülenmesini sağlamak
- Kaydet Butonunun verilere göre aktif/pasif olmasını sağlamak
- beforeRouteLeave ile Kaydedilmemiş verileri tespit etmek
- Ürün eklendikten sonra router ile yönlendirmek
- Kaydetme işlemindeki beforeRouteLeave şartını güncellemek
- Router geçişlerine Animasyon Eklemek
- Loading Ekranının Entegrasyonu
- Ürün Listesinin Dinamik Olarak Güncellenmesi
- Ürün Listesinin Firebase Üzerinden Dinamik Olarak Çekilmesi
- Liste üzerindeki Adet ve Fiyat Bilgilerinin Görünüm düzenlemeleri
- Ürün çıkışı bölümünde ürün listesinin görüntülenmesi
- Ürün Önizlemesinin getirilmesi | Getter fonksiyonuna parametre göndermek
- Adeti Sıfır olan ürünün seçilmesini engellemek
- Ürün çıkış işleminin mantığı ve gerçekşleştirilmesi
- Loading Ekranı | beforeRouteLeave | Kaydet butonu özelliklerini eklemek
- Uygulamanın Testi ve Küçük Ödevcik
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Vue.js Uygulamasını Hosting, Sunucu ve Amazon S3 Üzerine Deploy Etmek
- Bölüm Tanıtımı
- Kendimize ait Hosting veya Sunucuya Vue Uygulamasını Yüklemek
- AWS S3 üzerinde uygulamamızı deploy etmek | Static Web Pages
- Bölümün Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Input Tag Component Yapımı ve NPM üzerinde Yayınlamak
- Bölüm Tanıtımı
- Ana yapının oluşturulması
- Etiketlerin Array içinde tutulması ve Yeni etiket oluşturmak
- Etiket eklerken verinin kontrol edilmesi ve Hata mesajlarının gösterimi
- Etiket silme işlemlerinin yapımı
- Component yapısına geçiş
- Oluşturduğumuz component' in v-model ile kullanımı hakkında
- v-model ile :value değerini etiket olarak ayrıştırmak
- @input event ile etiketlerin v-model'a gönderilmesi
- Tema seçeneğinin eklenmesi
- NPM ile Component' i yayınlamak!
- NPM üzerinden component'in indirilip başka projede kullanılması
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Vue-Resource Yerine Axios Kullanımı
- Bölüm Tanıtımı
- Bölüm Uygulamasının Açıklaması
- Axios nedir? Kurulumu nasıl yapılır?
- Firebase Projesinin Oluşturulması
- POST İsteği Göndermek
- GET İsteği Göndermek
- Response Verisine Ulaşmak ve Veriyi Kullanmak
- Global Request Ayalarının Yapımı
- Custom Axios instance Yapımı
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Yandex Translate API ile Online Çeviri Yapımı | Vue-Translator
- Bölüm Tanıtımı
- Ders Kaynağı Hakkında
- Component Yapısının Oluşturulması
- Data ve Metotların Oluşturulması
- API Key Oluşturulması ve ilk çeviriyi yapmak
- Desteklenen Dillerin Çekilmesi
- Tespit edilen dilin ve Çevirinin Yazdırılması
- Arama Geçmişinin Yapımı
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Vuelidate ile Form Verilerinizi Kontrol Edin
- Bölüm Tanıtımı
- Ortamın hazır hale getirilmesi
- Vuelidate kütüphanesinin projeye dahil edilmesi
- Validator Nedir? Basir bir şekilde kontrolü yapımı
- UI element üzerinden kullanıcıya bildirim vermek
- @blur event kullanarak kontrolü yapmak
- Numeric, minLength, maxLength validator ile Şifre kontrolü
- sameAs validator ile inputların aynı olup olmadığını kontrol etmek
- between validator ile bir aralık kontrolü yapmak
- Custom Validator oluşturmak
- Array kontrolü yapmak
- Custom Validator yapısını daha iyi anlayalım
- Asenkron Kontrol
- $invalid özelliği ile Kaydet butonunun kontrolü
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Vue Uygulaması ile Auth İşlemleri
- Bölüm Tanıtımı
- Bölüm kaynaklarının tanıtımı
- Router tanımlamasının yapımı
- Header üzerinden Navigasyon işleminin gerçekleştirilmesi
- Store'un oluşturulması
- Firebase Projesinin Oluşturulması
- SignUp işleminin yapımı
- SignIn işleminin yapımı
- Login Sürecinin Store üzerinden gerçekleştirilmesi
- Token bilgisinin Store içerisinde saklanması
- Route’ ları Auth Guard ile Korumak (Token yoksa girilemez)
- UI üzerinde Auth’ a göre Değişiklik Yapalım!
- Logout Ekleme İşlemi ve Authentication ile ilgili problem
- Login sürecinde yapılacak değişiklik hakkında
- localStorage oyuna giriyor!
- Sayfa yenilendiğinde token değerinin geçerliliğini sağlamak
- expiresIn hakkında
- Otomatik logout işleminin yapımı
- Zaman aşımı kontrolünün yapımı
- Sayfa yenilendiğinde zamanlayıcının aktifleştirilmesi
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
- Yolun Sonu
- Son söz...
- Nuxt.js Tanıtımı
Sifirdan.Ileri.Seviye.Vue.JS.Egitimi.ve.Uygulama.Gelistirme.part1.rar
Sifirdan.Ileri.Seviye.Vue.JS.Egitimi.ve.Uygulama.Gelistirme.part2.rar
Sifirdan.Ileri.Seviye.Vue.JS.Egitimi.ve.Uygulama.Gelistirme.part3.rar
Coktum |
