ionian

Arkadaşlar Merhaba;

Google' ın başarılı mvvm javascript framework' ü Angular' ın 2. sürümünü büyük bir merakla bekliyordum ve geçtiğimiz günlerde betası yayımlandı. Ben de ilk defa bugün deneme fırsatı yakaladım. Yalnız bu sürüm önceki sürümden çok farklı ve kurulum + konfigürasyon işlemleri bildiğimiz javascript kütüphaneleri kadar kolay değil. Ben de merak eden arkadaşlar için ufak çaplı bir başlangıç rehberi hazırladım. Buradaki örnekte çok basit bir html sayfası hazırlayacağız.

Benim burada kullanacağım ide visual studio 2015. Ek olarak mutlaka Update 1 güncellemesi yüklü olmak zorunda;
https://www.visualstudio.com/post-download-vs?sku=community&clcid=0x409

Angular2 ile uygulama geliştiriken kullanacağımız dil typescript olacak. Ek olarak javascript ve dart' ta kullanabilirsiniz ama Angular ekibi de typescript' i tercih ediyor. Typescript hakkında bilgi verecek olursak; Microsoft' da technical fellow olan ve daha önce C#, Delphi, Turbo Pascal gibi dillerin baş mimari Anders Hejlsberg tarafından geliştirilmiş görece yeni bir dildir. Ek özellikleri;
    Derleme zamanlı tip kontrolü sağlar.     class, interface, encapsulation, inheritance gibi object-oriented programlamanın temel prensiplerini destekler.     Derlenmiş çıktı olarak yalın javascript kodu üretir. Bir kere alıştıktan sonra plain-javascript yazmanın çok da sağlıklı olmadığını hemen anlamaya başlıyorsunuz. Ek olarak proje büyüdükçe typescript kullanmakla ne kadar iyi bir karar vermiş olduğunuzu anlayacaksınız. Zaten outlook.com, asana gibi yoğun javascript kullanılan uygulamalar typescript ile geliştiriliyor.
Typescript' i indirmek için aşağıdaki linki kullanabilirsiniz;
http://www.typescriptlang.org/


Son olarak ta ASP.NET 5 RC indirmeniz gerekli;
https://get.asp.net/


Tüm yükleme işlemleri tamamlandıktan sonra yeni bir proje oluşturalım;

Yalnız en başta belirteyim; bu proje şablonu klasik asp.net proje yapılarından çok farklı. NuGet yerine node.js den gelen npm kullanılıyor ve klasör dizilimi hatta sln dosyasının yapısı da çok değişik. Visual studio kullanmanıza rağmen daha çok java veya node.js projesi geliştiriyormuşsunuz gibi hissedeceksiniz.

Proje oluştururken
File > New > Project > Asp.Net Web Application > Asp.Net 5 Templates > Empty seçeneklerini seçiyoruz;





Projemizi oluşturdukdan sonra Startup.cs sınıfımızın Configure methoduna şu kodları ekleyin;
 
app.UseDefaultFiles(); app.UseStaticFiles();


Yukarıdaki kodu eklediğiniz de visual studio tarafından hata alcaksınız. Önüne geçnek için 'project.json' konfigürasyon dosyamızın dependencies bölümüne
"Microsoft.AspNet.StaticFiles": "1.0.0-rc1-final"
referansını ekleyin ve kaydedin. Ardından ide' niz references kısmını restore edecek ve startup.cs deki hata giderilşmiş olacak.;



Angular2 beta aşamasında ve dağıtımı şu an npm (node package manager) üzerinden yapılıyor. Bizim de visual studio tarafında npm i konfigüre etmemiz için projeye sağ tıklayıp; add > new item > NPM Configuration File' ı seçmemiz gerekli. Ardın oluşturulan package.json dosyasına şu kısımları kopyalayın;


{   "version": "0.0.0",   "name": "Angular2QuikStart",   "dependencies": {     "angular2": "2.0.0-beta.8",     "systemjs": "0.19.22",     "es6-promise": "^3.0.2",     "es6-shim": "^0.33.3",     "reflect-metadata": "0.1.2",     "rxjs": "5.0.0-beta.2",     "zone.js": "0.5.15",     "bootstrap": "^3.3.5",     "jquery": "^2.1.4",     "typescript": "1.8.7"   },   "devDependencies": {     "gulp": "^3.9.1"   } } Dosyayı kaydettikten sonra dependencies kısmının restore olduğunu ve projenin src dizinine yeni bir 'node_modules' adında bir klasör oluşturulduğunu göreceksiniz. İşte bu klasörün içinde angular2' nin ihtiyaç duyduğu tüm typescript/javascript dosyaları mevcut.

Asp.Net Core uygulamalarında tüm sabit dosyalar, scriptler, resimler vs. wwwroot klasörünün altında bulunmalı. Dolayısıyla bizim  'node_modules' klasöründeki gerekli dosyaları 'wwwroot' altına taşımamız gerek. Bunu elle yapmak yerine Gulp' ı kullanacağız. Bunun için yine projemize sağ tıklayıp > add > new item > Gulp Configuration File seçiyoruz. Oluşan 'gulpfile.js' dosyasına aşağıdaki kodu kopyalıcaz;
 
/// <binding AfterBuild='moveToLibs' /> var gulp = require('gulp');   gulp.task('moveToLibs', function (done) {     gulp.src([       'node_modules/angular2/bundles/js',       'node_modules/angular2/bundles/angular2.*.js*',       'node_modules/angular2/bundles/angular2-polyfills.js',       'node_modules/angular2/bundles/http.*.js*',       'node_modules/angular2/bundles/router.*.js*',       'node_modules/es6-shim/es6-shim.min.js*',       'node_modules/angular2/es6/dev/src/testing/shims_for_IE.js',       'node_modules/systemjs/dist/*.*',       'node_modules/jquery/dist/jquery.*js',       'node_modules/bootstrap/dist/js/bootstrap*.js',       'node_modules/rxjs/bundles/Rx.js'     ]).pipe(gulp.dest('./wwwroot/libs/'));       gulp.src([       'node_modules/bootstrap/dist/css/bootstrap.css'     ]).pipe(gulp.dest('./wwwroot/libs/css')); }); yukarıda en başa eklemiz olduğumuz
/// <binding AfterBuild='moveToLibs' /> satırı sayesinde derleme işlemlerinde sonra ilgili dosyalar 'wwwroot/libs' klasörüne kopyalanacak.

