কন্টেন্ট
- 01. একটি সংস্করণ চেক চালান
- 02. কৌণিক ইনস্টল করুন
- 03. একটি প্রকল্প কঙ্কাল তৈরি করুন
- 04. জোড়তা ডিফারেন্সিয়াল লোডিং
- 05. ... এবং ফলাফল দেখুন
- 06. একটি ওয়েব কর্মী স্পন
- 07. কোডটি এক্সপ্লোর করুন
- 08. স্ক্যাফোল্ডিং সেট আপ করুন
- 09. নির্মাণকারীর অভাব নিয়ে চিন্তা করবেন না
- 10. একটি ছোট কম্পাইল রান চালানো
- ১১ ... এবং আউটপুটটি সন্ধান করুন
- 12. কাজ পেতে
- 13. আইভির অন্বেষণ করুন
- 14. পরিবর্তিত এনজি প্রসেসিং চেষ্টা করুন
- 15. উন্নত মাইগ্রেশন উপভোগ করুন
- 16. কর্মক্ষেত্র নিয়ন্ত্রণ এক্সপ্লোর করুন
- 17. প্রক্রিয়া ত্বরান্বিত করুন
- 18. হাঁটা মরা এড়ানো
- 19. পরিবর্তন লগ দেখুন
অ্যাঙ্গুলার 8 হ'ল গুগলের অ্যাঙ্গুলার এর সর্বশেষতম সংস্করণ - আশেপাশের সেরা জাভাস্ক্রিপ্ট ফ্রেমওয়ার্কগুলির মধ্যে একটি। এই নিবন্ধে, আমরা কৌনিক 8 সম্পর্কে বিশেষ কী তা নিয়ে চলব এবং কীভাবে শুরু করব তা আপনাকে দেখাব। প্রথমত, এতক্ষণ ফ্রেমওয়ার্কের সাথে কী ঘটেছে তার একটি সংক্ষিপ্ত চেহারা ফিরে দেখুন।
কৌণিকের পরিচয় ওয়েব বিকাশে একটি দৃষ্টান্ত বদলের দিকে পরিচালিত করেছিল: বেশিরভাগ গ্রন্থাগারগুলি তুলনামূলকভাবে সীমাবদ্ধ আর্কিটেকচারাল প্রভাব সহ বিকাশকারীদের সহায়তা সরবরাহের মধ্যে সীমাবদ্ধ করে রেখেছিল, অ্যাঙ্গুলারের বিকাশকারী দল অন্য দিকে চলে গিয়েছিল। তাদের পণ্যগুলি আপনাকে একটি নির্দিষ্ট আর্কিটেকচার ব্যবহার করতে বাধ্য করে, বিচ্যুতিগুলি কঠিন থেকে বাণিজ্যিকভাবে অর্থহীন হতে পারে। আসলে, বেশিরভাগ কৌণিক কোড ব্রাউজারের হিট হওয়ার আগে তুলনামূলকভাবে জটিল ট্রান্সপিলেশন সরঞ্জামচেইনের মধ্য দিয়ে চলে।
অ্যাঙ্গুলারের অপরিসীম সাফল্যের কারণে, গুগল ইনক এর অভ্যন্তরে এবং বাইরে উভয় ক্ষেত্রেই, উন্নতি স্থিতিশীল হয়েছে by এর অর্থ হ'ল ব্রেকিং কোড পরিবর্তনগুলি খুব কম, যখন আধা-বার্ষিক আপগ্রেডগুলি ওয়েব ব্রাউজিং ল্যান্ডস্কেপের পরিবর্তনের জন্য ফ্রেমওয়ার্কটিকে অভিযোজিত করার দিকে দৃষ্টি নিবদ্ধ করে।
অ্যাঙ্গুলার 8 এর ক্ষেত্রে, উদাহরণস্বরূপ, একটি নতুন জাভাস্ক্রিপ্ট সংকলক স্থাপন করা হয়েছে (যদিও পরীক্ষামূলকভাবে এখনও)। এটি পুরানো ব্রাউজারগুলির ব্যয় করে উত্পন্ন সামঞ্জস্যতা কোডটি উল্লেখযোগ্যভাবে ছোট এবং দ্রুত হতে উপযুক্ত করে। তদ্ব্যতীত, ওয়েব কর্মী সমর্থন অ্যাংুলারের প্রক্রিয়াজাতকরণ ক্ষমতা বাড়ানোর জন্য সংহত করা হয়েছে। সংক্ষেপে, দেখার মতো অনেক কিছুই রয়েছে - সুতরাং আসুন আমরা ডুব দেই।
আপনি যদি কোড ছাড়াই কোনও সাইট ডিজাইন করতে চান তবে এই সহজ ওয়েবসাইট নির্মাতাদের মধ্যে একটি ব্যবহার করে দেখুন। এবং জিনিসগুলি আরও মসৃণভাবে চালিত করতে আপনার ওয়েব হোস্টিং পরিষেবাটি সঠিকভাবে পান।
01. একটি সংস্করণ চেক চালান
অ্যাঙ্গুলার এর সরঞ্জামচেইন নোডজেএস পরিবেশের মধ্যে থাকে। এই লেখার হিসাবে, নোড.জেএস 10.9 বা আরও বেশি প্রয়োজন - আপনি যদি কোনও পুরানো সংস্করণে নিজেকে খুঁজে পান তবে নোড.জেএস ওয়েবসাইটে যান এবং একটি আপগ্রেড পান। নীচের কোডটি এই মেশিনে সংস্করণ স্থিতি দেখায়।
তামান @ তামান 18: ~ ode নোড-ভি ভি 12.4.0 তামান @ তামান 18: $ pm এনপিএম-ভি 6.9.0
02. কৌণিক ইনস্টল করুন
কৌণিকের টুলচেন নামের একটি কমান্ড লাইন ইউটিলিটিতে থাকে এনজি। এটি সুপরিচিত এনপিএমের মাধ্যমে ইনস্টল করা যেতে পারে।
তামান @ তামান 18: do do সুডাম এনপিএল ইনস্টল করুন -জি @ কৌনিক / ক্লিপ তামান @ তামান 18: ~ $ এনজি সংস্করণ
নীচের ছবিতে প্রদর্শিত প্রশ্নের উত্তর দিতে সাবধান হন।
সরঞ্জামটির বাইরে সংস্করণ তথ্য পাওয়া বেশ কঠিন - কেবল সিনট্যাক্সটিই অনন্য নয়, তবে আউটপুটটি ভার্ভোজও রয়েছে (নীচের চিত্রটি দেখুন)।
03. একটি প্রকল্প কঙ্কাল তৈরি করুন
এনজি আমাদের জন্য কৌণিক স্ক্যাফোল্ডিং উত্পন্ন করে। নিম্নলিখিত পদক্ষেপে, আমরা রাউটিং যুক্ত করতে চাই এবং সিএসএস প্রতিস্থাপনের জন্য স্যাস ব্যবহার করব। যদি কোনও কারণে মোতায়েন ব্যর্থ হয় তবে কার্যকারী ডিরেক্টরিটি খালি করুন এবং পুনরায় চালু করুন এনজি অতি ব্যবহারকারী অধিকার সহ।
তামান @ তামান 18: ~ k এমকিডির অ্যাঙ্গুলারস্পেস তামান @ তামান 18: ~ d সিডি অ্যাঙ্গুলারস্পেস / তামান @ তামান 18: ~ / অ্যাঙ্গুলারস্পেস $ এনজি নতুন কর্মী
04. জোড়তা ডিফারেন্সিয়াল লোডিং
কৌণিকর নতুন সংস্করণ হ্রাস প্রভাবের জন্য পশ্চাদপটে সামঞ্জস্যতা কোডটি অনুকূলিত করে - একটি ফাইল ডাকা হয় ব্রাউজারলিস্ট কোন ব্রাউজারগুলি সমর্থন করা উচিত তা আপনাকে সিদ্ধান্ত নিতে দেয়। খোলা ব্রাউজারলিস্ট এবং শব্দটি মুছে ফেলুন না আইই 9 থেকে আই 11 এর সামনে।
। । । > 0.5% শেষ 2 সংস্করণ ফায়ারফক্স ইএসআর মারা যায় না 9 9-11 # আইই 9-11 সমর্থনের জন্য, 'নয়' সরান।
05. ... এবং ফলাফল দেখুন
প্রজেক্টের একটি সংকলন অর্ডার করুন, বিতরণ ফোল্ডারে পরিবর্তন করুন এবং অনিচ্ছাকৃত মানচিত্রের ফাইলগুলি সাফ করুন।
তামান @ তামান 18: ~ / অ্যাঙ্গুলারস্পেস / ওয়ার্কারেস্ট $ সুডো এনজি বিল্ড তামান @ তামান 18: ang / অ্যাঙ্গুলারস্পেস / ওয়ার্কারেস্ট / ডিস্ট / ওয়ার্কেস্ট $ এলএস
ফল দেখতে গাছটি আহ্বান করুন - এনজি বিভিন্ন কোড ফাইলের একাধিক সংস্করণ তৈরি করে (নীচের চিত্রটি দেখুন)।
06. একটি ওয়েব কর্মী স্পন
ওয়েব কর্মীরা জাভাস্ক্রিপ্টকে স্থানীয় অ্যাপ্লিকেশনগুলির শেষ সীমানায় প্রবেশ করতে দেয়: কার্যের ব্যাপকভাবে সমান্তরাল প্রক্রিয়াকরণ। কৌনিক 8 এর সাহায্যে, একটি ওয়েব কর্মী ঠিক আরাম থেকে তৈরি করা যেতে পারে এনজি কমান্ড লাইন ইউটিলিটি।
তামান @ তামান 18: ~ / অ্যাঙ্গুলারস্পেস / ওয়ার্কেস্টেস্ট $ সুডো এনজিআর তৈরি করুন ওয়েব-ওয়ার্কার মাই ওয়ার্কার তৈরি করুন tsconfig.worker.json (212 বাইট) ক্রিয়েট এসসিআর / অ্যাপ / মাইওয়ারওয়্যার.ওয়ার্কার.টিস (157 বাইট) আপডেট tsconfig.app.json (236 বাইট) ) আপগ্রেড অ্যাঙ্গুলার.জসন (3640 বাইট)
07. কোডটি এক্সপ্লোর করুন
এনজিএর আউটপুটটি প্রথম নজরে ভয়ভীতি দেখায়। ফাইলটি খুলছে src / app / myworker.worker.ts পছন্দের একটি কোড সম্পাদক এ কোডটি প্রকাশ করে যা আপনার কাছ থেকে ভালভাবে জানা উচিত ওয়েব ওয়ার্কার স্পেসিফিকেশন নীতিগতভাবে, শ্রমিক বার্তাগুলি গ্রহণ করে এবং প্রয়োজনীয় হিসাবে তাদের প্রক্রিয়া করে।
/// রেফারেন্স lib = "ওয়েবকর্ম" /> addEventListener (’বার্তা’, ({ডেটা}) => {প্রতিবেদন = `কর্মীদের প্রতিক্রিয়া {{ডেটা}`; পোস্টমেসেজ (প্রতিক্রিয়া);});
08. স্ক্যাফোল্ডিং সেট আপ করুন
কৌণিক অ্যাপ্লিকেশনগুলিতে উপাদান থাকে। আমাদের ওয়েব কর্মীকে ফায়ারিংয়ের কাজটি সর্বোত্তমভাবে সম্পন্ন করা হয় অ্যাপকোম্পোন্ট, যা শ্রোতাদের অন্তর্ভুক্ত করার জন্য প্রসারিত অনআইনিট ইভেন্ট। আপাতত, এটি কেবল স্থিতির তথ্য নির্গত করবে।
আমদানি করুন {কম্পোনেন্ট, অনআইনিট} থেকে ’@ কৌণিক / কোর’; @ কম্পোনেন্ট ({।}) এক্সপোর্ট ক্লাস অ্যাপকোম্পোনেন্ট অননিট ments শিরোনাম = ’কর্মীতম’ প্রয়োগ করে; ngOnInit () {কনসোল.লগ ("অ্যাপকোম্পোনেন্ট: অননিট ()"); }}
09. নির্মাণকারীর অভাব নিয়ে চিন্তা করবেন না
অভিজ্ঞ টাইপসক্রিপ্ট বিকাশকারীরা নিজেদের জিজ্ঞাসা করেন কেন আমাদের কোড প্রোগ্রামিং ভাষার সরবরাহকারীর ব্যবহার করে না। তার কারণ ngOnInit একটি লাইফাইসাইকেল ইভেন্ট যা যখনই সূচনা হয় যখনই কোনও আরম্ভের ইভেন্ট হয় - এটি শ্রেণীর অনুরোধের সাথে সম্পর্কিত হতে হবে না।
10. একটি ছোট কম্পাইল রান চালানো
এই সময়ে, প্রোগ্রামটি চালানোর জন্য প্রস্তুত। আমরা এর সার্ভার থেকে এটি সম্পাদন করব এনজি, যা সার্ভ কমান্ডের মাধ্যমে প্রার্থনা করা যেতে পারে। এই পদ্ধতির একটি ঝরঝরে দিক হ'ল প্রোগ্রামটি ফ্লাইতে প্রকল্পটি পরিবর্তনগুলি সনাক্ত করে এবং পুনরায় সংশ্লেষ করে।
তামান @ তামান 18: ~ / অ্যাঙ্গুলারস্পেস / ওয়ার্কেস্ট $ সুডো এনজি পরিবেশন
নীচের চিত্রটিতে এটি কার্যকরভাবে দেখতে চিত্রটি একবার দেখুন।
১১ ... এবং আউটপুটটি সন্ধান করুন
এনজি পরিবেশন এটির স্থানীয় ওয়েব সার্ভারের ঠিকানাটি রাখে যা সাধারণত is http: // লোকালহোস্ট: 4200 /। ওয়েব পৃষ্ঠাটি খুলুন এবং স্থিতির আউটপুট দেখতে বিকাশকারী সরঞ্জামগুলি খুলুন। মনে রেখ যে কনসোল.লগ ব্রাউজার কনসোলে ডেটা আউটপুট করে এবং নোডজেএস ইনস্ট্যান্সের কনসোলটিকে অদৃশ্য করে ফেলে।
12. কাজ পেতে
এই সময়ে, আমরা কর্মীর একটি উদাহরণ তৈরি করি এবং এটি একটি বার্তা সরবরাহ করি। এর ফলাফলগুলি ব্রাউজার কনসোলে প্রদর্শিত হয়।
যদি (টাইফফ ওয়ার্কার! == ’অপরিজ্ঞাত’) {// একটি নতুন কনস্ট কর্মী তৈরি করুন = নতুন কর্মী (’./ মাইওয়ার্কার. ওয়ার্কার’, {প্রকার: ’মডিউল’}); worker.onmessage = ({তথ্য}) => {কনসোল.লগ (’পৃষ্ঠাটি বার্তা পেয়েছে: $ {ডেটা }’); }; কর্মী.পোস্টমেসেজ (‘হ্যালো’); } অন্য {কনসোল.লগ ("কোনও শ্রমিক সমর্থন নয়"); }
13. আইভির অন্বেষণ করুন
অ্যাঙ্গুলারের ভবিষ্যতের সংস্করণগুলি আরও উন্নত সংকলক ব্যবহার করবে, এটি এমনকি আরও ছোট দৃষ্টিকোণের দিকে এগিয়ে যায়। পণ্যটি এখনও শেষ না হওয়ার পরে, আইভির-সক্ষম কঙ্কালের মাধ্যমে তৈরি করা যেতে পারে এনজি নতুন আইভি-প্রকল্প - সক্ষম-আইভি। বিকল্প হিসাবে, স্নিপেটে প্রদর্শিত হিসাবে সংকলক সেটিংস পরিবর্তন করুন।
"কৌণিক কম্পাইলার অপশনস": enable "সক্ষমআইভি": সত্য}
সতর্কতার শব্দ: আইভির দ্বারা আশ্চর্যজনক আকার হ্রাস হয়, তবে এটি নিখরচায় নয়। পণ্যটির স্থিতিশীলতা এখনও রয়েছে, তাই এটি উত্পাদনশীল পরিবেশে ব্যবহার করার পরামর্শ দেওয়া হয় না।
14. পরিবর্তিত এনজি প্রসেসিং চেষ্টা করুন
কৌণিক এনজি কমান্ড লাইন সরঞ্জামটি কিছু সময়ের জন্য অভ্যন্তরীণভাবে শিশু স্ক্রিপ্টগুলি ব্যবহার করে। কৌনিক 8 টি আপস এন্টে আপনি এখন, এই অ্যাপ্লিকেশনটি একত্রিত এবং সংকলিত হওয়ায় আপনার নিজের কাজগুলি চালানোর জন্য এই সুবিধাটি ব্যবহার করুন।
"স্থপতি": {"বিল্ড": build "বিল্ডার": "@ কৌণিক-দেবকিট / বিল্ড-কৌনিক: ব্রাউজার",
একটি ঝরঝরে অ্যাপ্লিকেশন এনজি স্ক্রিপ্টগুলির মধ্যে মেঘ পরিষেবাগুলিতে সরাসরি অ্যাপ্লিকেশন আপলোড করা জড়িত। গিট সংগ্রহস্থল একটি কার্যকর স্ক্রিপ্ট সরবরাহ করে যা আপনার কাজটিকে ফায়ারবেস অ্যাকাউন্টে আপলোড করে।
15. উন্নত মাইগ্রেশন উপভোগ করুন
অ্যাঙ্গুলার ১.x থেকে দূরে সরে যাওয়া বিকাশকারীদের অ্যাঙ্গুলারজেএস নামেও পরিচিত, ‘সম্মিলিত’ অ্যাপ্লিকেশনগুলিতে ন্যাভিগেটরকে সঠিকভাবে কাজ করতে পাওয়ার ক্ষেত্রে বেশ কিছু অংশ ছিল। নতুন ইউনিফাইড অবস্থান পরিষেবাটি এই প্রক্রিয়াটিকে মসৃণ করা।
16. কর্মক্ষেত্র নিয়ন্ত্রণ এক্সপ্লোর করুন
বড় প্রকল্পগুলি কর্মক্ষেত্রের কাঠামোকে পরিবর্তনশীল করার ক্ষমতা থেকে উপকৃত হয়। এটি কৌণিক 8.0 এ প্রবর্তিত নতুন ওয়ার্কস্পেস এপিআইয়ের মাধ্যমে করা হয় - এই পদক্ষেপের সাথে স্নিপেট আচরণের একটি দ্রুত ওভারভিউ সরবরাহ করে।
async ফাংশন প্রদর্শন করে () {const হোস্ট = ওয়ার্কস্পেস। createWorkspaceHost (নতুন নোডজেএসসিঙ্কহোস্ট ()); কন্সট ওয়ার্কস্পেস = ওয়ার্কস্পেসের জন্য অপেক্ষা করা। রিড ওয়ার্কস্পেস (‘পাথ / টু / ওয়ার্কস্পেস / ডিরেক্টরি /’, হোস্ট); const প্রকল্প = কর্মক্ষেত্র.প্রজেক্টস। (‘আমার-অ্যাপ’) পান; কন্সট বিল্ডট্যারেট = প্রকল্প.টারাজেট। get (’build’); buildTarget.options.optimization = true; ওয়ার্কস্পেস.উরাইট ওয়ার্কস্পেস (ওয়ার্কস্পেস, হোস্ট) অপেক্ষা করুন; }
17. প্রক্রিয়া ত্বরান্বিত করুন
বড় জাভাস্ক্রিপ্ট কোড ঘাঁটি নির্মাণ ক্লান্তিকর হয়ে ওঠে। অ্যাঙ্গুলারজেএস এর ভবিষ্যত সংস্করণগুলি প্রক্রিয়াটি ত্বরান্বিত করার জন্য গুগলের বেজেল বিল্ড সিস্টেম ব্যবহার করবে - দুঃখের বিষয়, লেখার সময় এটি প্রাইমটাইমের জন্য প্রস্তুত ছিল না।
18. হাঁটা মরা এড়ানো
গুগল কোড না ভাঙার জন্য চরম যত্ন নিলেও কিছু বৈশিষ্ট্যগুলি আর প্রয়োজন হয় না বলে তাদের সরানোর প্রয়োজন হয়। যে বৈশিষ্ট্যগুলি এড়ানো উচিত সেগুলি সম্পর্কে আরও জানার জন্য এই অবচয় তালিকাটি দেখুন।
19. পরিবর্তন লগ দেখুন
সর্বদা হিসাবে, একটি নিবন্ধ পুরো রিলিজের জন্য ন্যায়বিচার কখনই করতে পারে না। ভাগ্যক্রমে, এই পরিবর্তনের লগটি সমস্ত পরিবর্তনের একটি বিশদ তালিকা সরবরাহ করে - যদি আপনি কখনও বিশেষত আপনার কাছে প্রিয় কোনও বৈশিষ্ট্যের নাড়ি পরীক্ষা করে দেখে মনে করেন।
আপনার সাইটে আপলোড করার জন্য প্রচুর ফাইল প্রস্তুত আছে? সবচেয়ে নির্ভরযোগ্য মেঘ স্টোরেজে এগুলি ব্যাক আপ করুন।
এই নিবন্ধটি মূলত সৃজনশীল ওয়েব ডিজাইন ম্যাগাজিনে প্রকাশিত হয়েছিল ওয়েব ডিজাইনার.
