JQuery বনাম AngularJS বনাম নোড.জেএস [বন্ধ] মধ্যে পার্থক্য


106

আমি কেবল ওয়েব বিকাশ শুরু করছি এবং এখনও অবধি আমি জানি:

এইচটিএমএল - ওয়েবসাইটের বিন্যাস

সিএসএস - এটিকে সুন্দর দেখায়

জাভাস্ক্রিপ্ট - কার্যকারিতা

তারপরে jQuery , AngularJS এবং Node.js কী?

দ্রুত অনুসন্ধান করার পরে, আমি দেখতে পেলাম যে jQuery হ'ল "জাভাস্ক্রিপ্ট লাইব্রেরি", অ্যাঙ্গুলারজেএস হ'ল "জাভাস্ক্রিপ্ট ভিত্তিক ওপেন সোর্স ফ্রন্ট-এন্ড ওয়েব অ্যাপ্লিকেশন ফ্রেমওয়ার্ক", এবং নোড.জেস "জাভাস্ক্রিপ্ট রানটাইম এনভায়রনমেন্ট"।

তারা সকলকে জাভাস্ক্রিপ্টের সাথে সম্পর্কিত বলে মনে হচ্ছে, তাই তারা কী নতুন ভাষা? 'ফ্রেমওয়ার্ক / লাইব্রেরি' বলতে কী বোঝায়?

একটি সহজ উত্তর প্রশংসা করা হবে। (আমি কেবল ওয়েব প্রোগ্রামিং শুরু করছি, তবে আমি প্রোগ্রামিংয়ের সাথে পরিচিত)।


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

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

আরও দেখুন এই প্রশ্নের
nnnnnn

উত্তর:


202

jQuery একটি গ্রন্থাগার (ক্লায়েন্ট পাশ)

jQuery একটি দ্রুত, ছোট, লাইটওয়েট, "কম লিখুন, আরও কিছু করুন" এবং বৈশিষ্ট্য সমৃদ্ধ জাভাস্ক্রিপ্ট লাইব্রেরি।

এটি এইচটিএমএল ডকুমেন্টের ট্র্যাভারসাল এবং ম্যানিপুলেশন, ইভেন্ট হ্যান্ডলিং, অ্যানিমেশন এবং অ্যাজাক্সকে সহজেই ব্যবহারযোগ্য সহজে ব্যবহারযোগ্য API এর সাহায্যে অনেকগুলি সহজ করে তোলে যা ব্রাউজারগুলির বহু লোক জুড়ে কাজ করে।

অ্যাঙ্গুলারজেএস একটি এমভিসি কাঠামো (ক্লায়েন্টের দিক)

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

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

নোড.জেএস একটি প্ল্যাটফর্ম এবং রানটাইম এনভায়রনমেন্ট (সার্ভার সাইড)

নোড.জেএস গুগল ক্রোমের জাভাস্ক্রিপ্ট ইঞ্জিন (ভি 8 ইঞ্জিন) এ নির্মিত সার্ভার-সাইড এবং নেটওয়ার্কিং অ্যাপ্লিকেশনগুলির বিকাশের জন্য একটি ওপেন সোর্স, ক্রস প্ল্যাটফর্ম রানটাইম পরিবেশ। নোড.জেএস অ্যাপ্লিকেশনগুলি জাভাস্ক্রিপ্টে লিখিত এবং ওএস এক্স, মাইক্রোসফ্ট উইন্ডোজ এবং লিনাক্সে নোড.জেএস রানটাইমের মধ্যে চালানো যেতে পারে।

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

গ্রন্থাগার বনাম ফ্রেমওয়ার্ক

একটি লাইব্রেরি এবং একটি কাঠামোর মধ্যে মূল পার্থক্য হ'ল "নিয়ন্ত্রণের বিপরীতমুখী"। আপনি যখন কোনও লাইব্রেরি থেকে কোনও পদ্ধতি কল করেন তখন আপনি নিয়ন্ত্রণে থাকেন। তবে একটি কাঠামোর সাহায্যে নিয়ন্ত্রণটি উল্টে যায়: ফ্রেমওয়ার্ক আপনাকে কল করে।

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

