اندرونی 8 کے اندر کیا ہے؟

Sep 11, 2025
کيسے
Angular 8
(تصویری کریڈٹ: مستقبل)

کونیی 8 Google کے زاویہ کا تازہ ترین ورژن ہے - میں سے ایک بہترین جاوا اسکرپٹ فریم ورک ارد گرد. اس آرٹیکل میں، ہم کوکولر 8 کے بارے میں کیا خاص طور پر چلائیں گے، اور آپ کو کس طرح شروع کرنے کا طریقہ دکھائے گا. سب سے پہلے، اب تک فریم ورک کے ساتھ کیا ہوا ہے اس پر ایک مختصر نظر آتی ہے.

کونیی کا تعارف ویب ترقی میں ایک پیراگراف شفٹ کی قیادت کی گئی ہے: جبکہ زیادہ سے زیادہ لائبریریوں نے خود کو نسبتا محدود آرکیٹیکچرل اثرات کے ساتھ ڈویلپرز کی حمایت فراہم کرنے کے لئے محدود کیا، کونیولر کی ڈویلپر ٹیم دوسری سمت میں چلا گیا. ان کی مصنوعات کو آپ کو ایک مخصوص فن تعمیر کا استعمال کرنے کے لۓ، تجارتی طور پر بے نقاب سے مشکل سے بچنے کے لۓ. حقیقت میں، سب سے زیادہ کونیولر کوڈ ایک نسبتا پیچیدہ ٹرانسمیشن ٹولچین کے ذریعے چلتا ہے اس سے پہلے کہ یہ براؤزر کو مارنے سے پہلے.

گوگل انکارپوریٹڈ کے اندر اور باہر دونوں کوکولر کی بہت بڑی کامیابی کی وجہ سے، ترقی کی طرف سے اور بڑے پیمانے پر مستحکم ہے. اس کا مطلب یہ ہے کہ توڑنے والے کوڈ میں تبدیلی چند ہیں، جبکہ نیم سالانہ اپ گریڈ ویب براؤزنگ کی زمین کی تزئین میں تبدیلیاں کرنے کے لئے فریم ورک کو ایڈجسٹ کرنے پر توجہ مرکوز کر رہے ہیں.

زاویہ 8 کے معاملے میں، مثال کے طور پر، ایک نیا جاوا اسکرپٹ کمپائلر تعینات کیا جاتا ہے (اب بھی تجرباتی طور پر). یہ پیدا کردہ مطابقت کوڈ کو بہتر بنانے کے لئے بڑے پیمانے پر چھوٹے اور تیزی سے بڑے براؤزرز کی قیمت پر تیزی سے. اس کے علاوہ، ویب کارکن کی حمایت کونیولر کی پروسیسنگ کی صلاحیت میں اضافہ کرنے کے لئے مربوط ہے. مختصر میں، دیکھنے کے لئے بہت کچھ ہے - تو ہم صحیح طور پر ڈوبیں.

اگر آپ کوڈ کے بغیر کسی سائٹ کو ڈیزائن کرنا چاہتے ہیں تو، ان میں سے ایک آسان کوشش کریں ویب سائٹ بلڈرز . اور چیزیں بھی ہموار چلاتے ہیں، آپ کو حاصل کریں ویب میزبانی سروس صحیح

01. ایک ورژن چیک کریں

کوکولر کا ٹولچین نوڈج ماحول کے اندر رہتا ہے. اس تحریر کے مطابق، نوڈ. js 10.9 یا بہتر ضرورت ہے - اگر آپ اپنے آپ کو ایک پرانے ورژن پر تلاش کریں، NODE.JS ویب سائٹ ملاحظہ کریں اور اپ گریڈ حاصل کریں. مندرجہ ذیل کوڈ اس مشین پر ورژن کی حیثیت سے ظاہر ہوتا ہے. 

 Tamhan @ Tamhan18: ~ $ نوڈ -V
v12.4.0.
Tamhan @ Tamhan18: ~ $ NPM -V.
6.9.0

02. زاویہ انسٹال کریں

کوکولر کا ٹولچین نام کمانڈ لائن کی افادیت میں رہتا ہے این جی . یہ معروف این پی ایم کے ذریعہ نصب کیا جا سکتا ہے. 

 Tamhan @ Tamhan18: ~ $ sudo npm انسٹال -g @ کونی / کللی
