Bazıları Hayal Eder Bazıları Yapar - Bora Kaşmer - www.borakasmer.com Blog
Selamlar; Bugün Mvc’de AngularJs javascript framework’ünü kullanarak CRUD işlemler nasıl yapılır sorusuna hep beraber cevap arayacağız. Öncelikle en basit hali ile aşağıda görüldüğü gibi Site adında bir tablo oluşturulur. Sadece iki kolonu vardır. Amaç en basit...
Selamlar; Bugün TypeScript’de cast işlemleri ve KnockoutJS ile nasıl çalıştığı üzerine birkaç örnek yapacağız. Çok basit toplama ve çıkarma işlemi yapan aşağıdaki gibi bir Index.cshtml view yaratıyoruz: “X” ve “Y” id’li iki input alan...
Selamlar; Bugün jquery’de contains function’ının bize getirdiği büyük kolaylıktan bahsedeceğiz. Örneğin bir çok div’imiz olsun. Ve Mvc sayfamızdaki bu divlerin içinde yazılarımız olsun. Şimdi bir arama yapıp ilgili kelimenin geçtiği divlerin arka rengini değiştirelim. İlgili kod...
Selamlar; Bugün aynı yada ‘da olduğu gibi Url kısaltan bir web uygulaması yazacağız. Tabi bunu tamamen benim fikir ve hayal gücüme göre yapacağız. İzlediğim yola alternatif fikri olanlar lütfen paylaşmaktan çekinmesin. Öncelikle kısaltılacak Url’in tutulacağı...
Selamlar; Bugün angularjs’de bir form doldurulurken validation nasıl yapılır onu inceleyeceğiz. Bir form giriş ekranında aşağıdaki maddeleri gerçekleştireceğiz. İsim alanı zorunlu(required) Kullanıcı Adı alanı zorunlu değil ama minimum uzunluk(minimum length) 3, maximum uzunluk(maximum length) 8 Email zorunlu...
Selamla; Bugün Mvc’de bir sayfanın belli bir bölümünün neden Partial View ile gösterilmesi gerekebileceğini ve içeriğinin Ajax ile doldurulmasının avantajlarını tartışacağız. Aşağıda görüldüğü gibi Site adında bir modelimiz olsun. Ve her Site’in kendi içinde Channel...
Selamlar; Bugün AngularJS’e Giriş makalesinde tartıştığımız konulara devam ediyoruz. AngularJS’de Filterlar: Aşağıda başlıca bahsedilecek filterlar belirtilmiştir. Currency. Filter. Lowercase. Order By. Uppercase. Currency: Fiyat yanına yazılan para birimini belirler.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
|
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="~/Scripts/angular.min.js"></script> <title>AngularJS Başlangıç</title> </head> <body> <form id="form1" runat="server"> <br /> <div ng-app="" ng-init="Product=5;Cost=20"> <p> <b>Toplam Sipariş Fiyatı:</b> {{ Product * Cost | currency }} </p> <p> <b>Toplam Sipariş Fiyatı:</b> {{ Product * Cost | currency:"€" }} </p> <p> <b>Toplam Sipariş Fiyatı:</b> {{ Product * Cost | currency:"TL" }} </p> </div> </form> </body> </html> |
İlgili ekran çıktısı aşağıdaki gibidir: Order...
Selamlar; Öncelikle herkese iyi bayramlar. Bugünkü makalemde yeni başlayanlar için AngularJS’i anlatacağım. VisualStudio 2015’de yeni boş bir MVC projesini yaratıyoruz. Ve Nugetten AngularJS Framework’ünü indiriyoruz. Aşağıda ilk örnek maddlere halinde açıklanmıştır. Burada “ng-app” AngularJS...
Selamlar; Daha önceki Node.Js nedir makalesinde nodeJS’e giriş yapmıştık. Hatırlayacağınız gibi Javascript kullanarak server side uygulamalar yazabileceğimiz, oluşturduğumuz web uygulamları ve servislerin büyük sayıdaki clientlera minimum kaynak harcıyarak hizmet verebildiği bir platformdur. Bugün Node.Js’de Restful...
Selamlar; Bugün benim de C# CodeBehind’da aşağıdaki sıralama örneğinde de görüldüğü gibi bolca kullandığım Linq’i front tarafta yani javascript’de nasıl kullanabileceğimizi tartışacağız.
|
int[] numbers = new int[]{ 1, 9, 4, 6, 2, 9, 11, 31 }; int[] orderedNumbers = numbers.Order(i => i).ToArray(); |
Javascript’de Linq kullanabileceğimiz aşağıda sıralanmış olan bir çok kütüphane bulunmaktadır. Ben bugün “linq.js”...
Son Yorumlar