Angular 7 / এঙ্গুলার ৭

Angular 7 কি?

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

কেন Angular 7 শিখবেন ?

Angular 7 শেখা দরকারী কারণ:

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

Angular 7 এর বৈশিষ্ট্য

অ্যাপ্লিকেশন কর্মক্ষমতা উন্নত

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

CLI প্রম্পট

নাম অনুসারে, Angular 7 এর সাথে, Angular CLI শুধুমাত্র একটি কমন লাইন ইন্টারফেস নয় বরং ডেভেলপারকে বিভিন্ন ইনপুট যেমন ব্যবহার করার জন্য থিম, রাউটিং ইত্যাদি পেতে অনুরোধ করে। তারা CLI সংস্করণ 7.0.2 ব্যবহার করার জন্য Angular 7 আপগ্রেড করেছে। এটি খুবই উপযোগী যখন ডেভেলপাররা ng add @angular/material, ng new এর মত কমান্ড চালানোর চেষ্টা করে এবং তাদের প্রয়োজনীয়তার ভিত্তিতে সঠিক উপাদান ডাউনলোড করার জন্য প্রশ্ন করা হয়।

নতুন কৌণিক কম্পাইলার

কৌণিক 7 নতুন কম্পাইলারের একটি বৈশিষ্ট্য নিয়ে এসেছে; কৌণিক এই নতুন কম্পাইলারকে কৌণিক সামঞ্জস্য কম্পাইলার (ngcc) বলা হয়। অ্যাঙ্গুলার কম্প্যাটিবিলিটি কম্পাইলার (এনজিসিসি) কম্পাইলার 8 ফেজড রোটেশন এহেড অফ টাইম কম্পাইলেশন (AOT) ব্যবহার করে চলতে পারে। কৌণিক সামঞ্জস্য কম্পাইলার ngcc টুল নন-আইভি কম্পাইলারের সাথে সংকলিত নোড_মডিউলকে আইভি সামঞ্জস্যপূর্ণ বিন্যাসে রূপান্তর করে। এই পদ্ধতির সাথে, কৌণিক 7 অ্যাপ্লিকেশনগুলি বান্ডিলের আকারে একটি বিশাল হ্রাস অর্জন করতে পারে (95-99% পর্যন্ত)

টেনে আনুন

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

নোড সংস্করণ 10 সমর্থন

Angular 7 এর সাথে আরেকটি গুরুত্বপূর্ণ বৈশিষ্ট্য এবং বর্ধন হল যে এটি নোড সংস্করণ 10 এর সাথে ব্যাকওয়ার্ড সামঞ্জস্য প্রদান করে, যার অন্যান্য যোগ এবং সুবিধা রয়েছে। এছাড়াও, এর সাথে, কৌণিক 7 আগের মতো নোড সংস্করণ 8 সমর্থন করতে থাকবে|

ভার্চুয়াল স্ক্রোলিং

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

Angular উপাদান এবং উপাদান ডেভলপমেন্ট কিট

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

বান্ডিল বাজেট

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