গ্রন্থাগার

ওয়েব অ্যাপ্লিকেশন লেখার সময় দরকারী ফাংশনগুলির একটি সংগ্রহ। আপনার কোডটি দায়িত্বে রয়েছে এবং এটি উপযুক্ত দেখলে লাইব্রেরিতে কল করে। যেমন, jQuery।

ফ্রেমওয়ার্ক

ওয়েব অ্যাপ্লিকেশনটির একটি বিশেষ বাস্তবায়ন, যেখানে আপনার কোড বিশদ পূরণ করে। ফ্রেমওয়ার্কটি দায়িত্বে রয়েছে এবং যখন এটি নির্দিষ্ট-নির্দিষ্ট অ্যাপ্লিকেশনটির প্রয়োজন হয় তখন এটি আপনার কোডে কল করে। যেমন, AngularJS, Durandal , Ember.js ইত্যাদি


27

সহজ কথায়,

  • jQuery - এইচটিএমএল এবং সিএসএসের কৌশলগতকরণের জন্য জাভাস্ক্রিপ্ট ফাংশনগুলির একটি সংগ্রহ
  • অ্যাঙ্গুলারজেএস - একটি জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক যা আপনাকে এইচটিএমএল এবং সিএসএস সংগঠিত করতে সহায়তা করে
  • নোড.জেএস- একটি জাভাস্ক্রিপ্ট রানটাইম ... এটি আপনার সার্ভার বা লোকাল মেশিনে ব্রাউজারের মতো, তবে ব্রাউজারের সমস্ত ইঞ্জিন ও অতিরিক্ত সরবরাহ ছাড়াই .. এটি কেবল একটি রানটাইম

সাধারণ কথায় লাইব্রেরি বনাম কাঠামোর প্রধান পার্থক্য:
ফ্রেমওয়ার্কটি নির্দিষ্ট আর্কিটেকচার আরোপ করে এবং এর প্রত্যাশা অনুসরণ করার জন্য অ্যাপ্লিকেশনটি প্রত্যাশা করে যে
গ্রন্থাগারটি হ'ল নিম্ন স্তরের বিল্ডিং ব্লকের একটি সংগ্রহ যা প্রায়শই সুনির্দিষ্ট সমস্যা সমাধানের উদ্দেশ্যে দানাদার ফাংশন সরবরাহ করে (যেমন jquery.post () ফাংশন) *


17

jQuery এর

jQuery একটি লাইব্রেরি যা আপনার জন্য অনেক কিছু করে। এটিতে খুব সহজ, সাধারণভাবে ব্যবহৃত ফাংশন রয়েছে যাতে আপনাকে নিজেরাই এই কোডটি লেখার দরকার নেই। এটি পাথরের যুগে ছুতার হওয়া বা আপনার হাতে বিদ্যুতের সরঞ্জামগুলির একটি অ্যারের মধ্যে পার্থক্য of

AngularJS

অ্যাঙ্গুলারজেএস একটি ফ্রেমওয়ার্ক যা ইন্টারেক্টিভ ওয়েব সাইট এবং ওয়েব অ্যাপ্লিকেশনগুলির জন্য ফ্রন্ট-এন্ড, গ্রাফিকাল ইউজার ইন্টারফেস (জিইউআই) তৈরি করতে ব্যবহৃত হয় । এটি Node.js এর পাশাপাশি ব্যবহার করার সময় একটি শক্তিশালী সমন্বয় তৈরি করে

node.js

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

সাধারণভাবে ফ্রেমওয়ার্কস

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

AngularJS বৈদ্যুতিন সহ অভ্যন্তর নকশা দলের মতো হবে, এবং নোড.জেএস সব কিছু হবে। Oversimplified? হতে পারে. তবে আপনি একটি সহজ ব্যাখ্যা চেয়েছিলেন।

সুতরাং আপনি AngularJS এবং Node.js কে বিপরীত হিসাবে ভাবতে পারেন তবে সেগুলি একই অ্যাপ্লিকেশন বা প্রকল্পে একসাথে ব্যবহার করা যেতে পারে। তারা বিভিন্ন উদ্দেশ্যে পূরণ করে তবে তারা দুজনেই এটি করতে জাভাস্ক্রিপ্ট (এবং কিছুটা jQuery) ব্যবহার করে।


