কেন আমি কৌনিক ব্যবহার করব? [বন্ধ]


20

বেসিক কৌণিক টিউটোরিয়াল থেকে দেখে মনে হচ্ছে এটি সমস্ত কিছুই একটি এপিআই থেকে কিছু জেএসএন এনে এটি প্রদর্শন করে। এছাড়াও, এর ডাবল বাঁধাই যাদু আছে।

তবে আমি কেন এটি ব্যাকএন্ড সলিউশন (রেলের মতো) এর বদলে ব্যবহার করব যা ব্যাকএন্ডে দৃশ্যটি তৈরি করে এবং ইতিমধ্যে স্থানের সমস্ত কিছুর সাথে এটি ব্যবহারকারীর কাছে পরিবেশন করবে? ব্যবহারের ক্ষেত্রে কী কী?

উত্তর:


26

TLDR;

কৌণিক সাহায্যে আপনাকে সমৃদ্ধ ব্যবহারকারী ইন্টারফেসের অন্তর্নিহিত জটিলতা মোকাবেলা করতে সহায়তা করে। ইউআই জটিলতা বাড়ার সাথে সাথে সার্ভারে পৃষ্ঠাগুলি উত্পন্ন করার প্রচলিত মডেলটি আরও জটিল হয়ে ওঠে। কৌণিক সাহায্যে আপনাকে আপনার UI কে ম্যানেজেবল খণ্ডে পরিণত করতে দেয় এবং আপনাকে ইউআইটিকে বাস্তবায়ন থেকে আলাদা করতে দেয়। এটি সার্ভার-সাইড পৃষ্ঠা প্রজন্মকে একটি দুর্দান্ত কাজকে সহজ করে তোলে, তবে আপনি খাঁটি জাভাস্ক্রিপ্ট-ভিত্তিক অ্যাপ্লিকেশনগুলিতে সরানোর সময় কৌণিকতা সত্যই নিজের মধ্যে আসে। এই জাতীয় প্রয়োগের একটি ভাল উদাহরণ হ'ল ট্রেলো

দীর্ঘ গল্প

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

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

একটি পয়েন্ট আসে, যদিও, যেখানে আপনি যা করতে চান তা হ'ল সার্ভার একটি স্টাব পৃষ্ঠা যা সম্পূর্ণ জাভাস্ক্রিপ্ট-ভিত্তিক অ্যাপ্লিকেশন লোড করে। অ্যাংুলার সত্যিকারভাবে জ্বলজ্বল করে এমন ব্যবহারের ক্ষেত্রে সর্বাধিক পরিচিত উদাহরণটি হলেন ট্রেলো (এটি ব্যাকবোন ব্যবহার করে, কৌণিক নয়, তবে এটি একই ব্যবহারের ক্ষেত্রে)। এখানে একটি সাইট http://builtwith.angularjs.org/ রয়েছে যার আরও উদাহরণ সাইটের রয়েছে যা অ্যাংুলার ব্যবহার করে।

তাহলে সংক্ষিপ্ত উত্তর? কৌণিকর সাহায্যে আপনাকে আপনার ইউআইটি সংশ্লেষে বিভক্ত করতে দেয় এবং শেষ পর্যন্ত সম্পূর্ণ জাভাস্ক্রিপ্টে যায়, সমৃদ্ধ, অত্যন্ত ইন্টারেক্টিভ ব্যবহারকারী ইন্টারফেস তৈরি করা সহজ করে তোলে।


3
AngularJ sodes চেহারা এবং অনুভূতি এবং যুক্তিগুলির স্পষ্ট বিভাজন সরবরাহ করে না।
আরএসম্যান

13
@ আরসম্যান, এটি স্পষ্টভাবে করে। ডেটা-বাইন্ডিংয়ের পুরো বিষয়টি হ'ল আপনি পুরো ডিওএম-ম্যানিপুলেশন কোডটি লেখেন না, কৌণিকটি এটি আপনার জন্য করে, আপনি এটির মতো দেখায়, আপনার ইন্টারঅ্যাকশনগুলি কীভাবে কাজ করে তা আপনি সংজ্ঞায়িত করেন তবে আপনি এড়াতে পারেন কোডটির সাথে এই দুজনকে একত্রে সংযুক্ত করে যা ইন্টারঅ্যাকশন পরিচালনা করে এমন কোড থেকে এটির মতো দেখতে আপডেট করে।
লোকালম্যান

3
উদাহরণ হিসাবে ব্যবহৃত ট্রেলো, কৌণিক ব্লগ
জামেস্টোনেকো

