Angular Academy · पाठ

प्रोजेक्ट संरचना की व्याख्या

CLI द्वारा बनाई गई फाइलों का परिचय लें।

पाठ 2, कुल 4 में से13 चरण

प्रोजेक्ट संरचना की व्याख्या, CoddyKit पर Angular Academy का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह Angular Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Angular Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

प्रोजेक्ट की संरचना समझना

Angular workspace की संरचना पूर्वानुमेय होती है। मुख्य फ़ाइलों और फ़ोल्डरों की जानकारी होने से आपको किसी भी प्रोजेक्ट में नेविगेट करने में सहायता मिलती है।

src फ़ोल्डर

src/ फ़ोल्डर में आपके ऐप्लिकेशन का स्रोत कोड होता है: प्रवेश बिंदु, ऐप का कोड और index.html तथा शैलियों जैसी वैश्विक परिसंपत्तियाँ।

main.ts

src/main.ts ऐप्लिकेशन का प्रवेश बिंदु है। यह bootstrapApplication की सहायता से मूल घटक को शुरू करता है।

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 एकमात्र HTML पृष्ठ है। इसके body में आपके मूल घटक का चयनकर्ता होता है, जहाँ Angular ऐप को रेंडर करता है।

<!-- inside body -->
<!-- <app-root></app-root> -->

app फ़ोल्डर

src/app/ में आपके घटक, सेवाएँ, मार्ग और कॉन्फ़िगरेशन होते हैं। नए प्रोजेक्ट में app.component, app.config.ts और app.routes.ts शामिल होते हैं।

app.component फ़ाइलें

मूल घटक में सामान्यतः .ts क्लास, .html टेम्पलेट और .css (या .scss) स्टाइलशीट होती है, साथ ही .spec.ts परीक्षण फ़ाइल भी होती है।

app.config.ts

app.config.ts एक ApplicationConfig एक्सपोर्ट करता है, जिसमें bootstrap के समय उपयोग की जाने वाली providers ऐरे होती है, जैसे राउटर और HTTP क्लाइंट।

app.routes.ts

app.routes.ts मार्ग परिभाषाओं की उस ऐरे को एक्सपोर्ट करता है, जिसका उपयोग provideRouter करता है।

import { Routes } from '@angular/router';

export const routes: Routes = [];

angular.json

workspace के मूल स्तर पर angular.json CLI को कॉन्फ़िगर करता है: प्रत्येक प्रोजेक्ट के लिए बिल्ड लक्ष्य, आउटपुट पथ, परिसंपत्तियाँ, शैलियाँ और सर्व करने के विकल्प।

package.json और tsconfig

package.json निर्भरताओं और npm स्क्रिप्ट की सूची देता है। tsconfig.json फ़ाइलें ऐप और परीक्षणों के लिए TypeScript कंपाइलर को कॉन्फ़िगर करती हैं।

public या assets

स्थिर फ़ाइलें (चित्र, फ़ॉन्ट, फ़ेविकॉन) public या assets फ़ोल्डर में रहती हैं और angular.json में किए गए कॉन्फ़िगरेशन के अनुसार बिल्ड आउटपुट में कॉपी हो जाती हैं।

त्वरित जाँच: संरचना

प्रवेश बिंदु पहचानिए।

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन: संरचना

आपने workspace का अन्वेषण किया: स्रोत के लिए src/, प्रवेश बिंदु के रूप में main.ts, होस्ट पृष्ठ के रूप में index.html, घटकों और कॉन्फ़िगरेशन के लिए app/ और CLI कॉन्फ़िगरेशन के लिए angular.json। अगला विषय: CLI से कोड तैयार करना।

शुरुआत निःशुल्क

एआई शिक्षक के साथ HTML सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 38
पाठ: 144

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “प्रोजेक्ट संरचना की व्याख्या” पाठ निःशुल्क है?

हाँ — Angular Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “प्रोजेक्ट संरचना की व्याख्या” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। Angular Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“प्रोजेक्ट संरचना की व्याख्या” में मैं क्या सीखूँगा?

CLI द्वारा बनाई गई फाइलों का परिचय लें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Angular Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Angular Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Angular Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 2वाँ पाठ है।

“प्रोजेक्ट संरचना की व्याख्या” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस Angular Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर Angular Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← Angular Academy पर वापस जाएँ