Angular 5 Giriş

İ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, […]

Access-Control-Allow-Origin’ header hatası Çözümü

Proje geliştirken servis bağlantısında bazen sorun olabiliyor ve Tarayıcı console u açtığınızda aşağıdaki hataların yazdığını görüyorsunuz. Projenizde aşağıdaki hataları alıyorsanız düzeltmeniz gereken bazı şeyler vardır. Uzun uğraşlar sonucu bunları çözüme ulaştırdım bundan dolayı çözümleri paylaşmak istedim. Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://yourappname.com/all. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

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 Aşağıdaki örneklere bakabilirsiniz MomentJs Örnekler moment.locale(‘tr’); –> Dili önce Türkçe yapalım ! var nowDate = moment().format(‘YYYY-MM-DD’); var daysInMonth = moment(nowDate, […]

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 ******************** JS i miz: script.js Projenin calışan halini […]

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 […]

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 […]

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 […]

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 […]