Angular ফ্রন্ট-এন্ড ডেভেলপমেন্ট কোর্স

পাঠ 1 • অ্যাঙ্গুলার মডিউল ও অ্যাপ্লিকেশন বুটস্ট্র্যাপ

NgModules, রুট অ্যাপমডিউল ও অ্যাঙ্গুলার কীভাবে অ্যাপ্লিকেশনটি বুটস্ট্র্যাপ করে তা ব্যাখ্যা করে। কম্পোনেন্ট তৈরির আগে প্রয়োজনীয় কাঠামোগত প্রসঙ্গ সরবরাহ করে।

পাঠ 2 • অ্যাঙ্গুলারের জন্য টাইপস্ক্রিপ্ট এসেনশিয়ালস

আত্মবিশ্বাসের সাথে অ্যাঙ্গুলার কোড লেখার জন্য প্রয়োজনীয় টাইপস্ক্রিপ্ট টাইপ, ইন্টারফেস ও ডেকোরেটর পরিচয় করিয়ে দেয়। জাভাস্ক্রিপ্ট জ্ঞানকে অ্যাঙ্গুলারের টাইপড ইকোসিস্টেমের সাথে সংযুক্ত করে।

পাঠ 3 • অ্যাঙ্গুলার ফ্রেমওয়ার্কের পরিচিতি

আধুনিক ফ্রন্ট-এন্ড ডেভেলপমেন্টে অ্যাঙ্গুলারের ভূমিকা ও এর এমভিসি-অনুপ্রাণিত আর্কিটেকচার অন্তর্ভুক্ত করে। পরবর্তী সকল ফ্রেমওয়ার্ক বিষয়ের জন্য ধারণাগত ভিত্তি স্থাপন করে।

পাঠ 4 • ডেভেলপমেন্ট এনভায়রনমেন্ট সেটআপ করা

Node.js, npm ও অ্যাঙ্গুলার সিএলআই ইনস্টল ও কনফিগার করে। প্রতিটি শিক্ষার্থীর একটি সামঞ্জস্যপূর্ণ, পুনরুৎপাদনযোগ্য স্থানীয় ওয়ার্কস্পেস নিশ্চিত করে।

পাঠ 1 • বিল্ট-ইন স্ট্রাকচারাল ডিরেক্টিভ

ডিওএম স্ট্রাকচার ডায়নামিকভাবে নিয়ন্ত্রণ করতে *ngIf, *ngFor, ও *ngSwitch প্রয়োগ করে। ডিরেক্টিভ কীভাবে টেমপ্লেট এক্সপ্রেসিভনেস বাড়ায় তা প্রদর্শন করে।

পাঠ 2 • প্রপার্টি ও ইভেন্ট বাইন্ডিং

প্রপার্টি বাইন্ডিংয়ের মাধ্যমে ওয়ান-ওয়ে ডেটা ফ্লো ও ইভেন্ট বাইন্ডিংয়ের মাধ্যমে ইউজার-ইভেন্ট হ্যান্ডলিং শেখায়। কম্পোনেন্ট লজিককে ডিওএম এলিমেন্ট ও ইউজার ইন্টারঅ্যাকশনের সাথে সংযুক্ত করে।

পাঠ 3 • টেমপ্লেট সিনট্যাক্স ও এক্সপ্রেশন

অ্যাঙ্গুলারের টেমপ্লেট এক্সপ্রেশন ল্যাঙ্গুয়েজ, সেফ নেভিগেশন ও টেমপ্লেট রেফারেন্স ভেরিয়েবল অন্তর্ভুক্ত করে। কম্পোনেন্ট ভিউয়ের মধ্যে ডায়নামিক কন্টেন্ট রেন্ডারিং সক্ষম করে।

পাঠ 4 • কম্পোনেন্ট লাইফসাইকেল হুক

ngOnInit থেকে ngOnDestroy পর্যন্ত সম্পূর্ণ লাইফসাইকেল হুক সিকোয়েন্স অন্বেষণ করে। ইনিশিয়ালাইজেশন ও ক্লিনআপের জন্য প্রতিটি হুক কখন ও কেন ব্যবহার করতে হয় তা শেখায়।

পাঠ 1 • ViewChild ও ContentChild কোয়েরি

কোয়েরির মাধ্যমে চাইল্ড কম্পোনেন্ট ইনস্ট্যান্স ও প্রজেক্টেড কন্টেন্ট প্রোগ্রামাটিক্যালি অ্যাক্সেস করে। টেমপ্লেট বাইন্ডিংয়ের বাইরে উন্নত কম্পোনেন্ট সমন্বয় সক্ষম করে।

পাঠ 2 • @Input দিয়ে প্যারেন্ট-টু-চাইল্ড কমিউনিকেশন

