Angular দিয়ে দ্রুত শুরু করুন — অনলাইন স্টার্টার দিয়ে, অথবা টার্মিনাল ব্যবহার করে লোকালি।
অনলাইনে খেলে দেখুন
প্রজেক্ট সেটআপ না করেই যদি শুধু ব্রাউজারে Angular নিয়ে একটু নাড়াচাড়া করতে চান, আমাদের অনলাইন স্যান্ডবক্স ব্যবহার করতে পারেন:
প্লেগ্রাউন্ড
Angular অ্যাপ নিয়ে খেলে দেখার দ্রুততম উপায়। কোনো সেটআপ লাগে না।
লোকালি নতুন প্রজেক্ট সেট আপ করুন
নতুন প্রজেক্ট শুরু করলে সম্ভবত আপনি একটি লোকাল প্রজেক্টই তৈরি করতে চাইবেন, যাতে Git-এর মতো টুল ব্যবহার করতে পারেন।
পূর্বশর্ত
- Node.js - v22.22.3 বা নতুন
- টেক্সট এডিটর - আমাদের পরামর্শ Visual Studio Code
- টার্মিনাল - Angular CLI কমান্ড চালানোর জন্য প্রয়োজন
- ডেভেলপমেন্ট টুল - ডেভেলপমেন্ট ওয়ার্কফ্লো উন্নত করতে আমাদের পরামর্শ Angular ল্যাঙ্গুয়েজ সার্ভিস
নির্দেশনা
নিচের গাইডটি একটি লোকাল Angular প্রজেক্ট সেট আপ করার পুরো পথ দেখাবে।
Angular CLI ইনস্টল করুন
একটি টার্মিনাল খুলুন (Visual Studio Code ব্যবহার করলে ইন্টিগ্রেটেড টার্মিনাল খুলতে পারেন) এবং নিচের কমান্ডটি চালান:
Windows বা Unix-এ এই কমান্ড চালাতে সমস্যা হলে আরও তথ্যের জন্য CLI ডকুমেন্টেশন দেখুন।
নতুন প্রজেক্ট তৈরি করুন
টার্মিনালে, পছন্দের প্রজেক্টের নাম দিয়ে CLI কমান্ড ng new চালান। নিচের উদাহরণগুলোতে আমরা উদাহরণ হিসেবে my-first-angular-app প্রজেক্ট নামটি ব্যবহার করব।
ng new <project-name>আপনার প্রজেক্টের জন্য কিছু কনফিগারেশন অপশন দেখানো হবে। অ্যারো ও এন্টার কি ব্যবহার করে পছন্দের অপশনগুলো বেছে নিন।
কোনো বিশেষ পছন্দ না থাকলে শুধু এন্টার চাপুন — ডিফল্ট অপশন নিয়ে সেটআপ এগিয়ে যাবে।
কনফিগারেশন অপশন বাছাইয়ের পর CLI সেটআপ শেষ করলে আপনি নিচের বার্তাটি দেখতে পাবেন:
✔ Packages installed successfully.
Successfully initialized git.ব্যস, এবার আপনি প্রজেক্টটি লোকালি চালাতে প্রস্তুত!
নতুন প্রজেক্টটি লোকালি চালানো
টার্মিনালে আপনার নতুন Angular প্রজেক্টের ডিরেক্টরিতে যান।
cd my-first-angular-appএই পর্যায়ে আপনার সব ডিপেন্ডেন্সি ইনস্টল হয়ে থাকার কথা (প্রজেক্টে node_modules ফোল্ডার আছে কি না দেখে যা যাচাই করতে পারেন), তাই এই কমান্ড চালিয়ে প্রজেক্ট শুরু করতে পারেন:
npm startসব ঠিক থাকলে টার্মিনালে এ রকম একটি নিশ্চিতকরণ বার্তা দেখতে পাবেন:
Watch mode enabled. Watching for file changes...
NOTE: Raw file sizes do not reflect development server per-request transformations.
➜ Local: http://localhost:4200/
➜ press h + enter to show helpএবার Local-এ দেখানো ঠিকানায় (যেমন http://localhost:4200) গিয়ে আপনার অ্যাপ্লিকেশনটি দেখতে পারেন। শুভ কোডিং! 🎉
ডেভেলপমেন্টে AI-এর ব্যবহার
আপনার পছন্দের AI-চালিত IDE-তে তৈরি শুরু করতে Angular-এর প্রম্পট রুল ও সেরা চর্চাগুলো দেখুন।
পরবর্তী ধাপ
Angular প্রজেক্ট তো তৈরি হলো, এবার আমাদের মূল ধারণা গাইডে Angular সম্পর্কে আরও জানতে পারেন, অথবা বিস্তারিত গাইড থেকে পছন্দের বিষয় বেছে নিতে পারেন!