7
  • ফ্রেমওয়ার্ক : এটি আপনাকে কীভাবে আপনার কোড উপস্থাপন করা উচিত তার একটি প্রদত্ত কাঠামো বর্ণনা করে । বেশ কয়েকটি কোড-টেমপ্লেটের মতো, কোনও নির্দিষ্ট সমস্যা সমাধান / সরল করতে বা আপনার আর্কিটেকচারকে "ক্রম" এনে দেওয়ার জন্য কিছু সহায়ক, নির্মাতা ইত্যাদি বরাবর। উদাহরণ, Backbone.js , RequireJS, Socket.IO । একটি ফ্রেমওয়ার্ক সাধারণ অ্যাপ্লিকেশন কার্যকারিতা encapsulates , বিকাশকারী তাদের অ্যাপ্লিকেশন অনন্য যে অংশগুলিতে ফোকাস করতে দেয়।

  • লাইব্রেরি : একটি সম্পূর্ণ টুলকিট যা ব্রাউজার, ডিওএম মডেল ইত্যাদির মতো বিভিন্ন স্তরকে অত্যন্ত বিমূর্ত করে তোলে এছাড়াও একটি ভাল টুলকিট হিসাবে এটি কাজ করার জন্য প্রচুর সরঞ্জাম এবং ঝরঝরে স্টাফ সরবরাহ করে, যা সাধারণভাবে আপনার কোডিংয়ের অভিজ্ঞতাটি সহজ করে দেয়। উদাহরণস্বরূপ jQuery এবং MooTools

দেখুন এখানে আরও তথ্যের জন্য।


"লাইব্রেরি: একটি সম্পূর্ণ সরঞ্জামকিট" - উল্লেখ করে যে এটি খুব ছোট একটি টুলকিট হতে পারে যদি এর উদ্দেশ্য, কেবলমাত্র তারিখ / সময় ডেটা নিয়ে কাজ করা হয়।
nnnnnn

7

তারা কেন দিনের পর দিন আরও জনপ্রিয় হচ্ছে:

jQuery এর

  • জ্যাকুরি কোডগুলি তুলনামূলকভাবে খাটো। কখনও কখনও jQuery কোডের পাঁচটি লাইন প্রচলিত জাভাস্ক্রিপ্ট কোডের 25 লাইনের সমতুল্য (উদাহরণস্বরূপ AJAX সহ কোনও ডেটা ফাইল লোড করা)। এর অর্থ কম কোড এবং অনেক ছোট ফাইল।
  • বৃহত্তর গ্রন্থাগার: jQuery আপনাকে অন্যান্য জাভাস্ক্রিপ্ট লাইব্রেরির তুলনায় ফাংশনের hordes সম্পাদন করতে সক্ষম করে।
  • অ্যাজাক্সের সাথে সুপার ইজি কাজ: jQuery আপনাকে খুব সহজেই অ্যাজাক্স টেম্পলেটগুলি বিকাশ করতে দেয়, এজাক্স একটি স্লিকার ইন্টারফেস সক্ষম করে যেখানে পুরো পৃষ্ঠাটি পুনরায় লোড করার প্রয়োজন ছাড়াই পৃষ্ঠাগুলিতে ক্রিয়া সম্পাদন করা যেতে পারে।

AngularJS

  • দ্বি-উপায়ে ডেটা বাইন্ডিং: আপনি jQuery এ একটি সহজ দ্বিমুখী ডেটা বাইন্ডিং ইভেন্ট লিখতে পারেন, জাভাস্ক্রিপ্ট এমভিসি লাইব্রেরিগুলি আপনার দৃষ্টিতে মডেলগুলিকে সংযুক্ত করার আরও একটি ঘোষণামূলক (এইচটিএমএল ব্যবহার করে) উপায় সরবরাহ করে।
  • Spa (জন্য গ্রেট একক পৃষ্ঠার অ্যাপ্লিকেশন ): AngularJS মত লাইব্রেরি অরেলিয়া, Ember.js এবং উল্কা jQuery মধ্যে এটা সব লেখার পরিবর্তে আপনার জন্য নদীর গভীরতানির্ণয় সব প্রদান