কম্পোনেন্ট ট্রির নিচে ডেটা পাস করতে @Input ব্যবহার করে ও সেটার দিয়ে ইনপুট ভ্যালিডেট করে। অ্যাঙ্গুলারে প্রাথমিক ডাউনওয়ার্ড ডেটা-ফ্লো প্যাটার্ন স্থাপন করে।

পাঠ 3 • কাস্টম স্ট্রাকচারাল ডিরেক্টিভ তৈরি

ডিওএম ম্যানিপুলেট করতে TemplateRef ও ViewContainerRef ব্যবহার করে স্ট্রাকচারাল ডিরেক্টিভ ইমপ্লিমেন্ট করে। পুনর্ব্যবহারযোগ্য লেআউট লজিক তৈরির শিক্ষার্থীদের সক্ষমতা বাড়ায়।

পাঠ 4 • কাস্টম অ্যাট্রিবিউট ডিরেক্টিভ তৈরি

ডিওএম স্ট্রাকচার পরিবর্তন না করে হোস্ট এলিমেন্টের চেহারা বা আচরণ পরিবর্তন করে এমন ডিরেক্টিভ তৈরি করে। অধ্যায় ২-এ প্রবর্তিত ডিরেক্টিভ প্যাটার্নকে শক্তিশালী করে।

পাঠ 1 • অ্যাঙ্গুলার সার্ভিস তৈরি ও প্রদান

সিএলআই দিয়ে সার্ভিস জেনারেট করে ও মডিউল, কম্পোনেন্ট বা রুট স্কোপে রেজিস্টার করে। শেয়ার্ড লজিকের কেন্দ্র হিসেবে সার্ভিস লেয়ার স্থাপন করে।

পাঠ 2 • এইচটিটিপি ক্লায়েন্ট ও রেস্ট এপিআই ইন্টিগ্রেশন

HttpClientModule কনফিগার করে ও GET, POST, PUT, ও DELETE রিকোয়েস্ট সম্পাদন করে। সার্ভিস লেয়ারকে বাস্তব ব্যাক-এন্ড ডেটা সোর্সের সাথে সংযুক্ত করে।

পাঠ 3 • এরর হ্যান্ডলিং ও এইচটিটিপি ইন্টারসেপ্টর

catchError দিয়ে গ্লোবাল এরর হ্যান্ডলিং ও ইন্টারসেপ্টর দিয়ে রিকোয়েস্ট/রেসপন্স ট্রান্সফরমেশন ইমপ্লিমেন্ট করে। প্রোডাকশন-রেডি এইচটিটিপি কমিউনিকেশন প্যাটার্ন তৈরি করে।

পাঠ 4 • ডিপেন্ডেন্সি ইনজেকশন ডিপ ডাইভ

ডিআই হায়ারার্কি, ইনজেকশন টোকেন ও প্রোভাইডার টাইপ অন্বেষণ করে। অ্যাপ জুড়ে ডিপেন্ডেন্সি কীভাবে সমাধান করা হয় তার উপর সূক্ষ্ম নিয়ন্ত্রণ সক্ষম করে।

পাঠ 1 • রুট গার্ড ও অ্যাক্সেস কন্ট্রোল

রুট সুরক্ষিত করতে CanActivate, CanDeactivate, ও CanLoad গার্ড ইমপ্লিমেন্ট করে। নেভিগেশন লেয়ারে অথেন্টিকেশন ও অথরাইজেশন ইন্টিগ্রেট করে।

পাঠ 2 • লেজি লোডিং ও রুট রিজলভার

অ্যাপকে ফিচার মডিউলে বিভক্ত করে যা ডিমান্ডে লোড হয় ও রিজলভার দিয়ে ডেটা প্রি-ফেচ করে। প্রাথমিক লোড পারফরম্যান্স ও ইউজার এক্সপেরিয়েন্স উন্নত করে।

পাঠ 3 • নেস্টেড রুট ও নেমড আউটলেট

প্যারেন্ট রুটের অধীনে চাইল্ড রুট গঠন করে ও অক্সিলিয়ারি ভিউয়ের জন্য নেমড আউটলেট ব্যবহার করে। বড় অ্যাপ্লিকেশনে জটিল লেআউট প্রয়োজনীয়তা সমর্থন করে।

পাঠ 4 • রাউটার সেটআপ ও বেসিক নেভিগেশন

রুট ডেফিনিশন সহ RouterModule কনফিগার করে ও router-outlet এবং routerLink যোগ করে। সকল নেভিগেশন ফিচারের ভিত্তি স্থাপন করে।

পাঠ 1 • FormArray সহ ডায়নামিক ফর্ম

পরিবর্তনশীল-দৈর্ঘ্যের ডেটার জন্য রানটাইমে ফর্ম কন্ট্রোল যোগ ও অপসারণ করতে FormArray ব্যবহার করে। পুনরাবৃত্ত লাইন আইটেমের মতো বাস্তব-বিশ্বের পরিস্থিতি পরিচালনা করে।

