অ্যাঙ্গুলারজেএস কীভাবে jQuery থেকে আলাদা


388

আমি কেবল একটি জেএস লাইব্রেরি জানি এবং এটি হল জিকুয়েরি
তবে গ্রুপে থাকা আমার অন্যান্য কোডাররা নতুন প্রকল্পে অ্যাংুলারজেএসকে তাদের ডিফল্ট গ্রন্থাগার হিসাবে পরিবর্তন করছে।

আমি এটি সম্পর্কে কিছুই জানি না। এটি jQuery থেকে কীভাবে আলাদা?
আমি ইতিমধ্যে jQuery তে অনুরূপ কাজের জন্য ফাংশনগুলির একটি সেট সম্পন্ন করেছি। আমি কি এখনও AngularJS এর ​​সাথে jQuery স্টাফ ব্যবহার করতে পারি?

উত্তর:


414
  1. যখন কৌণিক 1 একটি কাঠামো ছিল, কৌণিক 2 একটি প্ল্যাটফর্ম । ( রেফ )

বিকাশকারীদের জন্য, Angular2 স্ক্রিনে ডেটা দেখানোর বাইরে কিছু বৈশিষ্ট্য সরবরাহ করে। উদাহরণস্বরূপ, কৌণিক 2 ক্লাইট সরঞ্জাম ব্যবহার করে আপনাকে আপনার কোড "প্রাক-সংকলন" করতে এবং প্রয়োজনীয় জাভাস্ক্রিপ্ট কোড তৈরি করতে ( গাছ কাঁপানো ) ডাউনলোডের আকারটি 35Kish এ নিচে সঙ্কুচিত করতে সহায়তা করতে পারে।

  1. কৌণিক 2 এমুলেটেড শেডো ডিওএম। ( রেফ )

এটি সার্ভার রেন্ডারিংয়ের জন্য একটি দরজা উন্মুক্ত করে যা এসইও ইস্যুকে মোকাবেলা করতে পারে এবং ব্রাউজারগুলিতে কাজ করে না এমন নেটিভস্ক্রিপ্ট ইত্যাদির সাথে কাজ করতে পারে।

AngularJS একটি কাঠামো । এটিতে নিম্নলিখিত বৈশিষ্ট্য রয়েছে

  1. দ্বিমুখী ডেটা বাঁধাই
  2. এমভিডাব্লু প্যাটার্ন (এমভিসি-ইশ)
  3. টেমপ্লেট
  4. কাস্টম-নির্দেশিকা (পুনরায় ব্যবহারযোগ্য উপাদান, কাস্টম মার্কআপ)
  5. বিশ্রাম বান্ধব
  6. গভীর সংযোগ (যে কোনও গতিশীল পৃষ্ঠার জন্য একটি লিঙ্ক সেট আপ)
  7. ফর্ম বৈধকরণ
  8. সার্ভার যোগাযোগ
  9. স্থানীয়করণ
  10. ইনজেকশন নির্ভরতা
  11. সম্পূর্ণ পরীক্ষার পরিবেশ (উভয় ইউনিট, e2e)

এই উপস্থাপনা এবং এই দুর্দান্ত ভূমিকা পরীক্ষা করুন

অফিসিয়াল বিকাশকারী গাইড পড়তে ভুলবেন না

বা দুর্দান্ত ভিডিও টিউটোরিয়ালগুলি থেকে এটি শিখুন

আপনি যদি আরও টিউটোরিয়াল ভিডিও দেখতে চান তবে সেরা 60+ অ্যাঙ্গুলারজেএস টিউটোরিয়াল সংগ্রহ , এই পোস্টটি দেখুন ।

আপনি কোন সমস্যা ছাড়াই AngularJS এর ​​সাথে jQuery ব্যবহার করতে পারেন।

প্রকৃতপক্ষে, AngularJS এতে jQuery লাইট ব্যবহার করে, যা দুর্দান্ত সরঞ্জাম।