Şimdiki adımda ise typescript i konfigüre etmemiz gerekli;
bunun için projeye sağ tıklayıp yeni klasör ekleyelim ve adı 'app' olsun.

Sonra yine projeye sağ tıklayıp add > new item > TypeScipt JSON Configuration File ekleyelim ve aşağıda kodu yeni oluşan 'tsconfig.json' dosyasına kopyalayalım;
{   "compilerOptions": {     "emitDecoratorMetadata": true,     "experimentalDecorators": true,     "module": "commonjs",     "noEmitOnError": true,     "noImplicitAny": false,     "outDir": "../wwwroot/app/",     "removeComments": false,     "sourceMap": true,     "target": "es5"   },   "exclude": [     "node_modules"   ] } Bu sayede typescript kodlarımız derlenerek plain-javascript' e çevirilecek ve "/wwwroot/app/" klasörüne kopyalacak.


İşte nihayet biraz angular yazabiliriz. Öncelikle oluşturduğumuz app klasörüne 'app.component.ts' adında bir typescript dosyası ekleyelim ve aşağıdaki kodu kopyalayalım;
import {Component} from 'angular2/core'; @Component({     selector: 'my-app',     template: `<h1>{{title}}</h1>     <div><label>Rating</label>{{hero.rating}}</div>     <div><label>Name </label>{{hero.name}}</div>     <div><label>Description</label>{{hero.description}}</div>     <div><label>Motto</label>{{hero.motto}}</div>     ` }) export class AppComponent {     public title = "Best Game Character";     public hero: GameHero = {         rating: 5, name: "geralt of rivia", description: "White Wolf", motto: "If I'm to choose between one evil and another, I'd rather not choose at all."     }; } interface GameHero {     rating: number,     name: string,     description?: string,     motto?: string } şimdi ise ön yükleme için main adında yine bir typescript dosyası oluşturalım  ve oluşan 'main.ts' dosyasına şu kodları ekleyelim;
///<reference path="../node_modules/angular2/typings/browser.d.ts"/> import {bootstrap} from 'angular2/platform/browser' import {AppComponent} from './app.component' bootstrap(AppComponent);  
Son olarak bir html sayfasına ihtiyacımız var. Bunun için wwwroot klasöüne sağ tıklayarak "index.html" adında bir html dosyası ekleyelim ve bu oluşan dosyaya aşağıdaki kodları kopyalayalım;
<!DOCTYPE html> <style>     label {         display: block;         width: 100px;     } </style> <html> <head>     <meta charset="utf-8" />     <title>Angular 2 with ASP.NET 5</title>     <link href="libs/css/bootstrap.css" rel="stylesheet" />     <script src="libs/es6-shim.min.js"></script>     <script src="libs/system-polyfills.js"></script>     <script src="libs/shims_for_IE.js"></script>     <script src="libs/angular2-polyfills.js"></script>     <script src="libs/system.js"></script>     <script src="libs/rx.js"></script>     <script src="libs/angular2.dev.js"></script>     <script>         System.config({             packages: {                 app: {                     defaultExtension: 'js'                 }             }         });     </script>     <script>         System.import('app/main')               .then(null, console.error.bind(console));     </script> </head> <body>     <my-app>Loading...</my-app> </body> </html>
Projeyi çalıştırdığımızda oluşturduğumuz template' in nasılda güzel html e dönüştünü görebilirsiniz. Ayrıca projenin tamamını aşağıdan indirebilirsiniz;
https://drive.google.com/open?id=0BwknnP77KksudURZRlhOVlc2UUk
 
 
Peki niçin angular2' yi öğrenmek gerek derseniz bence front-end geliştirmenin geleceği burada yatıyor. Hem desktop hem de mobil, hem web hem de native tarafta angular2 kendine oldukça fazla destekçi bulacaktır. Ayrıca siz de benim gibi back-end' ciyseniz ama yine de zamanınızın çok büyük bölümü front-end' de de geçiyorsa jquery' nin, razor' ın gerekli yeterliliği ve tatmini sağlamadığını göreceksiniz. Angular2 ise işte tam burada bir kahraman gibi karşınıza çıkıyor. Zevkli, yaratıcı ve keyif veren kodlamalar dilerim.

Kaynaklar;
https://angular.io/docs/ts/latest/quickstart.html
http://www.mithunvp.com/angular-2-in-asp-net-5-typescript-visual-studio-2015/

Arkadaşlar Merhaba;

Google' ın başarılı mvvm javascript framework' ü Angular' ın 2. sürümünü büyük bir merakla bekliyordum ve geçtiğimiz günlerde betası yayımlandı. Ben de ilk defa bugün deneme fırsatı yakaladım. Yalnız bu sürüm önceki sürümden çok farklı ve kurulum + konfigürasyon işlemleri bildiğimiz javascript kütüphaneleri kadar kolay değil. Ben de merak eden arkadaşlar için ufak çaplı bir başlangıç rehberi hazırladım. Buradaki örnekte çok basit bir html sayfası hazırlayacağız.

Benim burada kullanacağım ide visual studio 2015. Ek olarak mutlaka Update 1 güncellemesi yüklü olmak zorunda;
https://www.visualstudio.com/post-download-vs?sku=community&clcid=0x409

Angular2 ile uygulama geliştiriken kullanacağımız dil typescript olacak. Ek olarak javascript ve dart' ta kullanabilirsiniz ama Angular ekibi de typescript' i tercih ediyor. Typescript hakkında bilgi verecek olursak; Microsoft' da technical fellow olan ve daha önce C#, Delphi, Turbo Pascal gibi dillerin baş mimari Anders Hejlsberg tarafından geliştirilmiş görece yeni bir dildir. Ek özellikleri;
    Derleme zamanlı tip kontrolü sağlar.     class, interface, encapsulation, inheritance gibi object-oriented programlamanın temel prensiplerini destekler.     Derlenmiş çıktı olarak yalın javascript kodu üretir. Bir kere alıştıktan sonra plain-javascript yazmanın çok da sağlıklı olmadığını hemen anlamaya başlıyorsunuz. Ek olarak proje büyüdükçe typescript kullanmakla ne kadar iyi bir karar vermiş olduğunuzu anlayacaksınız. Zaten outlook.com, asana gibi yoğun javascript kullanılan uygulamalar typescript ile geliştiriliyor.
