Proje Yapısını Açıklama
CLI'ın oluşturduğu dosyaları inceleyin.
Proje Yapısını Açıklama, CoddyKit'te ücretsiz bir Angular Academy dersidir. Bu, 4 dersinin 2. 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.
Proje Yapısının Açıklaması
Bir Angular çalışma alanı öngörülebilir bir düzene sahiptir. Temel dosyaları ve klasörleri bilmek, herhangi bir projede gezinmenize yardımcı olur.
src Klasörü
src/ klasörü uygulamanızın kaynak kodunu barındırır: giriş noktası, uygulama kodu ve index.html ile stiller gibi genel varlıklar.
main.ts
src/main.ts, uygulamanın giriş noktasıdır. Kök bileşeni bootstrapApplication ile başlatır.
import { bootstrapApplication } from '@angular/platform-browser';
import { appConfig } from './app/app.config';
import { AppComponent } from './app/app.component';
bootstrapApplication(AppComponent, appConfig);index.html
src/index.html, tek HTML sayfasıdır. Gövdesi, Angular'ın uygulamayı oluşturduğu kök bileşen seçicisini içerir.
<!-- inside body -->
<!-- <app-root></app-root> -->app Klasörü
src/app/ klasörü bileşenlerinizi, hizmetlerinizi, rotalarınızı ve yapılandırmanızı barındırır. Yeni bir projede app.component, app.config.ts ve app.routes.ts bulunur.
app.component Dosyaları
Kök bileşen genellikle bir .ts sınıfına, bir .html şablonuna ve bir .css (veya .scss) stil sayfasına, ayrıca bir .spec.ts test dosyasına sahiptir.
app.config.ts
app.config.ts, başlatma sırasında kullanılan sağlayıcı dizisini içeren bir ApplicationConfig dışa aktarır; örneğin yönlendirici ve HTTP istemcisi.
app.routes.ts
app.routes.ts, provideRouter tarafından kullanılan rota tanımları dizisini dışa aktarır.
import { Routes } from '@angular/router';
export const routes: Routes = [];angular.json
Çalışma alanının kökünde bulunan angular.json, CLI'yi yapılandırır: her proje için derleme hedefleri, çıktı yolları, varlıklar, stiller ve sunma seçenekleri.
package.json ve tsconfig
package.json, bağımlılıkları ve npm betiklerini listeler. tsconfig.json dosyaları, uygulama ve testler için TypeScript derleyicisini yapılandırır.
public veya assets
Statik dosyalar (görseller, yazı tipleri, favicon) public veya assets klasöründe bulunur ve angular.json'da yapılandırıldığı şekilde derleme çıktısına kopyalanır.
Hızlı Kontrol: Yapı
Giriş noktasını belirleyiniz.
Özet: Yapı
Çalışma alanını incelediniz: kaynak kodu için src/, giriş noktası olarak main.ts, barındırma sayfası olarak index.html, bileşenler ve yapılandırma için app/ ve CLI yapılandırması için angular.json. Sıradaki konu: CLI ile kod oluşturma.
Sıkça Sorulan Sorular
“Proje Yapısını Açıklama” dersi ücretsiz mi?
Evet — “Proje Yapısını Açıklama” 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.
“Proje Yapısını Açıklama” dersinde ne öğreneceğim?
CLI'ın oluşturduğu dosyaları inceleyin. 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 2. dersidir.
“Proje Yapısını Açıklama” 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
- Yeni Proje Oluşturma
- Proje Yapısını Açıklama
- ng generate ile Kod Oluşturma
- Derleme ve Sunma