এফএকিউ থেকে

কৌণিক কি jQuery লাইব্রেরি ব্যবহার করে?

হ্যাঁ, অ্যাপ্লিকেশনটি বুটস্ট্র্যাপ করার সময় কৌনিকটি আপনার অ্যাপটিতে উপস্থিত থাকলে jQuery ব্যবহার করতে পারে। যদি jQuery আপনার স্ক্রিপ্টের পথে উপস্থিত না থাকে, তবে কৌনিকটি jQuery এর উপসেটটির নিজস্ব বাস্তবায়নে ফিরে আসে যা আমরা jQLite বলি।

তবে অ্যাংুলারজেএস নিয়ন্ত্রণকারীগুলিতে ডিওএম সংশোধন করতে jQuery ব্যবহার করার চেষ্টা করবেন না, এটি আপনার নির্দেশনায় করুন।

হালনাগাদ:

অ্যাঙ্গুলার 2 মুক্তি পেয়েছে। এখানে সূচনাকারীদের জন্য সম্পদের একটি দুর্দান্ত তালিকা


8
আমি কৌণিক JS পূর্ণ আবেদন বিকাশ করতে হবে অথবা আমি যে ব্যবহার করতে পারেন কয়েক পৃষ্ঠা এবং কয়েক apges আমি সহজ jQuery ব্যবহার
মরীচিকা

8
+1 দুর্দান্ত উত্তর। আমি বলব যে কৌণিক যদিও এমভিভিএম প্যাটার্নের নিকটে আসে।
GFoley83

8
আমি প্রায় নিশ্চিত কৌণিক একটি নই MVW
iConnor

2
বেশ কয়েক বছর ধরে এটি এমভিসির কাছাকাছি ছিল। তবে এখন ফ্যাক্টরিং এবং এপিআই উন্নতি, এটি এমভিভিএমের কাছাকাছি। কৌণিক $ স্কোপে, ভিএম (দর্শন মডেল) এর মতো কাজ করে।
অপরাজেয়

14
ভবিষ্যতে কোনো-মানুষ হতাশ (যেমন আমি ছিলাম) জন্য, MVW == মডেল দেখুন-যাই হোক না কেন , হিসাবে " মি odel- বনাম iew- W hatever কাজ করে-জন্য-আপনি" । অন্য কথায়, এমভি *
ডেভিড ফ্রাই

40

বিকাশকারীর দৃষ্টিকোণ থেকে jQuery এর সাথে AngularJS পার্থক্য সম্পর্কিত কিছু যুক্ত করতে চাই ।

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

jQuery একটি নিখরচায় কবিতার মতো, আপনি লাইন লিখেন এবং কিছু সম্পর্ক এবং গতি আপনার কার্য সম্পাদনের জন্য উপযুক্ত রাখেন।

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

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

তদ্ব্যতীত, AngularJS এর কার্য সম্পাদন করার জন্য jQuery এর উপর নির্ভরতা নেই has এর দুটি অত্যন্ত চমত্কার বৈশিষ্ট্য রয়েছে যা jQuery তে কোনও অর্থে পাওয়া যায় না:

1- কৌণিক জেএস আপনাকে শেখায় কীভাবে কোনও লক্ষ্য অর্জন করতে হয় এবং কেবল কোনও উপায়ে কোনও লক্ষ্য অর্জন করতে হয় তা নয়। অ্যাঙ্গুলারজেএস জাভাস্ক্রিপ্টগুলির মূল এবং হৃদয়কে সম্পূর্ণরূপে ব্যবহার করে এবং ডিআই (নির্ভরতা-ইনজেকশন) এর মতো কৌশলগুলি আপনাকে আপনার অ্যাপ্লিকেশনটিতে অন্তর্ভুক্ত করার পথ সুগম করে mention কৌণিক জেএসের সাথে কাজ করার জন্য আপনার জাভাস্ক্রিপ্টের সাথে কোডিংয়ের আরও উন্নত কৌশলগুলি শিখতে হবে (বা অবশ্যই)।