Tamhan @ Tamhan18: ~ $ Ng ورژن

ذیل میں تصویر میں دکھایا گیا سوال کا جواب دینے کے لئے محتاط رہو.

Click the icon in the top right to enlarge

بڑھانے کے لئے سب سے اوپر دائیں میں آئکن پر کلک کریں (تصویری کریڈٹ: ٹام ہنا)

آلے سے باہر ورژن کی معلومات حاصل کرنا بہت مشکل ہے - نہ صرف نحو منفرد ہے، لیکن پیداوار بھی verbose ہے (ذیل میں تصویر ملاحظہ کریں).

Click the icon in the top right to enlarge

بڑھانے کے لئے سب سے اوپر دائیں میں آئکن پر کلک کریں (تصویری کریڈٹ: ٹام ہنا)

03. ایک پروجیکٹ کنکال بنائیں

این جی ہمارے لئے زاویہ کی چٹائی پیدا کرتا ہے. مندرجہ ذیل اقدامات میں، ہم روٹنگ شامل کرنا چاہتے ہیں، اور سی ایس ایس ٹرانسمیشن کے لئے ساس استعمال کرتے ہیں. تعیناتی کسی وجہ سے ناکامی، کام کرنے والی ڈائرکٹری کو خالی کرنا چاہئے، اور دوبارہ شروع کریں این جی سپرسر کے حقوق کے ساتھ. 

 Tamhan @ Tamhan18: ~ $ mkdir angularspace
Tamhan @ Tamhan18: ~ $ CD AngularSpace /
Tamhan @ Tamhan18: ~ / AngularSpace $ NG نیا کامرسیسٹ

04. کم از کم مختلف لوڈنگ

کوکولر کا نیا ورژن کم اثر کے لئے بیک اپ مطابقت پذیری کوڈ کو بہتر بناتا ہے - ایک فائل براؤزرز لسٹ آپ کو یہ فیصلہ کرنے کی اجازت دیتا ہے کہ براؤزر کی حمایت کیا جائے. کھولیں براؤزرز لسٹ اور لفظ کو ہٹا دیں نہیں IE 9 کے سامنے IE11 کے سامنے. 

. . .
& gt؛ 0.5٪
آخری 2 ورژن
فائر فاکس ESR.
نہیں مرا
IE 9-11 # IE 9-11 کی حمایت کے لئے، 'نہیں' کو ہٹا دیں.

05. ... اور نتائج دیکھیں

منصوبے کی ایک مرتب شدہ آرڈر، تقسیم کے فولڈر میں تبدیل کریں اور غیر منحصر نقشہ فائلوں کو صاف کریں. 

 Tamhan @ Tamhan18: ~ / AngularSpace / Commertest $
سوڈو این جی کی تعمیر
Tamhan @ Tamhan18: ~ / AngularSpace / Commertest / DIST / Commertest $ LS

نتائج کو دیکھنے کے لئے درخت کو دعوت دیں - این جی مختلف کوڈ فائلوں کے ایک سے زیادہ ورژن تخلیق کرتا ہے (ذیل میں تصویر ملاحظہ کریں).

Click the icon in the top right to enlarge

بڑھانے کے لئے سب سے اوپر دائیں میں آئکن پر کلک کریں (تصویری کریڈٹ: ٹام ہنا)

06. ایک ویب ورکر سپون

ویب کارکنوں کو جاوا اسکرپٹ کو مقامی ایپلی کیشنز کے آخری فرنٹیئر درج کرنے دو: کاموں کے بڑے پیمانے پر متوازی پروسیسنگ. کوکولر 8 کے ساتھ، ایک ویب کارکن کو آرام سے صحیح طریقے سے بنایا جا سکتا ہے این جی کمانڈ لائن کی افادیت. 

 Tamhan @ Tamhan18: ~ / AngularSpace / Commertest $
سوڈو این جی پیدا ویب ورکر MyWorker.
tsconfig.worker.json (212 بائٹس) بنائیں
SRC / APP / MyWorker.worker.TS (157 بائٹس) بنائیں
tsconfig.app.json (236 بائٹس) اپ ڈیٹ کریں
اپ ڈیٹ angular.json (3640 بائٹس)

07. کوڈ کا پتہ لگائیں

