বেসিক অ্যাংুলার এবং কম্পোনেন্ট স্ট্রাকচার সেটআপ (কৌণিক এবং ফায়ারবেস ক্লাউড ফায়ার স্টোর ব্যবহার করে একটি ই-বাণিজ্য অ্যাপ্লিকেশন তৈরি করা) - অংশ 1

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

কৌণিক জেএস এবং কৌণিক সম্পূর্ণ পৃথক। আপনি যদি কৌণিক জেএসে নতুন হন (বা কৌণিক 1.x) চিন্তা করবেন না, আমি কখনও এটির সাথে কাজ করিনি। কৌণিক 2 এবং পূর্ববর্তী সংস্করণগুলি কৌনিক 1.x হিসাবে বেশ সোজা।

আপনার সম্ভবত যা প্রয়োজন:

  • নোড.জেএস

নোড.জেএস ইনস্টল করা আছে কিনা তা পরীক্ষা করে দেখুন।

  • এনপিএম

এনপিএম (নোড প্যাকেজ ম্যানেজার) ইনস্টল করা আছে কিনা তা যাচাই করুন

নোড.জেএস এবং এনপিএম সংস্করণ পরীক্ষা করুন:

নোড -ভি
npm -v
  • Angular CLI (কমান্ড লাইন ইন্টারফেস) ইনস্টল করুন:
এনপিএম আই-জি @ কৌনিক / ক্লিপ

আপনি সর্বশেষতম সংস্করণ পেয়েছেন তা নিশ্চিত করুন। কৌনিক সিএলআই সম্পর্কে আরও জানুন এখানে।

  • জাভাস্ক্রিপ্ট বেসিক।
  • বুটস্ট্র্যাপ বুনিয়াদি।

কৌনিকটি সম্পূর্ণরূপে টাইপস্ক্রিপ্টে নির্মিত একটি কাঠামো is অ্যাঙ্গুলার সহ টাইপস্ক্রিপ্ট ব্যবহার করা এক বিরামবিহীন অভিজ্ঞতা। কৌণিক ডকুমেন্টেশনে, টাইপস্ক্রিপ্ট কেবল প্রধান নাগরিক হিসাবেই সমর্থিত নয়, তবে প্রাথমিক ভাষা হিসাবে ব্যবহৃত হয়।

তবে চিন্তা করবেন না, টাইপস্ক্রিপ্ট জাভাস্ক্রিপ্টের সাথে বেশ মিল। আপনি যদি জাভাস্ক্রিপ্টের সাথে পরিচিত হন তবে আপনি সঠিক জায়গায় এসেছেন।

এখন আমাদের চারপাশে প্রস্তুত রয়েছে, আমরা এগিয়ে যেতে পারেন।

চল শুরু করি

কৌণিক সিএলআই উপাদান, পরিষেবা, পাইপ, রুট এবং নির্দেশাবলী উত্পন্ন করতে ব্যবহৃত হয়।

কমান্ডের অধীনে কীভাবে একটি নতুন কৌণিক অ্যাপ্লিকেশন টাইপ তৈরি করবেন:

g নতুন এনজিকার্ট --আরউটিং

এখানে এনজিকার্ট আমাদের অ্যাপ্লিকেশনটির নাম। উপরের কমান্ডটি এনজিকার্ট নামে একটি ফোল্ডার তৈরি করবে এবং আমাদের প্রয়োজনীয় সমস্ত ফাইল তৈরি করবে।

- রাউটিং ফ্ল্যাগটি অ্যাপ-রাউটিং.মডিউল.টি ফাইল তৈরি করতে ব্যবহৃত হয় যা রুট সম্পর্কিত সমস্ত তথ্য ধারণ করে।

".Ts" এক্সটেনশনটি টাইপস্ক্রিপ্ট ফাইলগুলির জন্য ব্যবহৃত হয়।

এটি উপরের কমান্ডটি চালানোর পরে আমরা পাই ফাইল কাঠামো

ফ্রিক আউট করবেন না, আমি জানি অনেকগুলি ফাইল আছে। তবে আমরা বেশিরভাগ src / app / ডিরেক্টরিতে কাজ করব।

app.componal.css এ অ্যাপের উপাদানটির জন্য সমস্ত CSS অন্তর্ভুক্ত করে।

app.componal.html অ্যাপ্লিকেশন উপাদানটির জন্য সমস্ত HTML রয়েছে contains

app.componal.ts এ অ্যাপের উপাদানটির জন্য সমস্ত যুক্তি যুক্ত রয়েছে।

app.module.ts আমাদের অ্যাপে ব্যবহৃত সমস্ত প্যাকেজগুলির যত্ন নেয় care

দুর্দান্ত চেহারা পেতে আমরা বুটস্ট্র্যাপ 4 ব্যবহার করতে যাচ্ছি।

সিএসএসের জন্য বুটস্ট্র্যাপ সিডিএন প্রস্তুত করুন index.html ফাইলে