Typescript' i indirmek için aşağıdaki linki kullanabilirsiniz;
http://www.typescriptlang.org/


Son olarak ta ASP.NET 5 RC indirmeniz gerekli;
https://get.asp.net/


Tüm yükleme işlemleri tamamlandıktan sonra yeni bir proje oluşturalım;

Yalnız en başta belirteyim; bu proje şablonu klasik asp.net proje yapılarından çok farklı. NuGet yerine node.js den gelen npm kullanılıyor ve klasör dizilimi hatta sln dosyasının yapısı da çok değişik. Visual studio kullanmanıza rağmen daha çok java veya node.js projesi geliştiriyormuşsunuz gibi hissedeceksiniz.

Proje oluştururken
File > New > Project > Asp.Net Web Application > Asp.Net 5 Templates > Empty seçeneklerini seçiyoruz;





Projemizi oluşturdukdan sonra Startup.cs sınıfımızın Configure methoduna şu kodları ekleyin;
 
app.UseDefaultFiles(); app.UseStaticFiles();


Yukarıdaki kodu eklediğiniz de visual studio tarafından hata alcaksınız. Önüne geçnek için 'project.json' konfigürasyon dosyamızın dependencies bölümüne
"Microsoft.AspNet.StaticFiles": "1.0.0-rc1-final"
referansını ekleyin ve kaydedin. Ardından ide' niz references kısmını restore edecek ve startup.cs deki hata giderilşmiş olacak.;



Angular2 beta aşamasında ve dağıtımı şu an npm (node package manager) üzerinden yapılıyor. Bizim de visual studio tarafında npm i konfigüre etmemiz için projeye sağ tıklayıp; add > new item > NPM Configuration File' ı seçmemiz gerekli. Ardın oluşturulan package.json dosyasına şu kısımları kopyalayın;


{   "version": "0.0.0",   "name": "Angular2QuikStart",   "dependencies": {     "angular2": "2.0.0-beta.8",     "systemjs": "0.19.22",     "es6-promise": "^3.0.2",     "es6-shim": "^0.33.3",     "reflect-metadata": "0.1.2",     "rxjs": "5.0.0-beta.2",     "zone.js": "0.5.15",     "bootstrap": "^3.3.5",     "jquery": "^2.1.4",     "typescript": "1.8.7"   },   "devDependencies": {     "gulp": "^3.9.1"   } } Dosyayı kaydettikten sonra dependencies kısmının restore olduğunu ve projenin src dizinine yeni bir 'node_modules' adında bir klasör oluşturulduğunu göreceksiniz. İşte bu klasörün içinde angular2' nin ihtiyaç duyduğu tüm typescript/javascript dosyaları mevcut.

Asp.Net Core uygulamalarında tüm sabit dosyalar, scriptler, resimler vs. wwwroot klasörünün altında bulunmalı. Dolayısıyla bizim  'node_modules' klasöründeki gerekli dosyaları 'wwwroot' altına taşımamız gerek. Bunu elle yapmak yerine Gulp' ı kullanacağız. Bunun için yine projemize sağ tıklayıp > add > new item > Gulp Configuration File seçiyoruz. Oluşan 'gulpfile.js' dosyasına aşağıdaki kodu kopyalıcaz;
 
/// <binding AfterBuild='moveToLibs' /> var gulp = require('gulp');   gulp.task('moveToLibs', function (done) {     gulp.src([       'node_modules/angular2/bundles/js',       'node_modules/angular2/bundles/angular2.*.js*',       'node_modules/angular2/bundles/angular2-polyfills.js',       'node_modules/angular2/bundles/http.*.js*',       'node_modules/angular2/bundles/router.*.js*',       'node_modules/es6-shim/es6-shim.min.js*',       'node_modules/angular2/es6/dev/src/testing/shims_for_IE.js',       'node_modules/systemjs/dist/*.*',       'node_modules/jquery/dist/jquery.*js',       'node_modules/bootstrap/dist/js/bootstrap*.js',       'node_modules/rxjs/bundles/Rx.js'     ]).pipe(gulp.dest('./wwwroot/libs/'));       gulp.src([       'node_modules/bootstrap/dist/css/bootstrap.css'     ]).pipe(gulp.dest('./wwwroot/libs/css')); }); yukarıda en başa eklemiz olduğumuz
/// <binding AfterBuild='moveToLibs' /> satırı sayesinde derleme işlemlerinde sonra ilgili dosyalar 'wwwroot/libs' klasörüne kopyalanacak.

Şimdiki adımda ise typescript i konfigüre etmemiz gerekli;
bunun için projeye sağ tıklayıp yeni klasör ekleyelim ve adı 'app' olsun.

Sonra yine projeye sağ tıklayıp add > new item > TypeScipt JSON Configuration File ekleyelim ve aşağıda kodu yeni oluşan 'tsconfig.json' dosyasına kopyalayalım;
{   "compilerOptions": {     "emitDecoratorMetadata": true,     "experimentalDecorators": true,     "module": "commonjs",     "noEmitOnError": true,     "noImplicitAny": false,     "outDir": "../wwwroot/app/",     "removeComments": false,     "sourceMap": true,     "target": "es5"   },   "exclude": [     "node_modules"   ] } Bu sayede typescript kodlarımız derlenerek plain-javascript' e çevirilecek ve "/wwwroot/app/" klasörüne kopyalacak.


