Angular 14 Nedir ve Neden Tercih Edilmeli?
Angular, Google tarafından geliştirilen ve bakımını yapılan açık kaynaklı bir web uygulama framework'üdür. Angular ile tek sayfa uygulamalar (SPA) oluşturabilirsiniz. Hızlı, sürdürülebilir ve gelişmiş projeler için ideal bir seçimdir. Her yeni sürümde daha da geliştirilen Angular 14, daha hızlı derleme süreleri, gelişmiş hata ayıklama ve kullanıcı deneyimi ile dikkat çekiyor. Bu sürümle birlikte daha dinamik web uygulamaları geliştirmek çok daha kolay hale geliyor.
Angular 14'ü Kurmak İçin Gereksinimler
Angular 14'ü bilgisayarınıza kurmadan önce bazı gereksinimlere sahip olmalısınız. Bunlar genellikle herhangi bir modern JavaScript framework’ü için gereklidir. İşte ihtiyaç duyacağınız araçlar:
1. Node.js: Angular, Node.js'i kullanarak projelerinizi yönetir. Bu yüzden, Node.js'i bilgisayarınıza kurmanız gerekmektedir.
2. NPM: Node Package Manager (NPM), gerekli Angular paketlerini ve bağımlılıklarını kurmanızı sağlar.
Adım Adım Angular 14 Kurulumu
İlk olarak Angular'ı bilgisayarınıza kurmak için aşağıdaki adımları takip edin:
Adım 1: Node.js’i Kurun
Node.js'i kurmak için [Node.js resmi web sitesine](https://nodejs.org/) gidin ve işletim sisteminize uygun sürümü indirin. Kurulum sihirbazını takip ederek Node.js'i bilgisayarınıza yükleyin. Kurulum tamamlandığında, terminal veya komut istemcisine şu komutu yazarak doğrulayabilirsiniz:
node -v
Bu komut, yüklü Node.js sürümünü gösterecektir.
Adım 2: Angular CLI Yükleme
Angular CLI (Command Line Interface), Angular uygulamalarını oluşturmak ve yönetmek için kullanılan güçlü bir komut satırı aracıdır. Angular CLI’yi kurmak için terminal ya da komut istemcisinde aşağıdaki komutu yazın:
npm install -g @angular/cli
Bu komut, Angular CLI’yi global olarak yükleyecektir. Kurulum tamamlandığında, şu komutla doğrulama yapabilirsiniz:
ng version
Bu komut, Angular’ın yüklü sürümünü ve gerekli araçları gösterecektir.
Adım 3: Yeni Bir Angular Projesi Oluşturun
Angular projenizi başlatmak çok kolay! Yeni bir Angular projesi oluşturmak için terminale şu komutu yazın:
ng new my-angular-app
Burada "my-angular-app" sizin projenizin adı olacak. Bu komut, gerekli tüm Angular dosyalarını ve bağımlılıkları oluşturacaktır. Ayrıca, CLI sizden bazı yapılandırma seçenekleri sunacaktır; bunları da isteğinize göre seçebilirsiniz.
Adım 4: Uygulamayı Çalıştırın
Yeni oluşturduğunuz Angular projenizi çalıştırmak için aşağıdaki komutu yazın:
cd my-angular-app
ng serve
Bu komut, Angular uygulamanızı başlatacak ve yerel sunucuda çalıştıracaktır. Artık tarayıcınızda `http://localhost:4200` adresine giderek Angular uygulamanızı görüntüleyebilirsiniz.
Angular 14’ü Kullanarak İlk Uygulamanızı Geliştirme
Angular’ı kurup çalıştırmak kolaydı, değil mi? Şimdi biraz daha derine inelim. İlk Angular bileşenimizi nasıl oluşturacağımızı adım adım görelim.
Adım 1: Yeni Bir Bileşen Oluşturun
Angular, her sayfayı bir bileşen olarak ele alır. Yeni bir bileşen oluşturmak için şu komutu kullanın:
ng generate component my-component
Bu komut, `my-component` adında yeni bir bileşen oluşturur ve gerekli dosyaları projeye ekler. Bileşeninizin HTML, CSS ve TypeScript dosyaları otomatik olarak oluşturulacaktır.
Adım 2: Bileşeni Kullanmak
Yeni oluşturduğunuz bileşeni kullanmak için `app.component.html` dosyasına şu satırı ekleyin:
Bu, bileşeninizi ana uygulama şablonuna ekler ve tarayıcınızda görüntülemenizi sağlar.
Angular 14 ile İleri Seviye Özellikler
Angular 14, sadece temel bileşen oluşturma işleminden çok daha fazlasını sunar. Form yönetimi, HTTP istemcisi kullanımı, yönlendirme, ve daha pek çok özellik bu sürümle beraber geliyor. Web uygulamalarınızı daha verimli ve sağlam hale getirebilirsiniz.
Sonuç: Angular 14 ile Güçlü Web Uygulamaları
Artık Angular 14 ile ilk adımınızı atmış bulunuyorsunuz. Bu framework, size hem geliştirme sürecinde hem de uygulamanın ölçeklenebilirliğinde büyük kolaylıklar sağlayacaktır. Angular 14’ün sunduğu özelliklerle güçlü, esnek ve hızlı web uygulamaları geliştirmek hiç olmadığı kadar kolay! Başarılar dilerim!