1
@ জেমসটেনেকো সত্যই এটি করে না, আমি কেবল ট্রেলোকে খাঁটি ক্লায়েন্ট-সাইড জেএস অ্যাপ্লিকেশনটির উদাহরণ হিসাবে ব্যবহার করেছি। এটি ভালভাবে সম্পাদন করা এটি প্রথম দিকের একজন।
লোকালম্যান

7

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

উদাহরণস্বরূপ, একটি বর্তমান প্রকল্পে আমাদের একটি মতামত রয়েছে যা প্রতিক্রিয়াশীল ব্যবহারকারীর অভিজ্ঞতা তৈরি করতে জাভাস্ক্রিপ্ট কোডের কয়েকশ লাইন ব্যবহার করে। তবুও পৃষ্ঠাটি কিছুটা বাগী এবং বজায় রাখা খুব কঠিন। আমরা আরও ভাল বিকল্পের জন্য চারদিকে তাকাতে শুরু করি এবং ব্যাকবোন.জেএস এবং নকআউট.জেএস এর দিকে চেয়েছিলাম। শেষ পর্যন্ত আমরা কৌণিক চেষ্টা করেছিলাম। আমরা মাত্র কয়েকটি লাইনের কোড দিয়ে অনেক বেশি প্রতিক্রিয়াশীল এবং রক্ষণাবেক্ষণযোগ্য পৃষ্ঠা তৈরি করতে সক্ষম হয়েছি। সমস্ত ডিওএম ম্যানিপুলেশন কোড ছিল। চলে এসেছিল এমন সমস্ত ক্লঙ্কি ব্যাকএন্ড ভিউ ক্রিয়েশন যা সঠিক জায়গায় আনতে এবং .োকাতে হয়েছিল। মডেল এবং ভিউ সিঙ্কে রাখার জন্য লেখা সমস্ত কোডই ছিল। সেই অভিজ্ঞতার সাথে সাথে কৌণিক স্থানান্তরিত করার সিদ্ধান্তটি আরও সহজ হয়ে গেল এবং এখন পর্যন্ত আমরা এর জন্য আফসোস করি না।


"সমস্ত ডিওএম ম্যানিপুলেশন কোড ছিল" " এটি আমার মতে সর্বাধিক গুরুত্বপূর্ণ বিষয়।
বাঁকানো

5

কৌনিকটি একক পৃষ্ঠা অ্যাপ্লিকেশন বিকাশের জন্য, এটি আপনার অ্যাপ্লিকেশনটির জন্য একটি শক্ত কঙ্কাল সরবরাহ করতে সহায়তা করে। এটি ফর্মগুলির সাথেও বেশ ভাল, প্রচুর ডেটা সহ জটিল ভিড়যুক্ত ইউআই-তে খুব ভাল নয়। দ্বিমুখী ডেটা বাঁধাই প্রথমে "যাদু" তবে আপনাকে সচেতন হতে হবে যে সর্বাধিক সাম্প্রতিক ফ্রেমওয়ার্কগুলি (কৌণিক 2 নিজেই অন্তর্ভুক্ত) দ্বিমুখী ডেটা বাইন্ডিং থেকে আরও সরল ডেটা প্রবাহ ডাউন / ইভেন্ট প্রবাহ আপ পদ্ধতির জন্য দূরে সরে যায় (তা জানিয়ে গল্প এখানে খুব দীর্ঘ হবে)।

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

এটি বলেছিল, আপনার প্রশ্নটি অ্যাঙ্গুলারের চেয়ে এসপিএ ব্যবহারের ক্ষেত্রে কী কী তা সম্পর্কে আরও বেশি মনে হয়।

একক পৃষ্ঠা অ্যাপ্লিকেশনগুলির ব্যবহারের ক্ষেত্রে শক্তিশালী ইউআই / ইউএক্স সহ ওয়েব অ্যাপ্লিকেশন এবং সামগ্রিকভাবে আরও ভাল অ্যাপ্লিকেশন অনুভূতি রয়েছে। আপনার পৃষ্ঠাটি পুনরায় লোড না করে আপনি সময় ও ব্যান্ডউইথের রেন্ডারিংয়ে সংরক্ষণ করেন। আপনি ডেটা এবং উপস্থাপনা পৃথক করেন যা দুর্দান্ত। আপনার আবেদনটি হয়ে যায়:

  • আপনার সূচিপত্রের অন্তর্ভুক্ত স্থির ফাইল t
  • একটি REST এপিআই পরিবেশন করা ডেটা
  • একটি ডেটা চালিত ফ্রন্ট-এন্ড অ্যাপ্লিকেশন
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.