İşte nihayet biraz angular yazabiliriz. Öncelikle oluşturduğumuz app klasörüne 'app.component.ts' adında bir typescript dosyası ekleyelim ve aşağıdaki kodu kopyalayalım;
import {Component} from 'angular2/core'; @Component({     selector: 'my-app',     template: `<h1>{{title}}</h1>     <div><label>Rating</label>{{hero.rating}}</div>     <div><label>Name </label>{{hero.name}}</div>     <div><label>Description</label>{{hero.description}}</div>     <div><label>Motto</label>{{hero.motto}}</div>     ` }) export class AppComponent {     public title = "Best Game Character";     public hero: GameHero = {         rating: 5, name: "geralt of rivia", description: "White Wolf", motto: "If I'm to choose between one evil and another, I'd rather not choose at all."     }; } interface GameHero {     rating: number,     name: string,     description?: string,     motto?: string } şimdi ise ön yükleme için main adında yine bir typescript dosyası oluşturalım  ve oluşan 'main.ts' dosyasına şu kodları ekleyelim;
///<reference path="../node_modules/angular2/typings/browser.d.ts"/> import {bootstrap} from 'angular2/platform/browser' import {AppComponent} from './app.component' bootstrap(AppComponent);  
Son olarak bir html sayfasına ihtiyacımız var. Bunun için wwwroot klasöüne sağ tıklayarak "index.html" adında bir html dosyası ekleyelim ve bu oluşan dosyaya aşağıdaki kodları kopyalayalım;
<!DOCTYPE html> <style>     label {         display: block;         width: 100px;     } </style> <html> <head>     <meta charset="utf-8" />     <title>Angular 2 with ASP.NET 5</title>     <link href="libs/css/bootstrap.css" rel="stylesheet" />     <script src="libs/es6-shim.min.js"></script>     <script src="libs/system-polyfills.js"></script>     <script src="libs/shims_for_IE.js"></script>     <script src="libs/angular2-polyfills.js"></script>     <script src="libs/system.js"></script>     <script src="libs/rx.js"></script>     <script src="libs/angular2.dev.js"></script>     <script>         System.config({             packages: {                 app: {                     defaultExtension: 'js'                 }             }         });     </script>     <script>         System.import('app/main')               .then(null, console.error.bind(console));     </script> </head> <body>     <my-app>Loading...</my-app> </body> </html>
Projeyi çalıştırdığımızda oluşturduğumuz template' in nasılda güzel html e dönüştünü görebilirsiniz. Ayrıca projenin tamamını aşağıdan indirebilirsiniz;
https://drive.google.com/open?id=0BwknnP77KksudURZRlhOVlc2UUk
 
 
Peki niçin angular2' yi öğrenmek gerek derseniz bence front-end geliştirmenin geleceği burada yatıyor. Hem desktop hem de mobil, hem web hem de native tarafta angular2 kendine oldukça fazla destekçi bulacaktır. Ayrıca siz de benim gibi back-end' ciyseniz ama yine de zamanınızın çok büyük bölümü front-end' de de geçiyorsa jquery' nin, razor' ın gerekli yeterliliği ve tatmini sağlamadığını göreceksiniz. Angular2 ise işte tam burada bir kahraman gibi karşınıza çıkıyor. Zevkli, yaratıcı ve keyif veren kodlamalar dilerim.

Kaynaklar;
https://angular.io/docs/ts/latest/quickstart.html
http://www.mithunvp.com/angular-2-in-asp-net-5-typescript-visual-studio-2015/

Arkadaşlar Merhaba;

Google' ın başarılı mvvm javascript framework' ü Angular' ın 2. sürümünü büyük bir merakla bekliyordum ve geçtiğimiz günlerde betası yayımlandı. Ben de ilk defa bugün deneme fırsatı yakaladım. Yalnız bu sürüm önceki sürümden çok farklı ve kurulum + konfigürasyon işlemleri bildiğimiz javascript kütüphaneleri kadar kolay değil. Ben de merak eden arkadaşlar için ufak çaplı bir başlangıç rehberi hazırladım. Buradaki örnekte çok basit bir html sayfası hazırlayacağız.

Benim burada kullanacağım ide visual studio 2015. Ek olarak mutlaka Update 1 güncellemesi yüklü olmak zorunda;
https://www.visualstudio.com/post-download-vs?sku=community&clcid=0x409

Angular2 ile uygulama geliştiriken kullanacağımız dil typescript olacak. Ek olarak javascript ve dart' ta kullanabilirsiniz ama Angular ekibi de typescript' i tercih ediyor. Typescript hakkında bilgi verecek olursak; Microsoft' da technical fellow olan ve daha önce C#, Delphi, Turbo Pascal gibi dillerin baş mimari Anders Hejlsberg tarafından geliştirilmiş görece yeni bir dildir. Ek özellikleri;
    Derleme zamanlı tip kontrolü sağlar.     class, interface, encapsulation, inheritance gibi object-oriented programlamanın temel prensiplerini destekler.     Derlenmiş çıktı olarak yalın javascript kodu üretir. Bir kere alıştıktan sonra plain-javascript yazmanın çok da sağlıklı olmadığını hemen anlamaya başlıyorsunuz. Ek olarak proje büyüdükçe typescript kullanmakla ne kadar iyi bir karar vermiş olduğunuzu anlayacaksınız. Zaten outlook.com, asana gibi yoğun javascript kullanılan uygulamalar typescript ile geliştiriliyor.
Typescript' i indirmek için aşağıdaki linki kullanabilirsiniz;
http://www.typescriptlang.org/


Son olarak ta ASP.NET 5 RC indirmeniz gerekli;
https://get.asp.net/


Tüm yükleme işlemleri tamamlandıktan sonra yeni bir proje oluşturalım;

Yalnız en başta belirteyim; bu proje şablonu klasik asp.net proje yapılarından çok farklı. NuGet yerine node.js den gelen npm kullanılıyor ve klasör dizilimi hatta sln dosyasının yapısı da çok değişik. Visual studio kullanmanıza rağmen daha çok java veya node.js projesi geliştiriyormuşsunuz gibi hissedeceksiniz.

Proje oluştururken
File > New > Project > Asp.Net Web Application > Asp.Net 5 Templates > Empty seçeneklerini seçiyoruz;





Projemizi oluşturdukdan sonra Startup.cs sınıfımızın Configure methoduna şu kodları ekleyin;
 
app.UseDefaultFiles(); app.UseStaticFiles();