node.js

  • এটি দ্রুত: বজ্রপাতের দ্রুত জাভাস্ক্রিপ্ট কার্যকরকরণের পাশাপাশি, নোড.জেএস এর পিছনে আসল যাদুটি ইভেন্ট লুপ। ইভেন্ট লুপটি একক থ্রেড যা সমস্ত I / O ক্রিয়াকলাপকে অবিচ্ছিন্নভাবে সম্পাদন করে। Ditionতিহ্যগতভাবে, I / O অপারেশনগুলি কাজ সম্পাদনের জন্য সমান্তরাল থ্রেড তৈরি করে সিঙ্ক্রোনাস (ব্লক করা) বা অবিচ্ছিন্নভাবে চালিত হয়।
  • রিয়েল-টাইম তৈরি করা সহজ: নোড.জেএস যদি বহুসংযোগের সাথে সংযোগ স্থাপন করে, তবে এটি বোঝা যায় যে এটি চ্যাট এবং গেমসের মতো একাধিক ব্যবহারকারীর, রিয়েল-টাইম ওয়েব অ্যাপ্লিকেশনগুলিতে ছাড়িয়ে যায়। নোড.জেএস এর ইভেন্ট লুপটি একাধিক ব্যবহারকারীর প্রয়োজনীয়তার যত্ন নেয়।

2
"JQuery কোডের 5 টি লাইন প্রচলিত জাভাস্ক্রিপ্ট কোডের 25 লাইনের সমতুল্য" - আপনি যা করার চেষ্টা করছেন তার উপর নির্ভর করে। কিছু কাজের ক্ষেত্রে ন্যূনতম পার্থক্য রয়েছে, অন্যদের জন্য বড় পার্থক্য রয়েছে। "এর অর্থ ছোট ফাইল এবং দ্রুত ওয়েব পৃষ্ঠাগুলি লোড করা হচ্ছে" " - কোডটি jQuery আপনাকে নিজের জন্য লেখার হাত থেকে বাঁচিয়েছে তা বাদে সমস্ত কিছুই jQuery ফাইলের মধ্যে রয়েছে যা ব্রাউজারেও ডাউনলোড করতে হবে। সুতরাং কোডের মোট পরিমাণ সম্ভবত আরও বেশি।
nnnnnn

ডকুমেন্টটি লোড হওয়ার সময় এই ফাইলগুলি লোড হয়। যেহেতু সেরা অনুশীলন হ'ল DOM লোড না হওয়া পর্যন্ত জেএস ব্যবহার করা উচিত নয়। তারা আপনার ক্লিক বা
প্রয়োগের

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

ঠিক আছে .. আপনি যদি ভাবেন আমি দ্রুত লোডিংটি সরিয়ে
ফেলব

আমি কি একই প্রোগ্রামে JQuery এবং জাভাস্ক্রিপ্ট লিখতে পারি
কে স্প্লিট এক্স

6

ইন্টারেক্টিভ ওয়েব সাইটগুলি তৈরি করতে আপনি এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট ব্যবহার করেন।

jQuery জাভাস্ক্রিপ্ট লিখিত একটি সরঞ্জাম।

অ্যাঙ্গুলারজেএস জাভাস্ক্রিপ্টে লেখা একটি সরঞ্জাম।

প্রতিক্রিয়া জাভাস্ক্রিপ্ট লিখিত একটি সরঞ্জাম।

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

আমরা প্রায়শই ওয়েব ব্রাউজারে জাভাস্ক্রিপ্ট চালাই। তবে কয়েক বছর আগে, নোড.জেএস নামে এই জিনিসটি এসেছিল যা আমাদের ব্রাউজারের বাইরে সহজেই জাভাস্ক্রিপ্ট চালানোর অনুমতি দেয়। আমি এটিকে "এমন একটি প্রোগ্রাম যা ব্রাউজারের বাইরে জাভাস্ক্রিপ্ট চালায়" হিসাবে ভাবতে চাই (যার অর্থ ... এটি দেখার মতো কোনও HTML বা সিএসএস নেই)।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.