দিন-১ –  ব্যাসিক ধারনা 

পূর্বশর্ত – Angular শেখার আগে কিছু বিষয় জানা দরকার

• HTML, CSS, JS
• Typescript এর উপর স্বল্প ধারনা

ডেভেলপমেন্ট এনভায়রনমেন্ট:

এই বিষয় গুলো কিছু ধারনা থাকলে চলবে এই যেমন ধরেন এনপিএম(NPM) কি ?

• Node 
• NPM
• Angular CLI
• Text Editor like VS Editor

 নতুন প্রোজেক্ট করার শর্টকাটঃ 

• ওপেন উইন্ডোজ কমান্ড প্রম্পট ইন্টারফেস । সেখানে লিখুন –  ng new hello-world

মডিউল (Module) 

• Angular অ্যাপ্লিকেশান আলাদা মডিউল এর সমষ্টি । 
• Angular এ অবশ্যই একটা রুট মডিউল (Root Module) থাকবে । যেমন – AppComponent 

কম্পোনেন্ট (Component)

• Angular এ অবশ্যই একটা রুট  কম্পোনেন্ট থাকবে । যেমন – AppComponent 

সার্ভিস(Service) 

• মডিউল (Module) 
  • সার্ভিস মডিউল এর ভিতরে থাকে 
  • সার্ভিস (Service) যেখানে অ্যাপ্লিকেশান এর বিজনেস লজিক লেখা হই। 

আর্কিটেকচার সামারি (Architecture Summary)

• Angular অ্যাপ্লিকেশান – এক অথবা অনেক মডিউল এর সমষ্টি 
• মডিউল (Module) – এক অথবা অনেক কম্পোনেন্ট (Component) এবং সার্ভিস (Service) এর সমষ্টি
• কম্পোনেন্ট (Component) – HTML (html template ধারন করে) + ক্লাস( Class) (ক্লাস নির্দিষ্ট কিছু ভিউ এর লজিক কন্ট্রোল করে) 
• সার্ভিস(Service) – যেখানে অ্যাপ্লিকেশান এর বিজনেস লজিক লেখা হই । 
• মডিউল (Module) – ইন্টারেক্ট এবং আল্টিমেটলি রেন্দার (render ) ভিউ করে ব্রাউজার এ। 

Package.json

• এই ফাইল Angular অ্যাপ্লিকেশান এর ডেভেলপমেন্ট এর প্রয়োজনীয় ফাইল ধারন করে। 
• প্রোজেক্ট রান – ng serve or npm start (npm start মানে হচ্ছে ইন্টারনালি কল ng serve)

Main.ts 

• এই ফাইল হচ্ছে অ্যাপ্লিকেশান  এর এন্ট্রি পয়েন্ট । 

• যদি প্রোজেক্ট রান করা হই তখন  অ্যাপ্লিকেশান main.ts ফাইল এ আসে তারপর bootstrap এবং kickstart appModule
• আর এই appModule এ থাকে app.component.html ফাইল। সুতরাং app.component.html ফাইল যে HTML কোড লেখা হোক না কেন ভিউ হবে। 
• আর css এর জন্য app.component.css ফাইল। 
• এরপর app.component.html রেন্দার (render) HTML ফাইল ।  
• ইনিশিয়ালি Title প্রপার্টি সিঙ্ক/বাউন্ড থাকে কম্পোনেন্ট html বাই ইন্টারপোলেশন (interpolation)

App.module.tsঅ্যাপ্লিকেশান  এর রুট (root) মডিউল (Module) হচ্ছে app.module.ts ফাইল