2- কৌনিক জেএস নির্দেশাবলী পরিচালনা করতে এবং আপনার অ্যাপ্লিকেশন গঠনে সম্পূর্ণ স্বাধীন; আপনি কেবল তখনই দাবি করতে পারেন যে jQuery একই (স্বাধীনতা) করতে পারে, তবে, সত্যই, অ্যাঙ্গুলারজেএস, উপরের লাইনের মধ্যে বেশ কয়েকবার উল্লেখ করা হয়েছে, সবচেয়ে সম্ভাব্য কাঠামোগতভাবে এমভিসি ভিত্তিক উপায়ে স্বাধীনতা রয়েছে has

একটি সর্বশেষ নোটটি হ'ল, নামগুলির কোনও যুদ্ধ নেই, যেহেতু পক্ষপাতদুষ্ট বা বিষয়ভিত্তিক হওয়া এতটা বিচলিত। jQuery এর বিশালতা এবং মাহাত্ম্য প্রমাণিত হয়েছে, তবে তাদের ব্যবহার এবং সীমাবদ্ধতা (যে কোনও ফ্রেমওয়ার্ক বা সফ্টওয়্যার এর) চারপাশের আলোচনার উদ্বেগ এবং একই রকম বিতর্ক।

হালনাগাদ:

অ্যাঙ্গুলারজেএস ব্যবহার করা সিদ্ধান্ত গ্রহণযোগ্য কারণ এটি প্রয়োগের ক্ষেত্রে ব্যয়বহুল, তবে ভবিষ্যতে সম্প্রসারণ, রূপান্তরকরণ এবং অ্যাপ্লিকেশনটির রক্ষণাবেক্ষণের একটি শক্ত ভিত্তি খুঁজে পেয়েছে। AngularJS ওয়েবের নতুন ওয়ার্ল্ডের জন্য। এটি বিল্ডিং অ্যাপ্লিকেশনগুলির দিকে লক্ষ্যযুক্ত যা তাদের সর্বনিম্ন সংস্থান খরচ (সার্ভার থেকে কেবলমাত্র প্রয়োজনীয় সংস্থানগুলি লোড করা), দ্রুত প্রতিক্রিয়া সময় এবং কাঠামোগত সিস্টেমের চারপাশে মোড়ানো রক্ষণাবেক্ষণ এবং প্রসারযোগ্যতার উচ্চ ডিগ্রী দ্বারা চিহ্নিত করা হয়।


"কৌণিক জেএসের সাথে কাজ করার জন্য আপনার জাভাস্ক্রিপ্টের সাথে কোডিংয়ের আরও উন্নত কৌশলগুলি শিখতে হবে (বা আবশ্যক)" - আপনি কী বলতে চান উন্নততর কৌশলগুলি আমাকে বোঝাতে দয়া করে?
antew

@ মোস্তফা তালেবী, আমি কেবল ঠাট্টা-বিদ্রূপ করছিলাম, কিন্তু সত্যিই সেই অংশটি পাইনি "জাভাস্ক্রিপ্ট একটি ধারণা বেশি ??" এটার মানে কি?? আপনি আরও ব্যাখ্যা করতে পারেন? এহহহহহহহহহহহহহহই আমরাও কি আমাদের সাথে যোগাযোগ করলাম ??
আজেফেরতি

মানে এটি একটি স্ক্রিপ্ট :)))
মোস্তফা তালেবী

আমি একটি জিনিস মিশ্রিত! উদাহরণস্বরূপ আমরা সার্ভার সাইডের জন্য পিএইচপি ব্যবহার করি এবং আমরা এমভিসি ধারণা এবং টেমপ্লেটে আমরা জাভাস্ক্রিপ্ট ব্যবহার করি সেই টেম্পলেটে আমরা কৌণিক জেএস ব্যবহার করি তাই এখানে কৌণিক জেএস এমভিসি অকেজো, তাই না?
ফরহাদ