این جی کی پیداوار پہلی نظر میں دھمکی دینے کا امکان ہے. فائل کھولنے SRC / اے پی پی / MyWorker.worker.Ts. ایک ___ میں کوڈ ایڈیٹر انتخاب کا کوڈ ظاہر کرتا ہے جس سے آپ کو اچھی طرح سے جاننا چاہئے Webworker. تفصیلات. اصول میں، کارکن پیغامات وصول کرتے ہیں اور انہیں ضرورت کے مطابق عمل کرتے ہیں. 

 /// & & lt؛ حوالہ lib = "webworker" / & gt؛
AddeventListener ('پیغام'، ({ڈیٹا}) = & gt؛ {
 COST جواب = `کارکن کا جواب
$ {ڈیٹا} `؛
 پوسٹ پیغام (جواب)؛
})؛

08. سیٹ اپ سیٹ کریں

کونیی ایپلی کیشنز اجزاء پر مشتمل ہیں. ہمارے ویب کارکن کو فائرنگ سے بہتر کیا گیا ہے اپلی کیشن ، جس میں ایک سننے والا شامل کرنے کے لئے وسیع کیا جاتا ہے Oninit. تقریب. اب کے لئے، یہ صرف حیثیت کی معلومات کو پورا کرے گا. 

 '@ کوکولر / کور' سے {اجزاء، Oninit} درآمد؛
compoce ({
. . .
})
ایکسپورٹ کلاس اپپیکون نے oninit {
 عنوان = 'کارکن'؛
 ngoninit () {
   کنسول. log ("AppCompocent: Oninit ()")؛
 }
}

09. تعمیر کی کمی کے بارے میں فکر مت کرو

تجربہ کار اقسام کے ڈویلپرز اپنے آپ سے پوچھتے ہیں کہ ہمارے کوڈ پروگرامنگ زبان کی طرف سے فراہم کردہ تعمیر کا استعمال نہیں کرتا. اس کی وجہ یہ ہے ngoninit. ایک ایسی زندگی کا واقعہ ہے جسے جب بھی ابتدائی صورت حال کا واقعہ ہوتا ہے تو اسے آگ لگایا جاتا ہے - اس سے کلاس کی دعوت نامے سے تعلق رکھنے کی ضرورت نہیں ہے.

10. ایک چھوٹا سا مرتب شدہ رن پر عملدرآمد

اس وقت اس وقت، پروگرام چلانے کے لئے تیار ہے. ہم اس کے اندر اندر سرور سے عملدرآمد کریں گے این جی ، جو خدمت کمانڈ کے ذریعہ مدعو کیا جا سکتا ہے. اس نقطہ نظر کا ایک صاف پہلو یہ ہے کہ پروگرام میں تبدیلیوں کا پتہ چلتا ہے اور اس منصوبے کو پرواز پر دوبارہ ترتیب دیتا ہے. 

 Tamhan @ Tamhan18: ~ / AngularSpace / Commertest $
سوڈو کی خدمت

ذیل میں تصویر میں اس کارروائی میں اس کو دیکھنے کے لئے اعداد و شمار پر نظر ڈالیں.

Hit the icon in the top right to enlarge the image

تصویر کو بڑھانے کے لئے سب سے اوپر دائیں میں آئکن کو مار ڈالو (تصویری کریڈٹ: ٹام ہنا)

11. ... اور پیداوار تلاش کریں

این جی کی خدمت Putputs اس کے مقامی ویب سرور کا پتہ، جو عام طور پر ہے http: // localhost: 4200 / . ویب صفحہ کھولیں اور حیثیت کی پیداوار کو دیکھنے کے لئے ڈویلپر ٹولز کھولیں. ذہن میں رکھو کنسول .log. براؤزر کنسول میں اعداد و شمار کو آؤٹ کرتا ہے اور نوڈ جے کے کنسول کو چھوڑ دیتا ہے.

12. کام کرنا

