İlk önce Angular CLI kurulur; npm install -g @angular/cli ng -v komutu ile kurulumu kontrol edebiliriz; Yeni bir proje yaratma: ng new PROJECT-NAME Yaratılan proje dizinine girme; cd PROJECT-NAME bu dizin altında npm install denir. ng serve ile proje başlatılır. Consoleda ilk başta şu yazıyı görebilirsiniz; ** NG Live Development Server is listening on localhost:4200,…Continue reading Angular 5 Giriş
Kategori: AngularJS
angularjs yazilari
Access-Control-Allow-Origin’ header veya CORS hatası çözümleri
cors hatası, Access-Control-Allow-Origin header
MomentJs- Giris
Moment JS Nedir ? Projenizi Geliştirirken tarih zaman kavramları ile başınız belada mı. O zaman MomentJS kullanmanın vakti geldi. MomentJS bir JavaScript kütüphanasi ve tarih olaylarının içinden çıkmamızı sağlıyor. Proje js kütüphanesini buradan indirirebilirsiniz; http://momentjs.com/downloads/moment.js npm install moment –save Aşağıdaki örneklere bakabilirsiniz MomentJs Örnekler moment.locale(‘tr’); –> Dili önce Türkçe yapalım ! var nowDate = moment().format(‘YYYY-MM-DD’);…Continue reading MomentJs- Giris
JavaScript – indexOf, forEach, push-pop, slice ..
[sourcecode language=”js”] <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> script taglari arasında ornekler mevcuttur. </body> <script type="text/javascript"> // 1) indexOf // herhangi bir keyword aradığımız variableda geçiyor mu , var mı var nick = ‘Jennn’; if (nick.indexOf("Jen") > -1) { console.log(‘Jen geciyor’); } // 2) for.each var alphabet = ["a", "b", "c"]; alphabet.forEach(function(element)…Continue reading JavaScript – indexOf, forEach, push-pop, slice ..
Angular Push ve Splice
Merhaba arkadaslar, Angular ile listeye bir eleman ekleme ve bu listeden bir elaman çıkarma örnekleri yapacagız. Daha öncede bahsettiğimiz gibi bir controller ve html sayfamız olacak buralarda kullandığımız şablonlar belli. Scope kullanmaktan kaçınıyoruz. Bu örnekte ayrıca ng-repeat, ng-model ve ng-click i de görmüş olacağız. HTML imiz; index.html [sourcecode language=”html”] <!DOCTYPE html> <html> <head> <meta charset="utf-8"…Continue reading Angular Push ve Splice
Angular2 – İlk Örnek
Angular 2 merak edenler için ufak bir yazı olacak. Projeyi nasıl hızlıca ayağa kaldırması gerektiği en basit şekilde paylaşacağım. Angular 2 nasıl olmuş, Neler gelmiş neler değişmiş bu projede incelemek için işimizi görecektir. İlk önce; 1-) Bir klasör içinde iken terminali açıyoruz ve aşağıdaki komutu giriyoruz; git clone https://github.com/angular/quickstart myFirstApp 2-) Burada myFirstApp projenin dizini…Continue reading Angular2 – İlk Örnek
04_Angular Filter
Angularda işimizi kolaylaştıran en önemli şeylerden biride Filterlardır. Filterlar HTML kodun içinde directive den veya expression’ın hemen ardından yazılır.
03_AngularJS-Expression
Angularda aslında en basit konusu expressinlardir. Konular ilerlemeden expressinlari bir bakalım ve bundan sonrada sürekli kullancağımız için bizim için Angular denince akla gelecek şey olacak. Çokta önemsemiycez bunu yani adını bile unutabiliriz okadar iyi bilcez 🙂 ÖR: {{birseyler}} bu gördüğünüz bir expressiondır. Ve birseyler de gerçekten birşeyler vardır. Ve bu birseyler direk olarak HTML imize…Continue reading 03_AngularJS-Expression
02_AngularJs-Directive
Angulara girişin ardırdan Angular derslerimize başlayabiliriz.En başlangınçtan başlayarak ileriye doğru örnekleri anlatmaya çalışacağım. Bu süreçte çeşitli örneklerde yapılacak. İlk olarak bir angularjs’in kullanıldığı bir sayfa yapalım ve burada anguların en önemli özelliklerinden biri olan data-binding olayınıda görmüş olalım. NOT: Bu yazıyı yazdığım gün 9-10 ekimde github a erişim engeli vardı. İlk directive : ng-app=’app’ Kodumuz…Continue reading 02_AngularJs-Directive
01_Angulara Giriş
AngularJs hakkında uzun zamandır bir yazı dizisi yazmak istiyordum. Blogumdaki sorunlar nedeni ile bu biraz geçikti. Artık AngularJS 1.x için yazılarımı burada paylaşacağım. İlk önce nedir bu Angular ne yapar, ne yapmaz. Kullanacak isek nasıl kullanmalıyız nelere dikkat etmeliyiz bunları bildiğim kadarı ile anlatacağım. Bundan sonraki yazılarımda ise AngularJs dersleri şeklinde olacak. Yapabilirsem bir dizi…Continue reading 01_Angulara Giriş