28

AngularJS: AngularJS ভারী ওয়েব অ্যাপ্লিকেশন বিকাশের জন্য। অ্যাপ্লিকেশনটি বুটস্ট্র্যাপ করার সময় অ্যাঙ্গুলারজেএস jQuery ব্যবহার করতে পারে যদি এটি ওয়েব-অ্যাপে উপস্থিত থাকে। যদি এটি স্ক্রিপ্টের পথে উপস্থিত না থাকে, তবে অ্যাংুলারজেএস jQuery এর সাবসেটটির নিজস্ব প্রয়োগে ফিরে আসে।

জ্যাকুয়ারি: jQuery একটি ছোট, দ্রুত এবং বৈশিষ্ট্য সমৃদ্ধ জাভাস্ক্রিপ্ট গ্রন্থাগার। এটি এইচটিএমএল ডকুমেন্টকে ট্র্যাভারসাল এবং ম্যানিপুলেশন, ইভেন্ট হ্যান্ডলিং, অ্যানিমেশন এবং অ্যাজাক্সের মতো জিনিসগুলিকে অনেক সহজ করে তোলে। jQuery AJAX কল এবং DOM ম্যানিপুলেশনের মতো জাভাস্ক্রিপ্ট থেকে জটিল জিনিসগুলি অনেকগুলি সরল করে।

এখানে আরও বিশদ পড়ুন: কৌণিকর-বনাম-জেকোয়ারি


20

আমি মনে করি এটি সংক্ষেপে পার্থক্য বর্ণনা করার জন্য একটি খুব ভাল চার্ট। এটির তাত্ক্ষণিক দৃষ্টি আকর্ষণ করলে বেশিরভাগ পার্থক্য দেখা যায়।

এখানে চিত্র বর্ণনা লিখুন

একটি জিনিস আমি যুক্ত করতে চাই যে, অ্যাংুলারজেএসকে এমভিভিএম ডিজাইন প্যাটার্নটি অনুসরণ করা যেতে পারে তবে jQuery কোনও স্ট্যান্ডার্ড অবজেক্ট ওরিয়েন্টড নিদর্শন অনুসরণ করে না।


12

তারা বিভিন্ন স্তরে কাজ করে।

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

সঙ্গে jQuery এর আপনার সাথে Dom-হেরফেরের না, Angular.Js আপনি পুরো ওয়েব-অ্যাপ্লিকেশন তৈরি।


jQuery বিভিন্ন ব্রাউজার আইডিসিএনক্র্যাসিগুলি বিমূর্ত করতে এবং আইও 6 চেকগুলি যোগ না করেই ডিওএমের সাথে কাজ করার জন্য নির্মিত হয়েছিল। সময়ের সাথে সাথে, এটি একটি দুর্দান্ত, শক্তসমর্থ এপিআই বিকাশ করেছে যা আমাদের অনেক কিছু করার অনুমতি দেয়, তবে এর মূল ভিত্তিতে এটি ডিওএমের সাথে কাজ করার জন্য, উপাদানগুলি সন্ধান করার জন্য, ইউআই পরিবর্তন করার জন্য এবং আরও অনেক কিছুর জন্য। এটিকে সরাসরি বাদাম এবং বোল্টের সাথে কাজ করার কথা ভাবেন।

