İlk Angular Uygulamanızı Oluşturun

Bu eğitim, Angular'da kod yazmaya başlamak için bilmeniz gereken Angular kavramlarını tanıtan derslerden oluşmaktadır.

İstediğiniz kadar çok veya az ders yapabilir ve bunları istediğiniz sırada tamamlayabilirsiniz.

HELPFUL: Video mu tercih ediyorsunuz? Bu eğitim için eksiksiz bir YouTube kursu da mevcuttur!

Başlamadan önce

Bu eğitimde en iyi deneyimi yaşamak için, başarılı olmak için ihtiyacınız olanları kontrol etmek üzere bu gereksinimleri gözden geçirin.

Deneyiminiz

Bu eğitimdeki dersler, aşağıdaki konularda deneyiminiz olduğunu varsaymaktadır:

  1. HTML'yi doğrudan düzenleyerek bir HTML web sayfası oluşturmuş olmak.
  2. JavaScript ile web sitesi içeriği programlamış olmak.
  3. Basamaklı Stil Sayfası (CSS) içeriğini okumak ve seçicilerin nasıl kullanıldığını anlamak.
  4. Bilgisayarınızda görevleri gerçekleştirmek için komut satırı talimatlarını kullanmış olmak.

Gerekli donanım

Bu dersler, Angular araçlarının yerel kurulumu veya gömülü editörümüz kullanılarak tamamlanabilir. Yerel Angular geliştirmesi Windows, macOS veya Linux tabanlı sistemlerde yapılabilir.

NOTE: Bu gibi uyarılara dikkat edin, bunlar yalnızca yerel editörünüz için geçerli olabilecek adımları belirtir.

İlk Angular uygulamanızın kavramsal önizlemesi

Bu eğitimdeki dersler, kiralık evleri listeleyen ve bireysel evlerin ayrıntılarını gösteren bir Angular uygulaması oluşturur. Bu uygulama, birçok Angular uygulamasında yaygın olan özellikleri kullanır.

Evler ana sayfası çıktısı

Yerel geliştirme ortamı

NOTE: Bu adım yalnızca yerel ortamınız içindir!

Bu eğitim için kullanmak istediğiniz bilgisayardaki komut satırı aracında bu adımları gerçekleştirin.

  1. Angular'ın gerektirdiği node.js sürümünü belirleyin

    Angular, aktif LTS veya bakım LTS sürümünde bir Node gerektirir. node.js sürümünüzü doğrulayalım. Belirli sürüm gereksinimleri hakkında bilgi için package.json dosyasındaki engines özelliğine bakın.

    Bir Terminal penceresinden:

    1. Şu komutu çalıştırın: node --version
    2. Görüntülenen sürüm numarasının gereksinimleri karşıladığını doğrulayın.

  2. Angular için doğru node.js sürümünü yükleyin

    Eğer node.js sürümü yüklü değilse, lütfen nodejs.org üzerindeki kurulum talimatlarını takip edin.

  3. Angular'ın en son sürümünü yükleyin

    node.js ve npm yüklendikten sonra, sıradaki adım etkili Angular geliştirmesi için araçlar sağlayan Angular CLI'yi yüklemektir.

    Bir Terminal penceresinden şu komutu çalıştırın: npm install -g @angular/cli.

  4. Entegre geliştirme ortamını (IDE) yükleyin

    Angular ile uygulama geliştirmek için tercih ettiğiniz herhangi bir aracı kullanabilirsiniz. Aşağıdakileri öneriyoruz:

    1. Visual Studio Code
    2. İsteğe bağlı ancak önerilen bir adım olarak, Angular Language Service yükleyerek geliştirici deneyiminizi daha da iyileştirebilirsiniz.
    3. WebStorm

  5. İsteğe bağlı: Yapay zeka destekli IDE'nizi kurun

    Bu eğitimi tercih ettiğiniz yapay zeka destekli IDE'de takip ediyorsanız, Angular prompt kurallarına ve en iyi uygulamalarına göz atın.

Bu derste ele alınan konular hakkında daha fazla bilgi için: