শুরু করুন: একটি কৌণিক অ্যাপ্লিকেশন অপ্টিমাইজ করুন

আপনার কৌণিক সাইট যতটা সম্ভব দ্রুত এবং অ্যাক্সেসযোগ্য করতে চান? আপনি সঠিক জায়গায় এসেছেন!

কৌণিক কি?

কৌণিক ব্যবহারকারী ইন্টারফেস নির্মাণের জন্য একটি কাঠামো। এটি আপনাকে দ্রুত একটি রক্ষণাবেক্ষণযোগ্য, মাপযোগ্য অ্যাপ্লিকেশন সেট আপ করতে সহায়তা করার জন্য বিল্ডিং ব্লক সরবরাহ করে। কৌণিক ডেভেলপারদের ওয়েব, মোবাইল বা ডেস্কটপে লাইভ অ্যাপ্লিকেশন তৈরি করার ক্ষমতা দেয়।

এই সংগ্রহে কি আছে?

এই সংগ্রহটি একটি কৌণিক অ্যাপ্লিকেশন অপ্টিমাইজ করার জন্য পাঁচটি প্রধান ক্ষেত্রে ফোকাস করে:

  • ব্যবহারকারীর রূপান্তর এবং ব্যস্ততা বাড়াতে আপনার অ্যাপ্লিকেশনের কর্মক্ষমতা উন্নত করা
  • কৌণিক পরিষেবা কর্মীর সাথে সম্পদের প্রিক্যাচিং দ্বারা দুর্বল নেটওয়ার্কগুলিতে আপনার অ্যাপ্লিকেশনের নির্ভরযোগ্যতা উন্নত করা
  • প্রিরেন্ডারিং এবং সার্ভার-সাইড রেন্ডারিং ব্যবহার করে সার্চ ইঞ্জিন এবং সোশ্যাল মিডিয়া বটগুলির জন্য আপনার অ্যাপ্লিকেশন আবিষ্কারযোগ্য করে তোলা
  • একটি iOS/Android অ্যাপের মতো ব্যবহারকারীর অভিজ্ঞতা প্রদান করতে আপনার অ্যাপ্লিকেশনটিকে ইনস্টলযোগ্য করে তোলা

সংগ্রহের প্রতিটি পোস্ট কৌশলগুলি বর্ণনা করবে যা আপনি সরাসরি আপনার নিজের অ্যাপ্লিকেশনগুলিতে প্রয়োগ করতে পারেন৷

এই সংগ্রহে কি নেই ?

এই সংগ্রহটি অনুমান করে যে আপনি ইতিমধ্যেই কৌণিক এবং টাইপস্ক্রিপ্টের সাথে পরিচিত৷ আপনি যদি এখনও তাদের সাথে আত্মবিশ্বাসী বোধ না করেন, তাহলে TypeScript ডকুমেন্টেশন এবং angular.io- তে কৌণিক নির্দেশিকা দিয়ে শুরু করুন

একটি প্রকল্প শুরু করুন

কৌণিক কমান্ড লাইন ইন্টারফেস (CLI) আপনাকে দ্রুত একটি সাধারণ ক্লায়েন্ট-সাইড অ্যাঙ্গুলার অ্যাপ্লিকেশন সেট আপ করতে দেয়। এই পোস্টটিতে 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 এ আপনার অ্যাপ্লিকেশন অ্যাক্সেস করতে সক্ষম হবেন।

এরপর কি?

এই সংগ্রহের বাকি অংশে আপনি শিখবেন কিভাবে কর্মক্ষমতা উন্নত করতে হয় এবং আপনার কৌণিক অ্যাপ্লিকেশনের এসইও। এখানে যা আচ্ছাদিত করা হয়েছে:

  • রুট-লেভেল কোড কৌণিকভাবে বিভক্ত করা
  • কৌণিক CLI সহ কর্মক্ষমতা বাজেট
  • কৌণিকভাবে রুট প্রিফেচিং কৌশল
  • Angular এ সনাক্তকরণ অপ্টিমাইজেশান পরিবর্তন করুন
  • Angular CDK দিয়ে বড় তালিকা ভার্চুয়ালাইজ করুন
  • কৌণিক পরিষেবা কর্মীর সাথে প্রিচেচিং
  • কৌণিক CLI সহ প্রি-রেন্ডার রুট
  • Angular Universal এর সাথে সার্ভার-সাইড রেন্ডারিং
  • Angular CLI এর সাথে একটি ওয়েব অ্যাপ ম্যানিফেস্ট যোগ করুন