Angular.Js উপরে একটি স্তর হিসাবে নির্মিত হয়েছিল , jQuery যোগ করতে MVC সামনে শেষ ইঞ্জিনিয়ারিং ধারণা। পরিবর্তে দেবার আপনি DOM এর সাথে কাজ করা API গুলি, Angular.Js আপনি ডাটা বাঁধাই, টেমপ্লেট, কাস্টম উপাদান দেয় (অনুরূপ jQuery এর UI 'তে , কিন্তু এর পরিবর্তে জাতীয় মাধ্যমে ট্রিগারিং এর ঘোষণামূলক) এবং একটি সম্পূর্ণ অনেক আরো অনেক কিছু। এটিকে সরাসরি বাদাম এবং বল্টস স্তরের পরিবর্তে একসাথে হুক করতে পারে এমন উপাদানগুলির সাথে এটি একটি উচ্চ স্তরে কাজ করার কথা ভাবেন।

অতিরিক্তভাবে , Angular.Js আপনাকে কাঠামো এবং ধারণা দেয় যা বিভিন্ন প্রকল্পের জন্য প্রযোজ্য যেমন কন্ট্রোলার, পরিষেবাদি এবং নির্দেশিকা। একই জিনিসটি করতে jQuery নিজেই একাধিক (গাজিলিয়ন) উপায়ে ব্যবহার করা যেতে পারে। ধন্যবাদ, এটি Angular.Js এর চেয়ে কম কম , যা প্রকল্পগুলিতে প্রবেশ করা এবং আউট করা সহজ করে তোলে। এটি একাধিক লোককে একই প্রকল্পে অবদান রাখার জন্য একটি বুদ্ধিমান উপায় সরবরাহ করে, কোনও স্ক্র্যাচ থেকে কোনও সিস্টেম পুনরায় প্রকাশ না করে।


একটি সংক্ষিপ্ত তুলনা এই হতে পারে -

jQuery এর

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

Angular.Js

  • এটি একটি এমভিভিএম ফ্রেমওয়ার্ক
  • এসপিএ তৈরির জন্য ব্যবহৃত (একক পৃষ্ঠা অ্যাপ্লিকেশন)
  • এটিতে রাউটিং, ডাইরেক্টিভস, দ্বি-মুখী ডেটা বাঁধাই, মডেল, নির্ভরতা ইনজেকশন, ইউনিট পরীক্ষা ইত্যাদির মতো মূল বৈশিষ্ট্য রয়েছে has
  • মডুলার হয়
  • রক্ষণাবেক্ষণযোগ্য, যখন প্রকল্পের আকার বৃদ্ধি পায়
  • দ্রুত
  • দ্বি-ওয়ে ডেটা বাঁধাই REST বন্ধুত্বপূর্ণ MVC- ভিত্তিক প্যাটার্ন
  • গভীর সংযোগ
  • টেমপ্লেট
  • বিল্ড-ইন ফর্ম বৈধকরণ
  • ইনজেকশন নির্ভরতা
  • স্থানীয়করণ
  • সম্পূর্ণ পরীক্ষার পরিবেশ
  • সার্ভার যোগাযোগ

এবং আরো অনেক কিছু

এখানে চিত্র বর্ণনা লিখুন

ভাবুন এটি সাহায্য করে।

আরও পাওয়া যাবে -


3

জ্যাকারি: -

jQuery is a lightweight and feature-rich JavaScript Library that helps web developers
by simplifying the usage of client-side scripting for web applications using JavaScript.
It extensively simplifies using JavaScript on a website and its lightweight as well as fast.

So, using jQuery, we can:

easily manipulate the contents of a webpage
apply styles to make UI more attractive
easy DOM traversal
effects and animation
simple to make AJAX calls and
utilities and much more 

কৌণিক জেএস: -

AngularJS is a product by none other the Search Engine Giant Google and its an open source
MVC-based framework(considered to be the best and only next generation framework). AngularJS
is a great tool for building highly rich client-side web applications.

As being a framework, it dictates us to follow some rules and a structured approach. Its
not just a JavaScript library but a framework that is perfectly designed (framework tools
are designed to work together in a truly interconnected way).

In comparison of features jQuery Vs AngularJS, AngularJS simply offers more features:

Two-Way data binding
REST friendly
MVC-based Pattern
Deep Linking
Template
Form Validation
Dependency Injection
Localization
Full Testing Environment
Server Communication
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.