Angular 14 Nedir?
Angular 14, Google tarafından geliştirilen açık kaynaklı bir frontend framework’tür. Tek sayfalık uygulamalar (SPA) oluşturmak için kullanılır. Çok sayıda özellik ve araçla birlikte gelir, bu da onu özellikle büyük, dinamik web projeleri için popüler bir seçim haline getirir. Angular 14, önceki sürümlerine kıyasla performans geliştirmeleri, yeni özellikler ve daha temiz bir yapıyla geliyor.
Angular 14 Kurulumu
Angular 14'ü kurmak oldukça basittir. Aşağıdaki adımları izleyerek bilgisayarınıza Angular'ı kurabilirsiniz.
Adım 1: Node.js ve npm Kurulumu
Angular, Node.js ve npm (Node Package Manager) ile çalışır. Bu yüzden ilk olarak bu araçların bilgisayarınızda yüklü olduğundan emin olmalısınız. Node.js’i indirip kurmak için resmi [Node.js web sitesine](https://nodejs.org/en/) gidin ve işletim sisteminize uygun sürümü indirin.
Adım 2: Angular CLI Yükleme
Angular projeleri oluşturmak ve yönetmek için Angular CLI (Command Line Interface) kullanılır. Angular CLI, komut satırında hızlıca projeler oluşturmanıza, geliştirme sunucusu başlatmanıza ve daha birçok işlem yapmanıza olanak tanır. CLI’yı kurmak için terminal veya komut istemcisine şu komutu yazın:
npm install -g @angular/cli
Bu komut, Angular CLI’yı global olarak yükleyecektir. Eğer npm kuruluysa, bu işlem birkaç saniye sürecektir.
Adım 3: Yeni Angular Projesi Oluşturma
Angular CLI yüklendikten sonra yeni bir proje oluşturabilirsiniz. Terminale şu komutu yazın:
ng new my-angular-app
Bu komut, `my-angular-app` adında yeni bir proje klasörü oluşturacaktır. Angular, proje oluştururken bazı temel yapılandırmalar isteyecek (örneğin, stylesheet formatı seçimi: CSS, SCSS vb.).
Adım 4: Uygulamayı Çalıştırma
Proje oluşturulduktan sonra, yeni projenizi çalıştırmak için şu komutu kullanın:
cd my-angular-app
ng serve
`ng serve` komutu, Angular uygulamanızı başlatacak ve geliştirme sunucusu üzerinden erişilebilir hale getirecektir. Tarayıcınızı açıp [http://localhost:4200](http://localhost:4200) adresine giderseniz, Angular uygulamanızın ilk sayfasını göreceksiniz.
Angular 14'ün Temel Özellikleri
Angular, özellikle büyük projelerde verimli çalışabilmesiyle bilinir. Peki, Angular 14 ile neler yapabilirsiniz?
Modüler Yapı: Angular, modüller ve bileşenlerle çalışır. Projenizin her bir parçası bir modül veya bileşen olarak tanımlanır, bu da projelerinizi daha düzenli ve bakımı kolay hale getirir.
TypeScript Desteği: Angular, TypeScript ile yazılır. TypeScript, JavaScript’e ek olarak tip denetimi ve nesne yönelimli programlama özellikleri sunar.
Veri Bağlama ve Direktifler: Angular, HTML ile JavaScript arasında güçlü bir veri bağlama sunar. Direktifler sayesinde, HTML elemanlarını özelleştirebilir ve etkileşimli hale getirebilirsiniz.
HTTP İstekleri: Angular, HTTP istekleri göndermek ve almak için güçlü bir HTTPClient modülü sunar. API’lerle etkileşime geçmek oldukça kolaydır.
Angular ile İlk Uygulamanızı Geliştirme
Angular ile çalışmaya başlamak için basit bir "Merhaba Dünya" uygulaması geliştirelim. Öncelikle Angular bileşenlerine göz atalım. Angular bileşeni, bir kullanıcı arayüzü elemanı ve ona ait işlevsellikten oluşur. Bileşen oluşturmak için şu komutu kullanabilirsiniz:
ng generate component hello-world
Bu komut, `hello-world` adlı bir bileşen oluşturur. Daha sonra, bileşenin HTML dosyasını açın ve şu kodu yazın:
Merhaba, Angular 14!
Şimdi `hello-world` bileşenini ana bileşene dahil edelim. `app.component.html` dosyasını açın ve şu satırı ekleyin:
Son olarak, uygulamanızı tekrar başlatın ve tarayıcınızda sayfayı yenileyin. Karşınızda "Merhaba, Angular 14!" mesajını göreceksiniz!
Sonuç
Angular 14, modern web geliştirme için mükemmel bir araçtır. Bu yazıda, Angular 14’ün nasıl kurulacağını, temel özelliklerini ve basit bir uygulama geliştirme sürecini öğrendik. Artık, Angular ile güçlü ve hızlı web uygulamaları geliştirmek için hazırsınız. Geliştirme sürecinde karşılaşabileceğiniz hatalarla ilgili yardım almak için Angular dokümantasyonuna göz atabilirsiniz.
Angular öğrenmek için geç kalmayın, çünkü her geçen gün popülerliği artan bu framework ile projeleriniz çok daha kolay ve hızlı bir şekilde şekillenecek!