Yukarıdaki kodu eklediğiniz de visual studio tarafından hata alcaksınız. Önüne geçnek için 'project.json' konfigürasyon dosyamızın dependencies bölümüne
"Microsoft.AspNet.StaticFiles": "1.0.0-rc1-final"
referansını ekleyin ve kaydedin. Ardından ide' niz references kısmını restore edecek ve startup.cs deki hata giderilşmiş olacak.;



Angular2 beta aşamasında ve dağıtımı şu an npm (node package manager) üzerinden yapılıyor. Bizim de visual studio tarafında npm i konfigüre etmemiz için projeye sağ tıklayıp; add > new item > NPM Configuration File' ı seçmemiz gerekli. Ardın oluşturulan package.json dosyasına şu kısımları kopyalayın;


{   "version": "0.0.0",   "name": "Angular2QuikStart",   "dependencies": {     "angular2": "2.0.0-beta.8",     "systemjs": "0.19.22",     "es6-promise": "^3.0.2",     "es6-shim": "^0.33.3",     "reflect-metadata": "0.1.2",     "rxjs": "5.0.0-beta.2",     "zone.js": "0.5.15",     "bootstrap": "^3.3.5",     "jquery": "^2.1.4",     "typescript": "1.8.7"   },   "devDependencies": {     "gulp": "^3.9.1"   } } Dosyayı kaydettikten sonra dependencies kısmının restore olduğunu ve projenin src dizinine yeni bir 'node_modules' adında bir klasör oluşturulduğunu göreceksiniz. İşte bu klasörün içinde angular2' nin ihtiyaç duyduğu tüm typescript/javascript dosyaları mevcut.

Asp.Net Core uygulamalarında tüm sabit dosyalar, scriptler, resimler vs. wwwroot klasörünün altında bulunmalı. Dolayısıyla bizim  'node_modules' klasöründeki gerekli dosyaları 'wwwroot' altına taşımamız gerek. Bunu elle yapmak yerine Gulp' ı kullanacağız. Bunun için yine projemize sağ tıklayıp > add > new item > Gulp Configuration File seçiyoruz. Oluşan 'gulpfile.js' dosyasına aşağıdaki kodu kopyalıcaz;
 
/// <binding AfterBuild='moveToLibs' /> var gulp = require('gulp');   gulp.task('moveToLibs', function (done) {     gulp.src([       'node_modules/angular2/bundles/js',       'node_modules/angular2/bundles/angular2.*.js*',       'node_modules/angular2/bundles/angular2-polyfills.js',       'node_modules/angular2/bundles/http.*.js*',       'node_modules/angular2/bundles/router.*.js*',       'node_modules/es6-shim/es6-shim.min.js*',       'node_modules/angular2/es6/dev/src/testing/shims_for_IE.js',       'node_modules/systemjs/dist/*.*',       'node_modules/jquery/dist/jquery.*js',       'node_modules/bootstrap/dist/js/bootstrap*.js',       'node_modules/rxjs/bundles/Rx.js'     ]).pipe(gulp.dest('./wwwroot/libs/'));       gulp.src([       'node_modules/bootstrap/dist/css/bootstrap.css'     ]).pipe(gulp.dest('./wwwroot/libs/css')); }); yukarıda en başa eklemiz olduğumuz
/// <binding AfterBuild='moveToLibs' /> satırı sayesinde derleme işlemlerinde sonra ilgili dosyalar 'wwwroot/libs' klasörüne kopyalanacak.

Şimdiki adımda ise typescript i konfigüre etmemiz gerekli;
bunun için projeye sağ tıklayıp yeni klasör ekleyelim ve adı 'app' olsun.

Sonra yine projeye sağ tıklayıp add > new item > TypeScipt JSON Configuration File ekleyelim ve aşağıda kodu yeni oluşan 'tsconfig.json' dosyasına kopyalayalım;
{   "compilerOptions": {     "emitDecoratorMetadata": true,     "experimentalDecorators": true,     "module": "commonjs",     "noEmitOnError": true,     "noImplicitAny": false,     "outDir": "../wwwroot/app/",     "removeComments": false,     "sourceMap": true,     "target": "es5"   },   "exclude": [     "node_modules"   ] } Bu sayede typescript kodlarımız derlenerek plain-javascript' e çevirilecek ve "/wwwroot/app/" klasörüne kopyalacak.


İşte nihayet biraz angular yazabiliriz. Öncelikle oluşturduğumuz app klasörüne 'app.component.ts' adında bir typescript dosyası ekleyelim ve aşağıdaki kodu kopyalayalım;
import {Component} from 'angular2/core'; @Component({     selector: 'my-app',     template: `<h1>{{title}}</h1>     <div><label>Rating</label>{{hero.rating}}</div>     <div><label>Name </label>{{hero.name}}</div>     <div><label>Description</label>{{hero.description}}</div>     <div><label>Motto</label>{{hero.motto}}</div>     ` }) export class AppComponent {     public title = "Best Game Character";     public hero: GameHero = {         rating: 5, name: "geralt of rivia", description: "White Wolf", motto: "If I'm to choose between one evil and another, I'd rather not choose at all."     }; } interface GameHero {     rating: number,     name: string,     description?: string,     motto?: string } şimdi ise ön yükleme için main adında yine bir typescript dosyası oluşturalım  ve oluşan 'main.ts' dosyasına şu kodları ekleyelim;
///<reference path="../node_modules/angular2/typings/browser.d.ts"/> import {bootstrap} from 'angular2/platform/browser' import {AppComponent} from './app.component' bootstrap(AppComponent);  
Son olarak bir html sayfasına ihtiyacımız var. Bunun için wwwroot klasöüne sağ tıklayarak "index.html" adında bir html dosyası ekleyelim ve bu oluşan dosyaya aşağıdaki kodları kopyalayalım;
<!DOCTYPE html> <style>     label {         display: block;         width: 100px;     } </style> <html> <head>     <meta charset="utf-8" />     <title>Angular 2 with ASP.NET 5</title>     <link href="libs/css/bootstrap.css" rel="stylesheet" />     <script src="libs/es6-shim.min.js"></script>     <script src="libs/system-polyfills.js"></script>     <script src="libs/shims_for_IE.js"></script>     <script src="libs/angular2-polyfills.js"></script>     <script src="libs/system.js"></script>     <script src="libs/rx.js"></script>     <script src="libs/angular2.dev.js"></script>     <script>         System.config({             packages: {                 app: {                     defaultExtension: 'js'                 }             }         });     </script>     <script>         System.import('app/main')               .then(null, console.error.bind(console));     </script> </head> <body>     <my-app>Loading...</my-app> </body> </html>
Projeyi çalıştırdığımızda oluşturduğumuz template' in nasılda güzel html e dönüştünü görebilirsiniz. Ayrıca projenin tamamını aşağıdan indirebilirsiniz;
https://drive.google.com/open?id=0BwknnP77KksudURZRlhOVlc2UUk
 
 
Peki niçin angular2' yi öğrenmek gerek derseniz bence front-end geliştirmenin geleceği burada yatıyor. Hem desktop hem de mobil, hem web hem de native tarafta angular2 kendine oldukça fazla destekçi bulacaktır. Ayrıca siz de benim gibi back-end' ciyseniz ama yine de zamanınızın çok büyük bölümü front-end' de de geçiyorsa jquery' nin, razor' ın gerekli yeterliliği ve tatmini sağlamadığını göreceksiniz. Angular2 ise işte tam burada bir kahraman gibi karşınıza çıkıyor. Zevkli, yaratıcı ve keyif veren kodlamalar dilerim.

