Bu akşam kendi şirketimize ait bir url kısaltma servisi oluşturmaya karar verdik. Müşterilerimize faturalarını hatırlatmak için iyzico’nun iyzi.link kısa bağlantısını kullanıyorduk. Bu fikir hoşumuza gitti. Kendi servisimizi oluşturmak ne kadar zor olabilirdi ki. Url kısaltma servisini oluşturmak aslında kolay. Zor olan domaine karar vermek 🙂 Eşimle ve bazı developer arkadaşlarımla birkaç alan adını tartıştıktan sonra tamamen farklı bir alan adı seçtik. Bu son ismi kendisi de bir developer olan kuzenim Hüseyin buldu. Adaylarımız şunlardı: Ve kazanan: Kodventure Teknoloji AŞ’nin yepyeni URL kısaltma servisi için bulabildiğimiz, okunması kolay en kısa alan adı: kodv.in Hemen alan adını satın aldıktan sonra projeyi oluşturmaya…
Kategori: VueJS
VueJS ile bir iki haftada bitirmek üzere başladığım bir yan projemde Bootstrap-vue kullanıyorum. Burada karşılaştığım bir validation sorununu nasıl aştığımı kısaca belirteyim. Sorun şu; formda iki alan zorunlu iken diğer üç alan zorunlu değil. Formdaki submit butonuna tıklanınca bütün form validate ediliyor ve hatalı alanlar kırmızı ile, hata olmayanlar yeşil ile belirtiliyor. İşte bu yeşil olanlar zaten zorunlu olmayan alanlar. Bunların yeşil görünmelerini istemiyordum. Bootstrap dökümanında yazdığı üzere form elemanlarını validate edebilmek için başlangıçta bunları kapsayan bir öğeye (mesela form öğesine) .novalidate class’ı eklemek gerekiyor. Validate işlemi olunca bu öğe yakalanıp buna .was-validated class’ı ekleniyor ve bunun altındaki bütün alanlar…
Kısa bir süredir VueJS kullanıyorum. Karşılaştığım ve çözebildiğim bazı sorunları buradan paylaşacağım. Eğer daha iyi bir çözümünüz varsa lütfen yorum olarak yazın, seve seve kabul ederim. Malum; VueJS’de props (properties), data ve computed başlıkları altında üç tip veri bulunuyor. Bunlarda props altında tanımlananlar component’i çağırırken setleyebildiğimiz ve içerde değiştirmeye kalktığımızda hata aldığımız veri yöntemidir. Yani bunlar bir kereye mahsus setlenmeli ve daha ellenmemeli. Nedenini dökümantasyonunda anlatmış ama benim ingilizcem ancak anlamaya yetiyor, ne dediğini siz buyurun şurdan okuyun: In some cases, we may need “two-way binding” for a prop. Unfortunately, true two-way binding can create maintenance issues, because child components…