javascript - tutorial - w3schools




পলিমার উপাদান এবং AngularJS নির্দেশাবলী মধ্যে পার্থক্য কি? (7)

পলিমার শুরু করা পৃষ্ঠাতে, আমরা পদক্ষেপে পলিমারের একটি উদাহরণ দেখি:

<html>
  <head>
    <!-- 1. Shim missing platform features -->
    <script src="polymer-all/platform/platform.js"></script>
    <!-- 2. Load a component -->
    <link rel="import" href="x-foo.html">
  </head>
  <body>
    <!-- 3. Declare the component by its tag. -->
    <x-foo></x-foo>
  </body>
</html>

আপনি কি লক্ষ্য করবেন <x-foo></x-foo> platform.js এবং x-foo.html দ্বারা সংজ্ঞায়িত করা হচ্ছে।

মনে হচ্ছে এটি AngularJS এর ​​নির্দেশক মডিউলের সমতুল্য:

angular.module('xfoo', [])
.controller('X-Foo', ['$scope',function($scope) {
    $scope.text = 'hey hey!';
})
.directive('x-foo', function() {
    return {
        restrict: 'EA',
        replace: true,
        controller: 'X-Foo',
        templateUrl: '/views/x-foo.html',
        link: function(scope, controller) {
        }
    };
});
  • এই দুটির মধ্যে পার্থক্য কী?

  • পলিমার কি সমস্যার সমাধান করে না যে AngularJS আছে না?

  • ভবিষ্যতে AngularJS সঙ্গে পলিমার টাই করার পরিকল্পনা আছে?


এই দুটির মধ্যে পার্থক্য কী?

একজন ব্যবহারকারীকে: অনেক বেশি নয়। আপনি উভয় সঙ্গে সন্ত্রস্ত অ্যাপ্লিকেশন নির্মাণ করতে পারেন।

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

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

পলিমার কি সমস্যার সমাধান করে না যে AngularJS আছে না?

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

ভবিষ্যতে AngularJS সঙ্গে পলিমার টাই করার পরিকল্পনা আছে?

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

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


পলিমার একটি ওয়েব উপাদান শিম হয়

  • " ওয়েব কম্পোনেন্টস " মানগুলির একটি নতুন সেট যা এইচটিএমএল 5 দ্বারা সজ্জিত করা হয়েছে যা ওয়েব অ্যাপ্লিকেশনের জন্য পুনঃব্যবহারযোগ্য বিল্ডিং ব্লক সরবরাহ করতে ডিজাইন করা হয়েছে।

  • ব্রাউজারগুলি "ওয়েব সামগ্রী" স্পেসিফিকেশন বাস্তবায়নের বিভিন্ন অবস্থানে রয়েছে, এবং তাই ওয়েব সামগ্রী ব্যবহার করে এইচটিএমএল লিখতে খুব তাড়াতাড়ি সম্ভব।

  • কিন্তু হায়! পলিমার উদ্ধার! পলিমার একটি লাইব্রেরি যা আপনার এইচটিএমএল কোডের একটি বিমূর্তকরণ স্তর সরবরাহ করে, এটি ওয়েব কম্পোনেন্ট API ব্যবহার করার অনুমতি দেয় যেমন এটি সমস্ত ব্রাউজারে পুরোপুরি বাস্তবায়িত হয়। এটি poly-filling বলা হয়, এবং পলিমার টিম এই লাইব্রেরিকে webcomponents.js হিসাবে webcomponents.js । এটি platform.js btw বলা হয়।

কিন্তু পলিমার ওয়েব উপাদানগুলির জন্য একটি পলিফিল লাইব্রেরির চেয়ে বেশি ...

পলিমার এছাড়াও উপাদানগুলির মাধ্যমে খোলা এবং পুনঃব্যবহারযোগ্য ওয়েব কম্পোনেন্ট বিল্ডিং ব্লক উপলব্ধ করা হয়

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

পলিমার একটি ওয়েব অ্যাপ্লিকেশন ফ্রেমওয়ার্ক নয়

  • পলিমার একটি কাঠামোর চেয়ে লাইব্রেরির বেশি।

  • পলিমারের রুট, অ্যাপ্লিকেশন সুযোগ, কন্ট্রোলার ইত্যাদিগুলির জন্য সমর্থন নেই।

    • কিন্তু এটি দুটি উপায় বাঁধাই আছে, এবং অঙ্গরাগ নির্দেশাবলী ব্যবহার করে "অনুভব" উপাদান ব্যবহার করে।
  • যদিও পলিমার এবং অ্যাঙ্গুলারজেএস-এর মধ্যে কিছু ওভারল্যাপ রয়েছে তবে তারা একই নয়। আসলে, AngularJS টিম আসন্ন রিলিজগুলিতে পলিমার লাইব্রেরি ব্যবহার করে উল্লেখ করেছে।

  • এছাড়াও যে পলিমার এখনও "রক্তপাত প্রান্ত" বলে মনে করা হয় যখন AngularJS স্থিতিশীল হয়।

  • এই গুগল প্রজেক্টগুলি উভয়ই দেখতে আগ্রহী হবেন!


আপনার প্রশ্নের জন্য:

ভবিষ্যতে AngularJS সঙ্গে পলিমার টাই করার পরিকল্পনা আছে?

AngularJS এর ​​সরকারী টুইটার অ্যাকাউন্ট থেকে: "Angularjs তার উইজেটগুলির জন্য পলিমার ব্যবহার করবে। এটি জয়-জয়"

উৎস: https://twitter.com/angularjs/status/335417160438542337


আপনি এই প্রশ্নটি জিজ্ঞাসা করতে প্রথম নন :) আপনার প্রশ্নগুলি পাওয়ার আগে আমাকে কয়েকটি জিনিস স্পষ্ট করতে দিন।

  1. পলিমারের webcomponents.js একটি লাইব্রেরি যা বিভিন্ন ওয়েবপৃষ্ঠা ছাতা অধীনে পতিত বিভিন্ন W3C APIs জন্য বিভিন্ন polyfills রয়েছে। এইগুলো:

    • কাস্টম উপাদান
    • এইচটিএমএল আমদানি
    • <template>
    • শ্যাডো ডম
    • পয়েন্টার ইভেন্টস
    • অন্যদের

    ডকুমেন্টেশনে বাম- polymer-project.org ( polymer-project.org ) এর এই সমস্ত "প্ল্যাটফর্ম প্রযুক্তিগুলির" জন্য একটি পৃষ্ঠা রয়েছে। প্রতিটি পৃষ্ঠায় প্রতিটি পৃথক পলিফিল একটি পয়েন্টার আছে।

  2. <link rel="import" href="x-foo.html"> একটি HTML আমদানি। আমদানি অন্যান্য এইচটিএমএল এইচটিএমএল সহ একটি দরকারী হাতিয়ার। আপনি <script> , <link> , মার্কআপ বা অন্য কোনও আমদানি অন্তর্ভুক্ত করতে পারেন।

  3. X-foo.html তে <x-foo> কিছুই নেই "লিঙ্ক"। আপনার উদাহরণে, এটি অনুমান করা হয়েছে যে <x-foo> (যেমন <element name="x-foo"> ) এর কাস্টম এলিমেন্ট সংজ্ঞা x-foo.html এ সংজ্ঞায়িত করা হয়েছে। যখন ব্রাউজারটি সেই সংজ্ঞাটি দেখে তখন এটি একটি নতুন উপাদান হিসাবে নিবন্ধিত হয়।

