Anlattıkların karşındakinin anlayabildiği kadardır
Selamlar, Bugün kaynağı verilen bir resmin istenen boyutlarını, Url’de belirleyip, memory’de resize edeceğiz. Buna Dynamically Resize Image On-The-Fly deniyor. Yani ilgili image’i herhangi bir fiziksel alana yazmadan, yeninden boyutlandırıyoruz. Öncelikle ilgili static file’a browserda erişilmeye...
Selamlar; Bugün size özellikle Linq ile kullandığım pratik kod parçaları ile alakalı örnekler göstermek istiyorum: Başlamadan önce kurulması gereken paketler: Öncelikle Visual Studio Code indirilir. Node.js yok ise https://nodejs.org/en/download/ adresinden indirilir. Eğer kurulu değilse “npm install -g generator-aspnet”...
Selamlar, Bugün farklı sınıflar için sürekli aynı kodları tekrar etmek yerine, generic bir yapıda belli bir nesnenin, nasıl serialize edip kaydedilebileceğini ve deserialize edilip yüklenebileceğini inceleyeceğiz. Bugün yazacağımız kodlar, benim de gündelik hayatta bolca...
Selamlar, Bugün Visual Studio Code’da custome extension nasıl oluşturulur hep beraber inceleyeceğiz. Öncelikle eğer Pc’nizde node.js yok ise yüklemeniz gerekmektedir. İlgili Extension projesinin oluşturulması için ben Yeoman code generator kullandım. Aşağıdaki komutlar, command satırında çalıştırılarak...
Selamlar, Bugün Angular2’de nasıl server’a bağlanılır ve bir servisden nasıl data çekilir hep beraber inceleyeceğiz. Http işlemlerinin yapılabilmesi için Index.html sayfasına aşağıdaki modullerin eklenmesi gerekmektedir: <script src=”node_modules/angular2/bundles/http.dev.js”></script>
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
<html> <head> <title>AngularJs 2 Öğren</title> <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css"> <link rel="stylesheet" href="app/style.css"> <!-- 1. Load libraries --> <!-- IE required polyfills, in this exact order --> <script src="node_modules/es6-shim/es6-shim.min.js"></script> <script src="node_modules/systemjs/dist/system-polyfills.js"></script> <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> <script src="node_modules/systemjs/dist/system.src.js"></script> <script src="node_modules/rxjs/bundles/Rx.js"></script> <script src="node_modules/angular2/bundles/angular2.dev.js"></script> <script src="node_modules/angular2/bundles/http.dev.js"></script> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous"> <!-- 2. Configure SystemJS --> <script> System.config({ packages: { app: { format: 'register', defaultExtension: 'js' } } }); System.import('app/boot') .then(null, console.error.bind(console)); </script> </head> <!-- 3. Sayfada Görünecek AngularJS2 Component --> <body> <my-app>Yükleniyor...</my-app> </body> </html> |
Örnek Json servisi için http://jsonplaceholder.typicode.com/ adresinden faydalanılacaktır. Amaç ilgili sevisden...
Selamlar Arkadaşlar, Bu makalede Mvc bir sayfaya ait, farklı tipte modelleri asenkron ve paralel çekerken (Lock) mekanizmasının nasıl yapılacağını ve yanlış kullanımda ne gibi sonuçlar doğrucağını hep beraber inceleyeceğiz. Aynı zamanda Try{} Catch{} mekanizmasının MultiTasking...
Selamlar; Bugün Reactive Extensionsların [RX] Angular2’de nasıl kullanılacağını hep beraber inceleyeceğiz. ReactiveX kısaca belirtilen diziler üzerinde asenkron ve event tabanlı işlemler yapmayı sağlayan bir kütüphanedir. En sevdiğim özelliği observer pattern kullanan, birden çok operasyonun asenkron olarak yapılmasını sağlayan birçok platformda kullanılabilen...
Selamlar, Bu bölümde Angular2 konusuna kaldığımız yerden validation ve hata mesajları ile devam edeceğiz. Önemli olduğı için Angular 2’de validation ile alkalı her ne var ise bu makalede tartışacağız. Öncelikle Visual Studio Code’da Angular2 için...
Selamlar, Bugün AngularJS2’de Control Rendering nesneleri üzerinde duracağız. *ngIf : Aşağıdaki örnekde 2 farklı div bulunmaktadır. 1.de yapılacak işlerin listelendiği, diğeri de ise eğer liste boş ise “Yapılacak bir işin” olmadığının bilgisinin verildiği bir div...
Selamlar, Bugün önceki makalede anlatılan AngularJS2 konusuna kaldığımız yerden örnekler ile devam edeceğiz. Property Binding: Aşağıda görüldüğü gibi img kaynağının farklı bağlanış şekilleri görülmektedir. 3’ü de aynı işi ve tek yönlü yani one way...
Rss
Son Yorumlar