Nuxt.js Nedir? Kursu Tanıyalım
- Nuxt.js Nedir?
- Server Side Rendering Nedir?
- Nuxt ile normal Server Side Rendering arasındaki fark nedir?
- İlk Nuxt.js uygulamamızı oluşturalım
- Klasörü yapılarına göz atalım!
- Nuxt.js ile ne tarz uygulamalar geliştirebiliriz?
- Kurs içerisinde neler var?
- Kurstan en verimli şekilde nasıl yararlanırsınız?
- Telegram Grubu ve Canlı Yayın!
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
Pages, Routing, Layouts, Components
- Bölüm Tanıtımı
- Dosya ve klasör yardımı ile Routing Yönetimi (Teori)
- Dosya ve klasör yardımı ile Routing Yönetimi (Pratik)
- Dinamik olarak parametre göndermek
- Navigasyon işlemleri için CSS kodlaması (Opsiyonel)
- Nuxt.js ile link ve Navigasyon işlemleri
- Pratik Zamanı | Routing İşlemleri
- Dinamik parametreleri kontrol etmek | Validate Metodu
- İç içe Route yönetimi |
- Layouts, Pages, Components arasındaki ilişki nedir?
- Yeni bir Layout oluşturmak
- Varsayılan Hata sayfası oluşturmak | Error Page
- Component Yapısının Kullanımı
- Nuxt.js uygulamasında Stil İşlemleri
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
Proje : Köşe Yazısı Uygulaması | Pages, Routing, Layouts, Components
- Bölüm Tanıtımı
- Sayfaların Tanıtımı
- Projenin Oluşturulması
- Pages Components ve Layout yapılarını oluşturalım
- Header ve Banner Componentlerinin oluşturulması
- Post, PostList ve About Componentlerinin oluşturulması
- PostList Sayfasının yapımı
- Admin Layout oluşturmak ve Admin Sayfasının yapımı
- Post Detay Sayfasının yapımı
- Yeni yazı ekle sayfasının yapımı
- Düzenleme sayfasının yapımı
- Header üzerinde navigasyon işlemleri
- Post butonlarının dinamikleştirilmesi
- Formların Dinamik olarak Event Emit yoluyla veri göndermesini sağlamak
- PostForm üzerinde dinamik olarak
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
Nuxt.js ile Veri Yönetimi
- Bölüm Tanıtımı
- Yapının dinamik veriye uygun hale getirilmesi
- SPA üzerindeki veri işlemlerinin etkisi
- asyncData kullanımı
- asyncData ile önemli bir hatırlatma ve loadingBar
- Pratik Zamanı | asyncData Kullanımı
- asyncData metodunun Server ve Client üzerindeki çalışma prensibi
- asyncData | context argümanına yakından bakalım!
- Tek bir kayıt getirmek ve context argümanıyla ile Route parametresini okumak
- Hata Sayfasının oluşturulması
- asyncData ile hata yönetimi
- asyncData içerisinde Promise yaklaşımının kullanımı
- Vuex Store oluşturma Metodları
- Vuex ile Store oluşturmak ve Vue DevTools
- fetch() metodu ve kullanımı
- nuxtServerInit() action metodu ve kullanımı
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
Uygulamamızı Backend Teknolojisine Bağlayalım! | Firebase
- Bölüm Tanıtımı
- Server üzerinde kod çalıştırma hakkında
- Firebase Projesinin Oluşturulması ve Axios kurulumu
- PostForm üzerinde önemli bir değişiklik
- Yeni bir kayıt oluşturmak | Firebase POST
- Firebase üzerinden tüm verilerin çekilmesi | Firebase GET
- Yazı listesinin Vuex Store üzerinden getirilmesi
- Tek bir yazıyı görüntülemek
- Yazı güncelleme işleminin yapımı
- Yeni ekle işleminin Store üzerine taşınması ve Store güncelleme işlemi
- Kayıt güncelle işleminin Store üzerine taşınması ve Store güncelleme işlemi
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
Nuxt.js ile Config, Modules ve Plugins
- Bölüm Tanıtımı
- Config Dosyası ve Mode Özelliği
- Head özelliği ile bloğuna etki etmek
- loadingBar özelliği
- CSS, dev, env özellikleri
- generate, rootDir, srcDir özellikleri
- Nuxt.config.js dosyası ile Routing işlemleri
- Transition işlemleri
- Plugins kullanımı
- Modules kavramı ve kullanımı
- Bölüm Sonu
- Bölüm Kaynakları ve Yararlı Linkler
Middleware, localStorage, Cookie ile Authenticate İşlemleri
- Bölüm Tanıtımı
- Kaynak kodların tanıtımı
- localStorage nedir ve nasıl kullanılır?
- Cookie nedir ve nerelerde kullanılır?
- js-cookie javascript API kullanımı
- nuxtServerInit action metodunda cookie okuma işlemi
