আপনার Angular সাইটকে যতটা সম্ভব দ্রুত এবং অ্যাক্সেসযোগ্য করতে চান? আপনি একদম ঠিক জায়গায় এসেছেন!
Angular কী?
Angular হল ইউজার ইন্টারফেস তৈরি করার ফ্রেমওয়ার্ক। এটি বিল্ডিং ব্লক প্রদান করে যা আপনাকে দ্রুত একটি রক্ষণাবেক্ষণযোগ্য, স্কেলেবল অ্যাপ্লিকেশন সেট-আপ করতে সাহায্য করে। Angular ডেভেলপারদের এমন অ্যাপ্লিকেশন তৈরি করার ক্ষমতা দেয় যা ওয়েব, মোবাইল বা ডেস্কটপে কাজ করে।
এই সংগ্রহে কী আছে?
এই সংগ্রহটি Angular অ্যাপ্লিকেশন অপ্টিমাইজ করার জন্য পাঁচটি প্রধান ক্ষেত্রের উপর ফোকাস করে:
- ব্যবহারকারীর কনভার্সন ও এনগেজমেন্ট বাড়াতে আপনার অ্যাপ্লিকেশনের পারফর্ম্যান্স উন্নত করা
- Angular সার্ভিস ওয়ার্কারের মাধ্যমে অ্যাসেট প্রি-ক্যাশে করে দুর্বল নেটওয়ার্কে আপনার অ্যাপ্লিকেশনের নির্ভরযোগ্যতা উন্নত করা
- প্রিরেন্ডারিং ও সার্ভার-সাইড রেন্ডারিং ব্যবহার করে সার্চ ইঞ্জিন ও সোশ্যাল মিডিয়া বটের জন্য আপনার অ্যাপ্লিকেশন খুঁজে নেওয়ার যোগ্য করে তোলা
- iOS/Android অ্যাপের মতো ব্যবহারকারীর অভিজ্ঞতা প্রদান করার জন্য আপনার অ্যাপ্লিকেশন ইন্সটলেবল করা
কালেকশনের প্রতিটি পোস্টে এমন টেকনিকের বর্ণনা দেওয়া থাকবে যা আপনি সরাসরি নিজের অ্যাপ্লিকেশনে প্রয়োগ করতে পারবেন।
এই সংগ্রহে কী নেই?
এই কালেকশন ধরে নেয় যে আপনি আগে থেকেই Angular এবং TypeScript সম্পর্কে জানেন। আপনি যদি এখনও এগুলি সম্পর্কে আত্মবিশ্বাসী না হন, তাহলে TypeScript ডকুমেন্টেশন এবং angular.io-এ Angular-এর সাথে শুরু করা গাইড দেখুন।
প্রোজেক্ট শুরু করুন
Angular কমান্ড লাইন ইন্টারফেস (CLI) আপনাকে দ্রুত একটি সহজ ক্লায়েন্ট-সাইড Angular অ্যাপ্লিকেশন সেট-আপ করতে দেয়। এই পোস্টে CLI-এর একটি সংক্ষিপ্ত ভূমিকা রয়েছে, যখন সংগ্রহের অন্যান্য পোস্টগুলি দেখায় যে কীভাবে আরও উন্নত ফিচার যেমন সার্ভার-সাইড রেন্ডারিং এবং ডিপ্লয়মেন্ট সাপোর্ট যোগ করা যায়।
CLI সেট-আপ করা
শুরু করতে, বিশ্বব্যাপী CLI ইনস্টল করুন এবং এই কমান্ডগুলি রান করে আপনার কাছে লেটেস্ট ভার্সন আছে কিনা তা যাচাই করুন:
npm i -g @angular/cli
ng version
শেষ কমান্ডের আউটপুট ভার্সন 8.0.3 বা তার পরের কোনও ভার্সন কিনা তা নিশ্চিত করুন।
অন্যথায়, আপনি যদি বিশ্বব্যাপী CLI ইনস্টল করতে না চান, তাহলে আপনি এটি স্থানীয়ভাবে ইনস্টল করতে পারেন এবং npx কমান্ডের সাহায্যে এটি চালাতে পারেন:
npm i @angular/cli
npx ng version
প্রোজেক্ট তৈরি করুন
নতুন প্রোজেক্ট রান তৈরি করতে:
ng new my-app
এই কমান্ড আপনার অ্যাপ্লিকেশনের জন্য প্রাথমিক ফাইল ও ফোল্ডার স্ট্রাকচার তৈরি করবে এবং এর জন্য প্রয়োজনীয় নোড মডিউল ইনস্টল করবে।
সেট-আপ প্রসেস সম্পূর্ণ হয়ে গেলে, এটি রান করে আপনার অ্যাপ্লিকেশন চালু করুন:
cd my-app
ng serve
আপনি এখন http://localhost:4200-এ আপনার অ্যাপ্লিকেশন অ্যাক্সেস করতে পারবেন।
এরপরে কী?
এই সংগ্রহের বাকি অংশে আপনি শিখবেন কীভাবে আপনার Angular অ্যাপ্লিকেশনের পারফর্ম্যান্স এবং SEO উন্নত করা যায়। এখানে কী কী কভার করা হয়েছে তা দেওয়া হল:
- Angular-এ রুট-লেভেল কোড স্প্লিটিং
- Angular CLI-এর সাথে পারফর্ম্যান্স বাজেট
- Angular-এ রুট প্রিফেচিং স্ট্র্যাটেজি
- Angular-এ পরিবর্তন শনাক্তকরণ অপ্টিমাইজেশন
- Angular CDK-এর সাহায্যে বড় তালিকা ভার্চুয়ালাইজ করুন
- Angular Service Worker-এর মাধ্যমে প্রিক্যাশিং
- Angular CLI-এর সাহায্যে রুট প্রি-রেন্ডার করা
- Angular Universal-এর সাথে সার্ভার-সাইড রেন্ডারিং
- Angular CLI-এর মাধ্যমে ওয়েব অ্যাপ ম্যানিফেস্ট যোগ করা