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,…Continue reading Angular 5 Giriş

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,…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

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ş