প্রশ্নে!

Angular এবং পলিমার মধ্যে পার্থক্য কি?

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

আমি পলিমারের সম্পূর্ণ স্থাপত্য স্ট্যাকের বর্ণনা দিতে এই ছবিটি ব্যবহার করবো:

লাল স্তর: আমরা পলিফিলসের একটি সেটের মাধ্যমে আগামীকালের ওয়েব পাই। মনে রাখবেন, ব্রাউজারগুলি নতুন সময়ের জন্য নতুন API গ্রহণ করার সময় সময়ের সাথে সাথে চলে যায়।

হলুদ স্তর: polymer.js সঙ্গে কিছু চিনি ছিটিয়ে। একসাথে, spec'd APIs কীভাবে ব্যবহার করবেন তার উপর এই স্তরটি আমাদের মতামত। এটি ডেটা-বাইন্ডিং, সিনট্যাটিক চিনি, ভিউচার পরিবর্তন, প্রকাশিত বৈশিষ্ট্যগুলির মতো জিনিসগুলিকেও যুক্ত করে ... আমরা মনে করি ওয়েব উপাদান-ভিত্তিক অ্যাপ্লিকেশনগুলি নির্মাণের জন্য এই জিনিসগুলি সহায়ক।

গ্রিন: UI উপাদানগুলি (সবুজ স্তর) এর বিস্তৃত সেট এখনও চলছে। এই ওয়েব উপাদানগুলি যা সমস্ত লাল + হলুদ স্তরগুলি ব্যবহার করবে।

কৌণিক নির্দেশাবলী বনাম কাস্টম উপাদান?

Alex Russell এর answer । মূলত, শ্যাডো ডোম এইচটিএমএল বিট রচনা করার অনুমতি দেয় কিন্তু HTML যে encapsulating জন্য একটি হাতিয়ার। এটি মূলত ওয়েবে একটি নতুন ধারণা এবং অন্য ফ্রেমওয়ার্কগুলি লিভারেজ করবে।

