Anlattıkların karşındakinin anlayabildiği kadardır
Selamlar, Bu makalede bana bolca sorulan bir Angular projesini deploy etme yöntemlerinden birini hep beraber tartışacağız. 1-) Öncelikle gelin bir Angular projesini aşağıdaki komut satırları ile yaratalım: 2-) Projenin ana root’una alttaki web.config dosyası...
Selamlar, Bu makalede Angular 2, TypeScript ve Visual Studio Code ile çektiğim eğitim videolarını konu başlıklarına göre bir çatı altında topladım. Devamı geldikçe bu makaleyi de güncelleyeceğim. 1-)Angular2 Setup, Template, Directive ve NGModules 2-)Angular...
Selamlar, Bugün Asp.Net Mvc üzerinde Angular2 projesi nasıl yaratılır? Angular2’de bir sevisden data nasıl çekilir? Routing nasıl yapılır? Ve son olarak çekilen bu datanın, farklı bir directive’de gösterimi nasıl olur gibi konularını hep beraber inceleyeceğiz....
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; 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...
Selamlar, Bu makalede, gelen yoğun istek üzerine Visual Studio Code üzerinde bir AngularJS2 projesini nasıl Debug yapacağımızı hep beraber inceleyeceğiz. Tam açılımı ile Chrome üzerinde JavaScript Codelari debug edeceğiz. Bu makalede Visual Studio Code’da javascript debug amaçlı...
Selamlar arkadaşlar, Bu makale ile başlıyarak AngularJS 2 javascript framework’ünü detyalı olarak incelemeye başlıyacağız. Uygulama ortamı Visual Studio Code olacaktır. Ayrıca TypeScript kullanılacaktır. Size kolaylık olaması amacı ile makalenin sonundaki ekte bulunan paket, visual studio code ile açılarak,...
Inanilmaz zorlandigim bir Boss’du. Anam agladi #BlackMythWokong Chapter 4 Secret Area Duskveil Boss🌻
Son Yorumlar