Kaynaklar;
https://angular.io/docs/ts/latest/quickstart.html
http://www.mithunvp.com/angular-2-in-asp-net-5-typescript-visual-studio-2015/

Bunlar da GTX 980 test sonuçları:
 
DX11:
 
 
 
DX12:
 
 
 
Asus'un Strix GTX 980'deki kendi fabrikasyon overclock'u dışında ekstra bir overclock yok ekran kartlarında. SLI devre dışı ve G-Sync kapalı. Test alınan sistemin anahatlarıyla özellikleri ise şu şekilde:
 
ASUS Sabertooth Z97 Mark S - Intel i7 4790K 4700Mhz - 2x8GB Gskill DDR3-2400 CL10 RAM - ASUS PG278Q 2560x1440 G-Sync monitör
 
Oyunun görüntü ayarları 2560x1440 144Hz, Vsync OFF ve High ayarlar seçili vaziyette.
 
Nvidia 364.51 sürücü yüklü.

Crucial Ballistix 16GB DDR3 1600 bellekler harici diğer ürünler satılmıştır.

Başlığı hortlatmak gibi olacak ama bahsi geçen micro-orm' nin java implementasyonunu da tamamladım. Ek olarak .Net ve Java için ufak birer rehber hazıladım, dileyen arkadaşlar deneyebilir;
 
Kaynak Kodlar;
.Net;
https://github.com/ionixNet
Java;
https://github.com/ionixJava
 
Kaynak kodların derlenmiş halleri;
.Net;
https://drive.google.com/file/d/0BwknnP77KksuZUJVOVFWZ016VmM/view?usp=sharing
Java;
https://drive.google.com/file/d/0BwknnP77KksuYUxKZS02allaYjQ/view?usp=sharing
 
Veritabanı olarak ünlü Northwind kullanıldı. .Net örneğinde Sql Server, Java için Oracle Kullanılıyor
 
Kullanırken;
.Net;
 
 
 
 
 
Java;
 

Bu add-on'ları görünce jeton düştü bende. F4'ü tasarlarken Borderlands'in başarısını hayal etmişler. Daha renkli, daha kolay ve bol bol zıbıdık add-on'a zemin hazırlayacak bir dandik hikaye.
 
Ticari açıdan başarılı olacak, yeni nesil bunu istiyor. Ancak Fallout lore'una ve fanlarına hakarettir bu. Blasphemy!
 
F3 ne kadar metalse, F4 o kadar plastiktir...

Witcher 3 ile ayni listeye bile giremez bu oyun, yilin oyunu tartismasiz witcher 3 dur..

Evrensel uygulama diye ötüp duruyordu Microsoft, o da kolpa çıktı. Evrensel uygulamayı bize "hem telefonda, hem tablette, hem masaüstünde çalışan, hepsinde kullanılabilen uygulama" şeklinde tanıttılar. Hatta bazı uygulamalar sadece telefonda vardı mesela (6Tag gibi), evrensel uygulama olacakları duyulunca bunların masaüstüne de gelecek olması çok sevindirdi insanları. Şimdi de diyorlar ki "Evrensel uygulama olayı sadece uygulamanın geliştirildiği araçlarla alakalı, geliştirici canı istemezse diğer platformlara çıkartmaz uygulamayı, sadece bir platformla sınırlar". E bunun neresi evrensel şimdi? Geliştirirken kullanılan araçlardan bana ne, ben elime geçen ürüne bakıyorum. Tablette adam gibi bir Instagram uygulaması yok. Rudy Huyn'un keyfi gelecek de, 6Tag Windows 10'a çıkacak... Bunun tanıtımını böyle yapmışlarsa o zaman en azından iki platformda (bir de işin Xbox yanı var) olmayan uygulamayı evrensel diye tanıtmasınlar. Microsoft'un insanları gazlayıp gazlayıp ondan sonra "ya öyle dedik de, aslında öyle değildi o" diye işin içinden sıyrılmasına kıl oluyorum.

capcom pro cup oynanıyor şu an.
 
daigo öyle bir comeback attı ki...

Anandtech'te throttling konusuna değinmişti. Ancak test ve benchmark sonuçlarında benim 850 pro'lardan epey öne geçiyordu.Şu linkten bakılabilir;
 
http://www.anandtech.com/show/9702/samsung-950-pro-ssd-review-256gb-512gb/12
 
Okumada falan 270k iops değeri süper bir değer. Keza 2200/900 MB/s'lik hızlar söz konusu. Ama yine de şahsen 850 pro'lar benim için çok yeterli olduğundan ve de 256gb'lık 950 pro yerine amazondan neredeyse 512gb'lık 850 pro aldığım düşünülürse ben şahsen 850 pro'yu tercih ederdim.

  Arkadaşlar her biri için ayrı bir başlık açmaya değmeyecek ama bir yandan da sektördeki gelişmeleri takip edip diğer arkadaşları da bilgilendireceğimiz ve en önemlisi üzerine yorumlar yapabileceğimiz bir konunun olmadığını gördüm ve bu ihtiyacı gidermek adına böyle bir başlık açmaya karar verdim.   Benim dikkatimi çeken ilk kısa haber 2015 Game Awards adaylarının açıklanması oldu;   http://www.gamespot.com/articles/witcher-3-leads-game-of-the-year-nominees-for-2015/1100-6432282/   Yapımlar şu şekilde; Bloodborne Fallout 4 Metal Gear Solid V: The Phantom Pain Super Mario Maker The Witcher 3: Wild Hunt  