اس وقت اس وقت، ہم کارکن کی ایک مثال بناتے ہیں اور اسے ایک پیغام فراہم کرتے ہیں. اس کے نتیجے میں براؤزر کنسول میں دکھایا گیا ہے. 

 اگر (قسم کے کارکن! == 'غیر معمولی') {
 // ایک نیا بنائیں
 Const کارکن = نئے کارکن ('./ myworker.worker'، {قسم: 'ماڈیول'})؛
 worker.onmessage = ({ڈیٹا}) = & gt؛ {
   کنسول .log ('صفحہ ملا پیغام: $ \
{ڈیٹا \} ')؛
 }؛
 کارکن. Postmessage ('ہیلو')؛
} اور
     کنسول. log ("کوئی کارکن کی حمایت نہیں")؛
}

13. آئی آئی آئی کی تلاش کریں

کونیی کے مستقبل کے ورژن ایک اعلی درجے کی کمپائلر کا استعمال کریں گے، یہاں تک کہ چھوٹے خیالات کا باعث بنیں. حالانکہ مصنوعات ابھی تک ختم نہیں ہوئی ہے، ایک آئیوی فعال کنکال کے ذریعہ سپرد کیا جا سکتا ہے این جی نیو آئیوی - پروجیکٹ - فعال آئی آئی آئی . متبادل طور پر، Snippet میں دکھایا گیا ہے جیسا کہ کمپائلر ترتیبات کو تبدیل کریں. 

 "AngularCompilerOptions": {
       "فعال": سچ
}

انتباہ کا ایک لفظ: آئیوی حیرت انگیز سائز میں کمی کی طرف جاتا ہے، لیکن یہ مفت نہیں ہے. اس کی مصنوعات کو ابھی تک مستحکم نہیں ہے، لہذا پیداواری ماحول میں اس کا استعمال نہیں کیا جاتا ہے.

14. این جی پروسیسنگ میں ترمیم کریں