পাঠ 2 • ভ্যালিডেটর ও কাস্টম ভ্যালিডেশন

সিঙ্ক্রোনাস ও অ্যাসিঙ্ক্রোনাস ভ্যালিডেটর প্রয়োগ করে ও পুনর্ব্যবহারযোগ্য কাস্টম ভ্যালিডেটর ফাংশন তৈরি করে। সাবমিশনের আগে ডেটা ইন্টিগ্রিটি নিশ্চিত করে।

পাঠ 3 • ফর্ম সাবমিশন ও স্টেট ম্যানেজমেন্ট

পলিশড ইউএক্স প্রদানের জন্য ফর্ম সাবমিশন, রিসেট ও ডার্টি/টাচড স্টেট হ্যান্ডল করে। অধ্যায় ৪-এ প্রবর্তিত সার্ভিস কলের সাথে ফর্ম ডেটা সংযুক্ত করে।

পাঠ 4 • টেমপ্লেট-ড্রিভেন ফর্ম

টেমপ্লেটে ডিক্লারেটিভলি ফর্ম তৈরি করতে ngForm, ngModel ও বিল্ট-ইন ভ্যালিডেটর ব্যবহার করে। ন্যূনতম টাইপস্ক্রিপ্ট ওভারহেড সহ ফর্ম ধারণা পরিচয় করিয়ে দেয়।

পাঠ 1 • NgRx এন্টিটি ও ডেভটুলস

NgRx এন্টিটি দিয়ে কালেকশন ম্যানেজমেন্ট সহজ করে ও রিডাক্স ডেভটুলস দিয়ে স্টেট পরিদর্শন করে। স্টোর-ভারী ফিচারের ডেভেলপমেন্ট ও ডিবাগিং ত্বরান্বিত করে।

পাঠ 2 • NgRx স্টোর-এর পরিচিতি

NgRx ইনস্টল করে ও একটি ফিচার স্লাইসের জন্য অ্যাকশন, রিডিউসার ও স্টোর ডিফাইন করে। অ্যাঙ্গুলার ইকোসিস্টেমের মধ্যে রিডাক্স প্যাটার্ন স্থাপন করে।

পাঠ 3 • BehaviorSubject সহ সার্ভিস-ভিত্তিক স্টেট

একটি সার্ভিসে BehaviorSubject ব্যবহার করে কম্পোনেন্ট জুড়ে স্টেট স্টোর ও শেয়ার করে। NgRx প্রবর্তনের আগে একটি লাইটওয়েট স্টেট সমাধান প্রদান করে।

পাঠ 4 • সাইড ইফেক্টের জন্য NgRx ইফেক্টস

NgRx ইফেক্টস ব্যবহার করে রিডিউসারের বাইরে এইচটিটিপি কলের মতো অ্যাসিঙ্ক অপারেশন হ্যান্ডল করে। রিডিউসারকে পিউর রাখে ও সাইড-ইফেক্ট লজিক সেন্ট্রালাইজ করে।

পাঠ 1 • ডিপ্লয়মেন্ট স্ট্র্যাটেজি ও সিআই/সিডি ইন্টিগ্রেশন

স্ট্যাটিক হোস্টিং-এ অ্যাঙ্গুলার বিল্ড ডিপ্লয় করে ও কন্টিনিউয়াস ডেলিভারির জন্য অটোমেটেড পাইপলাইন ইন্টিগ্রেট করে। কোড থেকে প্রোডাকশন পর্যন্ত ডেভেলপমেন্ট লাইফসাইকেল সম্পন্ন করে।

পাঠ 2 • ইউনিট টেস্টিং কম্পোনেন্ট ও সার্ভিস

কম্পোনেন্ট, সার্ভিস ও পাইপের জন্য Jasmine ও TestBed দিয়ে ইউনিট টেস্ট লেখে। ইন্টিগ্রেশনের আগে আইসোলেশনে পৃথক ইউনিট ভ্যালিডেট করে।

পাঠ 3 • বান্ডল অপ্টিমাইজেশন ও বিল্ড কনফিগারেশন

সর্বোত্তম বান্ডল সাইজের জন্য প্রোডাকশন বিল্ড, ট্রি শেকিং ও ডিফারেনশিয়াল লোডিং কনফিগার করে। বাস্তব-বিশ্বের ডিপ্লয়মেন্ট সীমাবদ্ধতার জন্য অ্যাপ প্রস্তুত করে।

পাঠ 4 • সাইপ্রেস সহ এন্ড-টু-এন্ড টেস্টিং

সম্পূর্ণ অ্যাপ্লিকেশন বিহেভিয়ার ভ্যালিডেট করতে সাইপ্রেস দিয়ে ইউজার-ফ্লো টেস্টিং অটোমেট করে। বাস্তবসম্মত ব্রাউজার-ভিত্তিক সিনারিও দিয়ে ইউনিট টেস্টের পরিপূরক।