Sizin favoriniz hangisi?       İkinci olarak da Ars Technica SteamOS' in performansını masaya yatırmış ve sonuçlar pek iç açıcı değil;
 
http://arstechnica.com/gaming/2015/11/ars-benchmarks-show-significant-performance-hit-for-steamos-gaming/
 
Umarım zamanla OpenGL' in daha da olgunlaşması ve gpu üreticilerinin linux driver' lara da gereken önemi vermesiyle bu fark kapanır.
 
 
 
ilk çıkış gününde Fall 4' ün 12 milyon adet dağıtımı yapılmış;
  http://www.gamespot.com/articles/fallout-4-ships-12-million-copies-in-one-day-break/1100-6432277/   Çıkışıyla birlikte birçok oyuncuyu ikiye bölmesine karşın şurası kesin ki oyunun satışları çok iyi olacak. Umarım Bethesda bu paranın bir kısmını artık antika sayılacak oyun motorunu geliştirmeye ayırır. Bir sonraki oyunlarında bu teknik yetersizlikle birçok oyuncuyu şimdiki gibi memnun edemeyecektir.  

  Arkadaşlar her biri için ayrı bir başlık açmaya değmeyecek ama bir yandan da sektördeki gelişmeleri takip edip diğer arkadaşları da bilgilendireceğimiz ve en önemlisi üzerine yorumlar yapabileceğimiz bir konunun olmadığını gördüm ve bu ihtiyacı gidermek adına böyle bir başlık açmaya karar verdim.   Benim dikkatimi çeken ilk kısa haber 2015 Game Awards adaylarının açıklanması oldu;   http://www.gamespot.com/articles/witcher-3-leads-game-of-the-year-nominees-for-2015/1100-6432282/   Yapımlar şu şekilde; Bloodborne Fallout 4 Metal Gear Solid V: The Phantom Pain Super Mario Maker The Witcher 3: Wild Hunt  
Sizin favoriniz hangisi?       İkinci olarak da Ars Technica SteamOS' in performansını masaya yatırmış ve sonuçlar pek iç açıcı değil;
 
http://arstechnica.com/gaming/2015/11/ars-benchmarks-show-significant-performance-hit-for-steamos-gaming/
 
Umarım zamanla OpenGL' in daha da olgunlaşması ve gpu üreticilerinin linux driver' lara da gereken önemi vermesiyle bu fark kapanır.
 
 
 
ilk çıkış gününde Fall 4' ün 12 milyon adet dağıtımı yapılmış;
  http://www.gamespot.com/articles/fallout-4-ships-12-million-copies-in-one-day-break/1100-6432277/   Çıkışıyla birlikte birçok oyuncuyu ikiye bölmesine karşın şurası kesin ki oyunun satışları çok iyi olacak. Umarım Bethesda bu paranın bir kısmını artık antika sayılacak oyun motorunu geliştirmeye ayırır. Bir sonraki oyunlarında bu teknik yetersizlikle birçok oyuncuyu şimdiki gibi memnun edemeyecektir.  

Notebookda windows 7 var mıydı? Veya laptop kendisi windows 8.1 ile gelmişmiydi?
 
Bu iki sorudan birisi bile evet olarak cevaplanabiliyorsa o durumda çözüm basit. Para vermeye gerek olmadan önce laptop ile gelen işletim sistemi kurulacak herhangi bir driver kurmadan windows 10 a güncelleme yapılıp aktive edilecek ve ondan sonra temiz kurulum veya eski windows dosyaları diskten temizlenerek devam edilecek.

7 Ekim gibi kalmış aklımda, neyse akşama indirelim bari o zaman, sürücüyü de güncelleriz.

Tasarrufun yanisinra hibrit/elektrikli araclar yillardir milli Turk otomobil markasi yaratamamis olmaktan dovunen Turk endustrisi icin de onemli bir firsat. Modern bir elektrikli aracta sanziman, yuksek etkinlikte patlarli motor gibi teknolojileri diger ulkeler tarafindan dikkatle korunan, onlarin tekelinde olan hic bir sey yok. Turk endustrisi uzun yillardir elektrik motorunun, voltaj kontrolorunun en iyisini yapabiliyor. Sasi, yapisal parca uretiminde de sorunu yok. Pil teknolojisi hala temin edilebiliyor. Turk sirketleri elektrikli binek arac tasarimi ve uretimine odaklansalar kaybedilen onlarca yili telafi edip kisa surede dunya standardlarina yetisebilirler gibi geliyor bana. Ilk 1-2 nesli devlet posta, zabita vs. gibi hizmet araci filolari icin hatiri sayilir miktarlarda satin alarak destek verir; tasarimlarin olgunlasmasina imkan saglar. Cinli BYD vs. gibi sirketler bu yaklasimla cok kisa surede ilerledi, buyuduler.
 
Buradaki Tesla showroom'larinda Tesla Model S'in sasisi monte edilmemis halde, sadece yuruyen aksami sergileniyor. Patlarli motorun borulari, hortumlari, koskoca sanziman falan olmayinca geride kalan hersey o kadar basit ve sade ki. Insanin o kadar basit bir duzenegin piyasadaki en iyi binek araclarindan birisini yuruttugune inanasi gelmiyor.  Asagida resmi var: motor, batarya, tum elektronik aksam bundan ibaret - ister inanin, ister inanmayin arabanin butun yuruyen aksami  bu kadar:
 

 
Otomotiv endustrisi icin bu belki de bir daha hic gelmeyecek, her seye neredeyse sifirdan baslamaya izin veren bir firsat. Degerlendirebilene tabii - "bunlarin menzili iyi degildir", "sarj cihazi yok abi", "bunun hammaddesi filancada, ileride vermezlerse n'ederiz" diye beklenirse firsat kacip gider.

 
Hocam bence diğer oyunları fırsatın varken öne al... Witcher 3 ten sonra insanın dönüp de diğer oyunlara bakası gelmiyor çünkü...

 
Internette başka forumda vardı, X markasının servis müdürü X markasının aracını götürüp yeni yazılım yükletip motorun fabrikada sınırlandırılmış potansiyelini açtırıyordu, yani çoğumuzun bildiği
Mod olayı.
 
Tabii müsade edilen CO2 oranları filan bu mod yüzünden aşılıyor.
 
Muayene vakti geldiğinde kendisine Motor Mod yazılımını yükleyen yere gidip orjinal fabrika ayarlarını geri yükletip öyle muayene gidiyorlar.
 
Bizde araçların kimbilir kaçta kaçında olan bir olay zaten.
 
Başka bir konu eski Ikarus otobüsler, yakın zamana kadar belediyenin filosunda olan bu otobüsler eşşek gibi CO2 salıyorlardu egzoslarından yani bizde zehirli gaz CO2 salınımı filan hak getire..

Ozan, uygun fiyatlı 2K monitör olduğunu zannetmiyorum, 1080p olarak uygun fiyatlı ASUS VS239H, VX239H var, bunlar 23" IPS, Dell P2414H var, geçen hafta falandı herhalde 690 TL mi neydi hepsiburada mağazasında. Dell U2414H var, gayet ince çerçeveli, bu da şu an en uygun kliksada. Bunlar 24" IPS. 
Yine 23" AOC modelleri de var.
 
Bunlar işini görür, en uygunu P2414H bence, Dell monitörlerin ayakları daha fonksiyonlu ASUS'a falan göre.

 
1. Microsoft Nokia'yi degil, sadece Nokia'nin sadece telefon tasarimi ve uretimi bolumunu satin aldi. Nokia "altyapi operatoru" falan degil; telekomunikasyon altyapisi sistemleri gelistirip satiyor. Nokia'nin telekomunikasyon altyapisi isi hala bagimsiz bir sirket olan Nokia Networks tarafindan surduruluyor ve Microsoft ile alakasi yok, Microsoft'a para kazandirmasi da sozkonusu degil. Microsoft Nokia'yi almak ve yeniden yapilandirmak icin harcadigi 8 milyar dolari "write-off" etti, yani vergi beyaninda zarar olarak gostererek bu parayi kaybettigini resmen kabul etmis oldu. Nokia daha cok uzun yillar Microsoft'a bes kurus kazandirmayacak, ve kendisini amorti edebilmesi zor gozukuyor.
 
2. Nokia'nin sizin deyiminizle "icine eden" CEO'su Elop daha once Microsoft'da ust duzey yonetici idi. Bugun bile teknoloji ve yatirim kulislerinde Elop'un Nokia'ya zarar veren bir suru kararinin sirketin telefon operasyonunu uzun vadede Microsoft'a satmak hedefine yonelik bir stratejinin parcasi oldugu konusuluyor. Dogru olmasa bile en azindan Elop'un sirketi soktugu durumun direk olarak yillardir bir parcasi oldugu eski Microsoft mentalitesinin bir eseri oldugu soylenebilir. Dolayisiyla Nokia'nin dustugu sefil halin ve kelimenin tam anlami ile mundar edilmesinin Microsoft ile ilgisi var; kaderini Windows Phone'a baglamak yerine Samsung gibi premium bir Android telefon ureticisi olabilir, hayatta kalabilirdi.
 
Kanimca Microsoft'un AMD'yi almasi pek akla yatan bir ihtimal degil. Microsoft'un Intel ile uzun yillardir suren cok derin bir iliskisi ve kader birligi var. Yok Microsoft kendi islemcisini tasarlamak istiyormus, yok kendisi GPU yapacakmis gibi fikirler havada ucusuyor. Microsoft istedigi herhangi bir islemciyi, GPU'yu piyasadaki istedigi sirkete yaptirtabilecek kadar buyuk ve onemli bir musteri. Bunun icin de 10,000'e yakin yeni personeli ve bir ton borcu devralmasi, batmanin esigine gelmis bir sirketi satin almasi gerekmiyor.  Elindeki AMD hisselerine simdiki fiyatin cok ustunde fiyat odemis olan Mubadala (Araplar) da sirketi en azindan bir sure kimseye ucuza satmamaya kararli gozukuyorlar. 
 
Daha once de birkac kere belirttigim gibi AMD'yi alabilecek kadar gozu kara olan birisi varsa o da muhtelif Cin sirketleri. ABD kongresinin bu satisi asla onaylamayacagini gayet iyi bildikleri icin de bu satis isi biraz zor. Yine daha once bu forumda bence en guclu ihtimal oldugunu belirttigim private equity fonu senaryosu gecen hafta Silver Lake fonunun AMD'nin bir kismini almak ile ilgilendigi soylentisi ile gundeme geldi. Bence olacak olan bu. 
 
Bugun SeekingAlpha'da cikan, bence iyi yazilmis bu makale MS'in AMD'yi almasi fikrinin neden mantikli olmadigini anlatiyor:
 
http://seekingalpha.com/article/3508756-microsoft-buying-amd-makes-no-sense
 
 

fena ürün değilmiş. Şimdilik idare ediyorum ama ileride sd kart özelliği nedeniyle düşünebilirim.

Hocam seri ile bir alakam yok ancak oyunun incelemelerinden bir başyapıt olduğu belli ve ayrıca serinin sevenlerine de son derece saygım var. Sadece bu 'i made this' olayına da çok güldüm, o yüzden paylaşayım dedim.

Oyunda her görev öncesi Kojima logosu çıkıp directed by kojima yazıyormuş. Bu durum bazı oyunculara bıkkınlık getirmiş olacak ki şöyle bir kapak hazırlamışlar;
 

 
Dünden beri bakıp bakıp gülüyorum... 

Bu arkadaş bana tahrikmili' ni hatırlattı. O da agresif Ati' ciydi   .

200TL fark varsa paralel ithalat galiba, yoksa normalde o kadar fiyat farkı yoktur herhalde.