Angular Academy · Ders

Bağımsız Uygulamayı Başlatma

bootstrapApplication ile bir uygulama başlatın.

Bağımsız Uygulamayı Başlatma, CoddyKit'te ücretsiz bir Angular Academy dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Angular Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Angular Academy kursu toplamda 4 dersten oluşur.

Bağımsız Uygulama Başlatma

Tamamen bağımsız bir uygulama, kök bir NgModule'u başlatmak yerine bootstrapApplication ile başlar. Bu yönteme kök bileşeninizi verirsiniz.

Giriş Noktası: main.ts

Uygulamanın giriş dosyası main.ts'dir. Bu dosya bootstrapApplication'ı kök bileşenle, genellikle AppComponent ile çağırır.

import { bootstrapApplication } from '@angular/platform-browser';
import { AppComponent } from './app/app.component';

bootstrapApplication(AppComponent);

bootstrapApplication Nereden Gelir?

bootstrapApplication, @angular/platform-browser paketinden içe aktarılır. Eski platformBrowserDynamic().bootstrapModule düzeninin yerini alır.

Kök Bileşen

Kök bileşen sıradan bir bağımsız bileşendir. Genellikle yönlendirici çıkışını veya en üst düzey yerleşiminizi barındırır.

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: '<h1>My App</h1>'
})
export class AppComponent {}

Uygulama Hizmetlerini Sağlama

Uygulama genelindeki sağlayıcılar ikinci bağımsız değişkende, providers dizisine sahip bir nesnede yer alır. Yönlendirici, HTTP istemcisi ve genel hizmetler burada yapılandırılır.

bootstrapApplication(AppComponent, {
  providers: []
});

Yönlendiriciyi Sağlama

Bağımsız bir uygulama için yönlendirmeyi kurmak üzere provideRouter(routes) kullanın.

import { provideRouter } from '@angular/router';
import { routes } from './app.routes';

bootstrapApplication(AppComponent, {
  providers: [provideRouter(routes)]
});

HttpClient Sağlama

Sağlayıcılar dizisinde provideHttpClient() kullanarak HTTP'yi etkinleştirin.

import { provideHttpClient } from '@angular/common/http';

bootstrapApplication(AppComponent, {
  providers: [provideHttpClient()]
});

Sağlayıcıları Birleştirme

İhtiyaç duyduğunuz kadar provide* işlevini birlikte listeleyin.

bootstrapApplication(AppComponent, {
  providers: [
    provideRouter(routes),
    provideHttpClient()
  ]
});

app.config.ts Düzeni

CLI, sağlayıcıları çoğunlukla ApplicationConfig olarak app.config.ts dosyasına ayırır; böylece main.ts temiz kalır.

import { ApplicationConfig } from '@angular/core';
import { provideRouter } from '@angular/router';
import { routes } from './app.routes';

export const appConfig: ApplicationConfig = {
  providers: [provideRouter(routes)]
};

main.ts İçinde app.config Kullanma

Ardından main.ts yalnızca appConfig'i iletir.

import { bootstrapApplication } from '@angular/platform-browser';
import { appConfig } from './app/app.config';
import { AppComponent } from './app/app.component';

bootstrapApplication(AppComponent, appConfig);

Hata Yönetimi

bootstrapApplication bir Promise döndürür. Başlangıç hatalarını yakalayıp günlüğe kaydedebilirsiniz.

bootstrapApplication(AppComponent, appConfig)
  .catch(err => console.error(err));

Kısa Kontrol: Başlatma

Bağımsız bir uygulama nasıl başlar?

Özet: Başlatma

Bağımsız bir uygulamayı bootstrapApplication(AppComponent) ile başlatır, provideRouter ve provideHttpClient gibi uygulama genelindeki sağlayıcıları iletirsiniz. CLI bunları app.config.ts dosyasına ayırır. Kök NgModule gerekmez. Bağımsız Bileşenler konusundaki ayrıntılı incelemeyi tamamladınız.

Sıkça Sorulan Sorular

“Bağımsız Uygulamayı Başlatma” dersi ücretsiz mi?

Evet — “Bağımsız Uygulamayı Başlatma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Angular Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Angular Academy kursu toplamda 4 dersten oluşur.

“Bağımsız Uygulamayı Başlatma” dersinde ne öğreneceğim?

bootstrapApplication ile bir uygulama başlatın. Angular Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Angular Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Angular Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.

“Bağımsız Uygulamayı Başlatma” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Angular Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Angular Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Angular Academy Sayfasına Dön