পলিমার কি সমস্যার সমাধান করে না যে AngularJS আছে না?

অনুরূপতা: ঘোষণামূলক টেম্পলেট, তথ্য বাঁধাই।

পার্থক্য: পরিষেবাগুলির, ফিল্টারগুলি, অ্যানিমেশনগুলি ইত্যাদির জন্য উচ্চতর API এঙ্গুলারগুলি IE8 সমর্থন করে এবং এই মুহুর্তে উৎপাদন অ্যাপ্লিকেশনগুলি নির্মাণের জন্য আরও বেশি দৃঢ় কাঠামো। পলিমার শুধু আলফা আউট শুরু হয়।

ভবিষ্যতে AngularJS সঙ্গে পলিমার টাই করার পরিকল্পনা আছে?

তারা পৃথক প্রকল্প । যে বলেন, উভয় কৌণিক এবং Ember দল announced তারা অবশেষে অন্তর্নিহিত প্ল্যাটফর্ম API তাদের নিজস্ব কাঠামো ব্যবহার করতে চলে যাবে।

^ এটি একটি বিশাল জয় আইএমও। এমন একটি বিশ্বের যেখানে ওয়েব ডেভেলপারদের শক্তিশালী সরঞ্জামগুলি (শ্যাডো ডোম, কাস্টম এলিমেন্টস) রয়েছে, ফ্রেমওয়ার্ক লেখকগুলি আরও ভাল ফ্রেমওয়ার্ক তৈরি করতে এই প্রাইমাইটিভগুলি ব্যবহার করতে পারে। তাদের বেশির ভাগই বর্তমানে "কাজ শেষ করার" জন্য দুর্দান্ত হুপ্সের মধ্য দিয়ে যায়।

হালনাগাদ:

এই বিষয়ে সত্যিই একটি মহান নিবন্ধ আছে: " এখানে পলিমার এবং কৌণিক মধ্যে পার্থক্য "


এই ভিডিওতে AngularJS এর ​​2 জন ব্যক্তি এই দুটি ফ্রেমওয়ার্কগুলির সম্পর্কে পার্থক্য এবং সাদৃশ্য সম্পর্কে কথা বলেছে (AngularJS 1.2 এবং তারপরে)।

এই লিঙ্কগুলি আপনাকে সঠিক Q & A এ নিয়ে আসবে:


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


1 & 2) ছায়া ডোম মধ্যে তাদের লুকানো গাছ কারণে পলিমার উপাদান scoped হয়। তার মানে তাদের শৈলী এবং আচরণ রক্তপাত করা যাবে না। কৌণিক আপনি একটি পলিমার ওয়েব উপাদান মত তৈরি যে নির্দিষ্ট নির্দেশিকা scoped হয় না। একটি কৌণিক নির্দেশিকা সম্ভবত আপনার বৈশ্বিক সুযোগ কিছু সঙ্গে দ্বন্দ্ব হতে পারে। আইএমও পলিমার থেকে আপনি যে সুবিধা পাবেন তা আমি যা ব্যাখ্যা করেছি তা হল .. মডুলার উপাদান যা CSS এবং জাভাস্ক্রিপ্টকে স্পষ্ট করে রেখেছে সেই বিশেষ উপাদান যা কিছুই স্পর্শ করতে পারে না। অস্পৃশ্য ডম!

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

3) হ্যাঁ, রব ডডসন এবং এরিক বিদেলম্যানের মতে সংস্করণ 2+ এ পলিমার অন্তর্ভুক্ত করার জন্য কৌণিক পরিকল্পনা

এখানে মজার ব্যাপার কেউ কীভাবে শব্দ সুযোগ উল্লেখ করেছে। আমি যে বড় পার্থক্য এক মনে হয়।

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

আমি এই লেখার সময় আবার উত্তর দিয়ে পড়ছি, আমি লক্ষ্য করেছি যে এরিক বিদলম্যান (ইবদ্বেদ) তার প্রেক্ষাপটে এমন ধরনের কভার করেছেন যা তার answer :

"শ্যাডো ডোম এইচটিএমএল বিট রচনা করার অনুমতি দেয় তবে এইচটিএমএল encapsulating জন্য একটি হাতিয়ার।"

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

আমি সংগৃহীত তথ্য জন্য আমার প্রধান উত্স এখানে।

জাভাস্ক্রিপ্ট জ্যাবার - রব ডডসন এবং এরিক বিদেলম্যানের সাথে পলিমার

টক শো শো - রব ডডসন সহ ওয়েব সামগ্রী





polymer