Using Bootstrap Datetimepicker (eonasdan) with Vue.js 2

Datetimepicker (eonasdan) is really a useful plugin. It has a nice bootstrap interface. Users can select easily date and time using this plugin. In my vue.js web projects, I needed such a component. There is one, but unfortunately, it does not work with vue.js version 2. So, I will explain how to use this plugin in a … Devamını oku…Using Bootstrap Datetimepicker (eonasdan) with Vue.js 2

Vue.js (5) : Bileşenlerin Birbiriyle Haberleşmesi ve Vuex

Vue.js ile uygulama geliştirirken, bileşenler üzerine bir yapı kuruyoruz. Bu yazımızda, bileşenler birbiriyle nasıl haberleşiyor; ana bileşenden detay bileşenlere, detay bileşenden diğer detay bileşenlere nasıl veri gönderilir? Tüm olası senaryoları inceleyeceğiz ve vuex kütüphanesinin bu konuya nasıl bir katkı sağladığına bakacağız. Ana Bileşenden Detay Bileşenlere Veri Aktarma props özelliğini kullanarak veri aktarabiliriz. vue-cli ile webpack-simple şablonuyla … Devamını oku…Vue.js (5) : Bileşenlerin Birbiriyle Haberleşmesi ve Vuex

Vue.js (4) : Vue-cli ile Hazır Gelen Proje Şablonları

Vue.js yazı dizimizin önceki bölümlerinde cdn üzerinden vue.js scriptlerini yüklemiştik. Fakat böyle bir kullanım, orta ve büyük çaplı uygulamalar için uygun olmayacaktır. Yapılması gereken, her bileşeni ayrı dosyalarda tanımlayarak, webpack gibi bir araç kullanarak uygulamaya entegre etmektir. Webpack, yeni geliştiriciler için anlaşılması biraz zor olan bir araç.  Vue ekosisteminde yer alan, bu problemi aşmamızı sağlayacak bir … Devamını oku…Vue.js (4) : Vue-cli ile Hazır Gelen Proje Şablonları

Vue.js (3) : Vue-router ile bir SPA Uygulaması

Vue.js ve vue.js ekosistemini anlatan yazı dizimize kaldığımız yerden devam ediyoruz. Angular ve reactjs frameworkleri ile bildiğiniz gibi SPA (Single Page Application) uygulamaları geliştirebiliyoruz. Vue ekosistemi aynı imkanı bize  sunmakta mıdır? Evet, vue-router ile bizde bir spa uygulaması geliştirebiliriz. SPA Nedir ? Açılımı ingilizce Single Page Application türkçeside tek sayfalık uygulama demektir. Böyle bir uygulama tek  bir … Devamını oku…Vue.js (3) : Vue-router ile bir SPA Uygulaması

Vue.js (2) : Vue-resource Kullanarak Veri Çekmek

Vue.js ile ilgili yazı dizimize devam ediyoruz. Bu yazımızda vue-resource kütüphanesini kullanarak bir rest servisinden veri getireceğiz. Http get/post metodlarını kullanarak, rest kaynaklar üzerinde işlem yapacağız. Vue-resource Nedir ? vue-resource, vue topluluğu tarafından geliştirilmiş bir http client kütüphanesidir. Http web çağrılarını yapmak ve geriye dönen dönüş değerlerini okuyabilmek için gerekli servisleri sunan bir plugindir. Vue.js’nin kullanmış olduğumuz 2 … Devamını oku…Vue.js (2) : Vue-resource Kullanarak Veri Çekmek

Vue.js (1) : Giriş

Vue.js nedir? Vue.js web arayüz geliştirmek için kullanılan kademeli (progressive) bir yapıdır. Kademeli derken neyi kastediyoruz? Bu nokta önemli. Yani Angularjs de olduğu gibi yekpare, hepsi içinde bir yapı kullanılmıyor.  Angular kullanmak istediğinizde, içinde her şeyi bulabiliyoruz. Router, dependency injection, http client ve view tarafı tüm yapının içerisinde hali hazırda gelmiş oluyor. Vue.js’de ise durum … Devamını oku…Vue.js (1) : Giriş