Merhaba Arkadaşlar, Toplamda 7 makaleden oluşan ve başlangıç aşamasında vuejs’i anlatmayı amaçlayan #vueogreniyouz eğitim serisi sona erdi. Makaleler içerisinde vue-cli’ın bilgisayarımıza kurulumundan başlayıp webpack şablonu ile birlikte temel anlamda vuejs ekipmanlarının neden ve nasıl kullanıldığına kadar ilerledik. Github üzerinde yeni bir repo oluşturup her bir makale için uygulama ile ilgili commit atarak hangi kodların yazıldığının […]

Merhaba Arkadaşlar, Eğitim serisinin son makalesinde vuex’i göreceğiz. Vuex, bize component’lar arası haberleşme imkanı ve aynı amaç için kullanılan fonksiyonları tek bir noktada toplama hizmetini sunmaktadır. Örnek vermek gerekirse; Event Emitter Kullanımı başlıklı makalede biz bir component’ın özelliklerini başka bir component’a aktarmak için yeni bir event’i $emit nesnesi ile dışarı aktarıyorduk. Aynı proje içerisinde vuex […]

Merhaba Arkadaşlar, Sıradaki konu içeriğinde vuejs’in routing işlemleri için geliştirdiği vue-router üzerine çalışmalar yapacağız. Vue Router, backend ihtiyacı duymadan sayfalarımızın url yapılarını yönetebileceğimiz bir eklentidir. Hazırlayacağımız yapıda url’i statik olarak verebileceğimiz gibi makale detay sayfası gibi tek şablondan yöneteceğimiz sayfalar için dinamik url yapıları da oluşturabiliriz. Uygulamamıza geçip pekiştirerek görelim. İlk olarak terminale aşağıdaki komutu […]

Merhaba Arkadaşlar, İki adet çok başlıklı makaleden sonra sırada tek bir konuyu işleyeceğimiz emitter var. Event emitter, uygulama geliştirirken karşımıza fazlasıyla çıkabilecek bir durumu kapsıyor. Vuejs ile geliştirdiğimiz projelerde genelde sayfadaki tüm modülleri olabilecek en küçük parçalarda birbirinden ayrı sayfalar olarak hazırlarız. Hazırladığımız tüm modüller her sayfanın içerisinde kullanılabilir durumda olmalıdır. Şimdiye kadar yaptığımız uygulamalara […]

Merhaba Arkadaşlar, Sıradaki makale içeriğinde vuejs ile çalışırken en çok içli dışlı olacağımızı düşündüğüm konuları göreceğiz. Başlıkta yazan tüm değerleri kullanacağız ve bir modülün/sayfanın ilk oluşturulma anından herhangi bir olay sonrası(örn: click) çalıştıracağımız komutlara kadar bu başlıklar altında işleyeceğiz. Hepsini sırasıyla anlatıp birer örnek ile devam edelim: data Api tabanlı çalıştığımız projelerimizde her modül için […]

Merhaba Arkadaşlar, Öncekilere göre çeşit fazlalığı olan ve buna bağlı olarak uygulamaların da çok olacağı bir makale ile devam ediyoruz. Bu makalede vue’nun basit güzelliklerine dalacağız. Her biri isteğe göre vue isminden gelen ‘v-‘ ön eki kullanacaklar veya ön ek kullanmadan da bazı operatörler ile çalışabilecekler. Vakit kaybetmeden başlıklara ayırıp uygulamalarımızı yapalım. v-if Tüm yazılım […]

Merhaba Arkadaşlar, Bu makalede projelerimizdeki en küçük yönetilebilir alanlar olan component’ları göreceğiz. Component’lar, içeriğinde standart vue template yapısını barındırır ve html, css ve javascript kodları ile birlikte sayfaya yüklenirler. Bir component’ın başka bir component’a veya layout’a aktarılabilmesi için ilgili sayfaya import edilmesi gerekmektedir. Biz de bu yazı içerisinde bir component’ı oluşturup başka bir sayfaya import […]

Merhaba Arkadaşlar, Eğitim serisinin ilk makalesi ile karşınızdayım 🙂 . Bu makalede çalışmalarımızı yapacağımız klasöre ilk olarak webpack şablonu kurulumunu yapacağız. Daha sonra bir editör içerisinde dosyalarımızı açıp hangi klasöre ne ekleyerek çalışabildiğimizden, template yapılarından bahsedeceğiz. Webpack Şablonu İlk olarak terminali açalım ve kurulum yapacağımız klasöre gidelim. Daha sonra şu komutu yazıp çalıştıralım: Komut çalıştırıldığında […]

Merhaba Arkadaşlar, Bir önceki makale olan Vuejs Nedir ? Nasıl Kurulur ? içerisinde bahsettiğim ilk eğitim serisine an itibariyle başlıyoruz. Bu seri içerisinde webpack şablonu kurulumundan başlayıp temel vue komutlarının hangi amaçla kullanıldığını uygulamalı olarak görebileceğimiz bir yolu izleyeceğiz. Sık kullanılan özelliklerin bir çoğunun kullanımına bakarak projelerimizde temel anlamda kullanmak isteyeceğimiz özellikleri görmüş olacağız. Bu […]

Merhaba Arkadaşlar, Bu makalede vuejs konusuna giriş yaparak kategorinin ilk yazısını hazırlayacağım. İlk olarak vuejs’in neden ve nasıl oluşturulduğundan bahsedip daha sonra kurulum işlemlerine geçerek devamında anlatacağım makaleler öncesinde bilgisayarınızda vuejs tabanlı bir uygulamayı nasıl geliştirebileceğinizi uygulamalı olarak göstermiş olacağım. Başlıklara ayırarak ilerleyelim: VUEJS NEDİR ? Vuejs eski bir google çalışanı olan Evan You tarafından […]