زاویہ این جی کمانڈ لائن کے آلے نے کچھ وقت کے لئے اندرونی طور پر بچے کی سکرپٹ کا استعمال کیا. کونیی 8 UPS آپ کو اب آپ اب کر سکتے ہیں، اس سہولت کو اپنے اپنے کاموں کو چلانے کے لئے استعمال کرتے ہیں کیونکہ آپ کی درخواست جمع اور مرتب کی جاتی ہے. 

 "آرکیٹیکچر": {
       "تعمیر": {
         "بلڈر": "@ @ کوکولر - Devkit /
تعمیر - زاویہ: براؤزر "،

ایک صاف درخواست این جی سکرپٹ میں بادل کی خدمات کو براہ راست اپ لوڈ کرنے کی درخواستیں شامل ہیں. The. گٹ ذخیرہ ایک مفید سکرپٹ فراہم کرتا ہے جو آپ کے کام کو آگئی بیس اکاؤنٹ میں اپ لوڈ کرتا ہے.

15. بہتر منتقلی کا لطف اٹھائیں

ڈویلپرز کو کوکولر 1.x سے بھی منتقل کرنے کے لئے منتقل کرنے والے ڈویلپرز کو بھی AngularJs کے طور پر جانا جاتا ہے، نیویگیٹر کو 'مشترکہ' ایپلی کیشنز میں صحیح کام کرنے کے لۓ مسائل کا ایک منصفانہ حصہ تھا. نئی متحد مقام سروس کا مقصد یہ عمل ہموار بنانا ہے.

16. ورکس کنٹرول کا پتہ لگائیں

بڑے منصوبوں کو متحرک طور پر ورکس ڈھانچہ کو تبدیل کرنے کی صلاحیت سے فائدہ ہوتا ہے. یہ نئے ورکس اسپیس API کے ذریعہ کیا جاتا ہے جس میں زاویہ 8.0 میں متعارف کرایا جاتا ہے - اس مرحلے کے ساتھ اسپیپیٹ رویے کا فوری جائزہ فراہم کرتا ہے. 

 عینک کی تقریب کا مظاہرہ () {
   Const میزبان = ورکشاپ.
Createworkspacehost (نیو NODEJSSYNCHOST ())؛
   CONTIONPACE = ورکشاپوں کا انتظار
پڑھنے کا کام اسپیس ('راستہ / / کام اسپیس / ڈائرکٹری /'
میزبان)؛
   CONT پروجیکٹ = ورکس اسپیس.
حاصل کریں ('میرا اے پی پی')؛
   تعمیر buildtarget = project.targets.
حاصل کریں ('تعمیر')؛
   buildtarget.options.optimization = سچ؛
   کام کی جگہیں .writeworkspace (ورکشاپ،
میزبان)؛
}

17. عمل کو تیز کریں

بڑے جاوا اسکرپٹ کوڈ کے اڈوں کی تعمیر کا باعث بنتا ہے. AngularJs کے مستقبل کے ورژن کو عمل کو تیز کرنے کے لئے Google کے باصلاحیت نظام کا استعمال کریں گے - افسوس سے، لکھنے کے وقت یہ پرائم ٹائم کے لئے تیار نہیں تھا.

18. چلنے والے مردہ سے بچیں

اگرچہ Google انتہائی دیکھ بھال کوڈ کو توڑنے کے لئے نہیں لیتا ہے، کچھ خصوصیات کو صرف اسے ہٹا دیا جاسکتا ہے کیونکہ وہ اب ضرورت نہیں ہے. چیک یہ قیمتوں میں فہرست خصوصیات کے بارے میں مزید جاننے کے لئے جو سے بچنا چاہئے.

19. تبدیلی لاگ ان کو دیکھو

ہمیشہ کے طور پر، ایک مضمون پوری رہائی پر انصاف کبھی نہیں کر سکتا. خوش قسمتی سے، یہ تبدیلی لاگ ان تمام تبدیلیوں کی تفصیلی فہرست فراہم کرتا ہے - صرف اس صورت میں جب آپ کو کبھی خاص طور پر آپ کے پیارے کی خاصیت کی جانچ پڑتال کی طرح محسوس ہوتا ہے.

آپ کی سائٹ پر اپ لوڈ کے لئے بہت سارے فائلوں کو تیار کیا گیا ہے؟ انہیں سب سے زیادہ قابل اعتماد میں واپس کلاؤڈ اسٹوریج .

یہ مضمون اصل میں تخلیقی ویب ڈیزائن میگزین میں شائع کیا گیا تھا ویب ڈیزائنر .

مزید پڑھ:

  • زاویہ کو کثیر زبان کی حمایت شامل کریں
  • بہترین جاوا اسکرپٹ API.
  • کس طرح تیزی سے کوڈ، ہلکا جاوا اسکرپٹ

کيسے - انتہائی مشہور مضامین

فوٹوشاپ میں ایک پرت پلٹائیں: ایک مکمل گائیڈ

کيسے Sep 11, 2025

ڈبل دیکھنا یہ تصویر اصل کے ساتھ فلپ اور مرکب کیا گیا ہے (تصویری کریڈ�..

3D ماڈیلرز کے لئے کریکٹر شیٹس: 15 اوپر تجاویز

کيسے Sep 11, 2025

(تصویری کریڈٹ: داہلیا کھودور) کردار شیٹ اس سبق میں دن کا حکم ہیں، �..

آپ کے ماڈلنگ کو تیز کرنے کے 6 طریقے

کيسے Sep 11, 2025

زیادہ موثر کام کے بہاؤ آپ کی رفتار مجسمہ کی تکنیک کو بہتر بنانے کا واضح �..

فنتاسی جانوروں کو کیسے پینٹ

کيسے Sep 11, 2025

ایک بار جب آپ ایک تصوراتی مخلوق کے لئے ایک خیال کے ساتھ آئے تو، اگلے مرح�..

Sketchable کے ساتھ کنٹرول اور ہموار سٹروک پینٹ

کيسے Sep 11, 2025

Sketchable. ونڈوز 10 کے لئے ایک پینٹنگ اپلی کیشن ہے. یہ آپ کو بڑی تصاویر پر بڑے تصاویر پر بڑے اسٹروک پینٹ ک�..

پادریوں کے ساتھ زمین کی تزئین کی کس طرح

کيسے Sep 11, 2025

یہ پوسٹ آپ کو پڑھا جائے گا کہ پادریوں کے ساتھ زمین کی تزئین کی کس طرح. نر�..

سنیما 4 ڈی میں بال کیسے بنائیں

کيسے Sep 11, 2025

کارلوس Ortega Elizalde اور Lois Van Baarle کے تصوراتی، بہترین کردار آرٹ کی طرف سے حوص�..

P5.js کے ساتھ تخلیقی کوڈ تلاش کریں

کيسے Sep 11, 2025

ایک دن خرچ کرو برینڈن ڈیو پر لندن پیدا ..

اقسام