ng new DenemeProject
Module: Belli bir domaindeki öğeleri kavamsal olarak ayırarak gruplamamızı sağlar. Örneğin bir e-ticaret uygulamamız olsun. Bu e-ticaret uygulamasında productlarla ilgili bir çalışmaya yapıyorsak bu producta ait tüm componenet,directive, service vs. yapıları product module altına koyabiliriz. Böylece domain bazlı ayrım sağlamış oluruz. Bir uygulamada N tane moduler olabilir fakat bu modullerden sadece bir tanesi ana moduldür. AppModule uygylama için ana modüldür.
Modüller birbirlerini import etmedikleri taktirde, bir modüldeki parça diğer modül altındaki parçalar tarafından erişilemez.
Component: ng g c [component_name]
Uygulamanın kullanıcıya gösterilecek sayfa bazında bütün işlemlerin yapıldığı yapıdır.Kullanıcıya gösterilecek sayfanın kendisidir. HTML(prdocut.componenet.html) ve TypeScript(product.component.ts) dosyalarından oluşmaktadır. Bir productpage sayfamız olacaksa işte bu, component olarak tasarlanır. Componentler src/app altında tutulur.
Componenetler, veri modeliyle etkileşim kurabilmek için Data Binding özelliğini kullanmaktadır. product.component.ts içindeki bir veri modelinde değişiklik olduğunda bunun anlık olarak product.component.html dosyasına yansımasına data binding denir. Bunun tam tersi bir durumda olabilir. product.component.html dosyasında değişkenin değerininde bir değişiklik yaptığımızda bununda product.component.ts ye yansımasına da two way data binding diyoruz.
Componentler uygulamanın bussines mantığını içerdikleri için ihtiyaç duydukları servislerin instancelerini dependency injection ile elde edebilirler.
Component içinde başka bir component olabilir.
Data Binding : Veri modeli ile templateler arasında veri akışını dinamik bir şekilde sağlarız. Böylece uygulamalardaki verisel değişiklikler otomatik olarak sayfalara yansıtılabilmektedir. Örneğin product.component.ts dosyası içerisinde bir product değişkenin durumunda bir değişiklik olursa bu product.component.html sayfasına otomatik olarak yansıtır.
Data binding çif tönlü olarak çalışmaktadır. Yani veri modeli güncellendiği zaman template'te, template güncellendiği zaman ise veri modeline anında yansıtılmaktadır.(two way data binding)
Örneğin bir create order formumuz olsun. Bu form üzerinden ilgili alanlar doldurulmaya başladığında otomatik olarak da product.component.ts içerisindeki veri modeli güncellenmektedir.
Decorator: TypeScript dilinin bir özelliğidir. Decorator sayesinde bir class'a yahut her hangi bir class memberına metadata etkeyebilmekteyiz. Böylece ilgilin yapının davranışı hakkında bir öntanımda bulunmuş oluruz.
Misal olarak bir class'ı @Component decorater'ı ile işaretlersek bunun bir component olduğu, Eğer @Injectable ile işaretlersek bir service olacağı anlamına gelmektedir.
Services: Genellikle dış servislerle( API- endpoint) iletişim kurmak, karmaşık iş operasyonlarını veya business logic'i yürütmek yahut componenetler arasında iletişim sağlayabilmek için kullanılan fiili yapılanmalardır.
Guard: Angular uygulamasında route erişimlerinin izin kontrolleri Guard yapılanması üzerinden gerçekleştirilmektedir.Aynı şekilde sayfalar arası geçiş süreçlerinde ilgili kullanıcının erişimine izin verilip verilmeyeceğine dair karar veren yapılanmalardır.
Pipes: Verilerin görüntülenme süreçlerinde işlenmesine yönelik işlevsellik sağlayan yapılarıdr.
Misal olarak bir verinin tarihsel yahut parasal biçime dönüştürülmesi pipelar sayesinde gerçkeleştirilebilir. Maskele yapmamız gerektiği durumlarda da kullanabiliriz.
