দিন-১ – ব্যাসিক ধারনা
পূর্বশর্ত – 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 ফাইল