AngularCLI Genel Notlar

Önce node.js kurulur ardından komut sistemiyle angular yüklenir. Node.js kurulduğunu doğrulamak için. Node -v Node.js installer kurulduğunu doğrulamak için. Npm -v Angular cli kurulum npm install -g @angular/cli ng new my-dream-app cd my-dream-app ng serve http://localhost:4200/ adres ve portunda çalıştırır.

dependency nedir? hazır yazılmış başka sınıfları kendi kodunuz içinde kullandığınızdan, kullandığınız bu diğer sınıflara da dependency denir https://medium.com/@atarikguney/dependency-injection-nedir-1124c15249ad angularcli angularjs den farklıdır. Npm:paket yöneticisidir. Yardım komutları ng help ng generate --help Yazım kuralları =CamelCase: değişken, sınıf, metod veya fonksiyonun kelimeleri bitişik ve küçük harfle başlayacak şekilde yazılmasıdır. Örnek: thisIsVariable, getCustomer angular.json=angular projesinin varsayılan ayarlarının olduğu dosya.Dosyadaki değerlerin açıklaması aşağıdaki adreste. https://github.com/angular/angular-cli/wiki/angular-workspace

typescript:javascriptin bir üst kümesidir. Component Selector:componenentin adı.bir componenti çağırmak istiyorsak bu ismi kullanamalıyız. Templateurl:componentin view tarafı yani görünüm tarafı. stylesurl=stil dosyasının çağrıldığı adres.dizidir birden fazla css,scss v.b çağrılabilir. Export class component_adı aslında componenetler birer classdır.biz classlar içinde fonksiyonlarımızı tanımlayacağız. Komponent oluşturma > ng generate component bilesen ------------------------------------------- değişken tanımlama class içerinde bu şekilde tanımlayabilriz. isim='gökhan'; isim:string; isimler: Array ngOninit bir methoddur.methodların içerisinde değişken tanımlamak için let (değişken değeri değişecekse) ve const (değişken değeri değişmeyecekse )kullanılır. Const isim = 'isim'; this.isim='gokhan'; string number boolean array any değişken tipleridir. Class içinde çağrılan değişken method içinde çağrılırken başına this konur. Servisler komponentler arası veri haberleştirmek için veya bir veriyi heryerde kullanmak için yada verileri dışarıdan almak için servisler kullanılır. Servislerin istenilen component içinde çalıştırılması için constructor içinde yazılması gerekiyor. Constructor (private takma_ismi_servisadi:çağrılacak_servis_adi){} ng generate service gokhan örneğin Constructor (private servis:gokhan ){} JQUERY yükleme npm install jquery –save bootstrap yükleme npm install bootstrap –save jquery ve bootstrap'ın devreye girmesi için angular.json içine eklenmelidir. "styles": [ "src/styles.scss", "node_modules/bootstrap/dist/css/bootstrap.min.css" ], "scripts": [ "node_modules/jquery/dist/jquery.min.js", "node_modules/bootstrap/dist/js/bootstrap.min.js" ] }, angular material ekleme ng add @angular/material angular.json içine ekliyor projeyi yayına koymak için ng build --prod