مواد
- 01. ایک ورژن چیک چلائیں
- 02. کونییور انسٹال کریں
- 03. ایک پروجیکٹ کنکال بنائیں
- 04. کنٹرول تفریق
- 05. ... اور نتائج دیکھیں
- 06. ایک ویب کارکن سپن
- 07. کوڈ کو دریافت کریں
- 08. سہاروں کو مرتب کریں
- 09. کنسٹرکٹر کی کمی کی فکر نہ کریں
- 10. ایک چھوٹی سی مرتب رن چلائیں
- 11. ... اور آؤٹ پٹ تلاش کریں
- 12. کام کرنے کے لئے حاصل کریں
- 13. آئیوی کو دریافت کریں
- 14. ترمیم شدہ این جی پروسیسنگ کی کوشش کریں
- 15. بہتر ہجرت سے لطف اندوز ہوں
- 16. ورک اسپیس کنٹرول کو دریافت کریں
- 17. عمل کو تیز کریں
- 18. چلتے مردہ سے بچیں
- 19. تبدیلی لاگ دیکھیں
انگولر 8 گوگل کے زاویہ کا تازہ ترین ورژن ہے۔ اس کے آس پاس کے بہترین جاوا اسکرپٹ فریم ورک میں سے ایک۔ اس آرٹیکل میں ، ہم انگوزی 8 کے بارے میں کیا خاص بات کریں گے ، اور آپ کو شروعات کرنے کا طریقہ دکھائیں گے۔ پہلے ، اس پر ایک مختصر نظر ڈالیں کہ ابھی تک فریم ورک کے ساتھ کیا ہوا ہے۔
کونیی کا تعارف ویب کی ترقی میں ایک مثال بدل گیا: جب کہ زیادہ تر لائبریریوں نے اپنے آپ کو ڈویلپروں کو نسبتا limited محدود تعمیراتی اثر کے ساتھ مدد فراہم کرنے تک محدود کردیا ، انگولر کی ڈویلپر ٹیم دوسری سمت گئی۔ ان کی مصنوعات آپ کو ایک مخصوص فن تعمیر کا استعمال کرنے پر مجبور کرتی ہے ، انحرافات سے لے کر مشکل سے لے کر تجارتی لحاظ سے بے مقصد۔ در حقیقت ، زیادہ تر کونیی کوڈ نسبتا complex پیچیدہ ٹرانسپلیشن ٹولچین کے ذریعے چلتا ہے اس سے پہلے کہ وہ براؤزر کو ٹکرائے۔
انگولر کی بے پناہ کامیابی کی وجہ سے ، گوگل انکارپوریشن کے اندر اور باہر دونوں طرف ، ترقی - میں اور بڑے پیمانے پر مستحکم ہوگئی ہے۔ اس کا مطلب یہ ہے کہ کوڈ میں توڑ تبدیلیاں کچھ کم ہیں ، جبکہ نیم سالانہ اپ گریڈ کو فریم ورک کو ویب براؤزنگ کے منظر نامے میں ہونے والی تبدیلیوں کے مطابق ڈھالنے پر مرکوز ہے۔
مثال کے طور پر کونیی 8 کے معاملے میں ، ایک نیا جاوا اسکرپٹ مرتب کیا گیا ہے (پھر بھی تجرباتی طور پر)۔ پرانے براؤزرز کی قیمت پر یہ تیار کردہ مطابقت کوڈ کو نمایاں طور پر چھوٹا اور تیز تر بناتا ہے۔ مزید برآں ، ویب ورکر کی مدد کونیولر کی پروسیسنگ کی صلاحیت کو بڑھانے کے لئے مربوط ہے۔ مختصرا، ، دیکھنے کے لئے بہت کچھ ہے - لہذا آئیے اندر ڈوبکی جائیں۔
اگر آپ بجائے کوڈ کے سائٹ تیار کرنا چاہتے ہیں تو ، ان آسان ویب سائٹ سازوں میں سے ایک آزمائیں۔ اور چیزوں کو آسانی سے چلانے کے ل your ، اپنی ویب ہوسٹنگ سروس کو ٹھیک سے حاصل کریں۔
01. ایک ورژن چیک چلائیں
Angular's Toolchain نوڈ جے ایس ماحول کے اندر رہتا ہے۔ اس تحریر کے مطابق ، نوڈ.جس 10.9 یا اس سے بہتر کی ضرورت ہے - اگر آپ اپنے آپ کو پرانے ورژن پر پاتے ہیں تو نوڈ.جس ویب سائٹ ملاحظہ کریں اور اپ گریڈ حاصل کریں۔ ذیل میں کوڈ اس مشین پر ورژن کی حیثیت کو ظاہر کرتا ہے۔
tamhan @ TAMHAN18: ~ ode نوڈ -v v12.4.0 tamhan @ تمن 18: ~ pm npm -v 6.9.0
02. کونییور انسٹال کریں
Angular's Toolchain نامی کمانڈ لائن یوٹیلیٹی میں رہتا ہے این جی. یہ معروف این پی ایم کے توسط سے انسٹال کیا جاسکتا ہے۔
tamhan @ TAMHAN18: ~ do sudo npm نصب -g @ کونیی / موسمی تامہان @ تمھان 18: ~ $ ng ورژن
نیچے دیئے گئے شبیہہ میں دکھائے گئے سوال کا جواب دینے میں محتاط رہیں۔
اس آلے سے ورژن کی معلومات حاصل کرنا کافی مشکل ہے۔ نہ صرف یہ کہ ترکیب ہی انوکھا ہے ، بلکہ پیداوار بھی زبانی ہے (نیچے کی تصویر دیکھیں)۔
03. ایک پروجیکٹ کنکال بنائیں
این جی ہمارے لئے کونییری سہاروں کو تیار کرتا ہے۔ مندرجہ ذیل مراحل میں ، ہم روٹنگ شامل کرنا چاہتے ہیں ، اور سی ایس ایس ٹرانسپلیشن کے لئے ساس کا استعمال کریں۔ اگر کسی وجہ سے تعی failن ناکام ہوجائے تو ورکنگ ڈائرکٹری کو خالی کردیں اور دوبارہ اسٹارٹ ہوجائیں این جی سپرزر کے حقوق کے ساتھ۔
tamhan @ TAMHAN18: ~ k mkdir Angularspace tamhan @ TAMHAN18: ~ d cd Angularspace / tamhan @ TAMHAN18: ~ / انگولر اسپیس $ ng نئے کارکن
04. کنٹرول تفریق
انگولر کا نیا ورژن پسماندہ مطابقت کوڈ کو کم اثر کے لizes بہتر بناتا ہے براؤزر کی فہرست آپ کو یہ فیصلہ کرنے دیتا ہے کہ کون سے براؤزر کی حمایت کی جائے۔ کھولو براؤزر کی فہرست اور لفظ کو ہٹا دیں نہیں IE 9 سے IE11 کے سامنے۔
. . . > 0.5٪ آخری 2 ورژن فائر فاکس ESR مردہ نہیں ہے 9 9-11 # IE 9-11 سپورٹ کیلئے ، ’نہیں‘ کو ہٹا دیں۔
05. ... اور نتائج دیکھیں
پروجیکٹ کی تالیف کا آرڈر دیں ، ڈسٹری بیوشن فولڈر میں تبدیل کریں اور بغیر رکھے ہوئے نقشہ کی فائلوں کو صاف کریں۔
tamhan @ TAMHAN18: ang / انگولر اسپیس / ورکرسٹ $ sudo ng build tamhan @ TAMHAN18: ~ / انگولر اسپیس / ورکٹر / ڈسٹ / ورکٹیٹ $ ls
نتائج دیکھنے کے لئے درخت کو طلب کریں - این جی مختلف کوڈ فائلوں کے متعدد ورژن تخلیق کرتا ہے (نیچے کی تصویر دیکھیں)
06. ایک ویب کارکن سپن
ویب ورکرز جاوا اسکرپٹ کو مقامی اطلاق کی آخری حدیں داخل کرنے دیتے ہیں: کاموں کی بڑے پیمانے پر متوازی پروسیسنگ۔ کونیی 8 کے ساتھ ، ایک ویب ورکر کو سکون سے ہی تیار کیا جاسکتا ہے این جی کمانڈ لائن کی افادیت
tamhan @ TAMHAN18: ~ / انگولس اسپیس / ورکٹیٹ $ سوڈو این جی آر جنر ورک ورک میک ورکر بنائیں tsconfig.worker.json (212 بائٹ) CREATE src / app / myworker.worker.ts (157 بائٹ) اپ ڈیٹ tsconfig.app.json (236 بائٹ) ) اپ ڈیٹ Angular.json (3640 بائٹس)
07. کوڈ کو دریافت کریں
این جیممکن ہے کہ پہلی مرتبہ نظر آؤٹ پٹ کو ڈراؤنے لگے۔ فائل کھولنا src / app / myworker.worker.ts انتخاب کے کوڈ ایڈیٹر میں کوڈ کو ظاہر کرتا ہے جسے آپ کو اچھی طرح سے جاننا چاہئے ویب ورکر تفصیلات اصولی طور پر ، کارکن پیغامات وصول کرتا ہے اور ضرورت کے مطابق ان پر کارروائی کرتا ہے۔
/// حوالہ lib = "ویب ورکر" /> addEventListener (’پیغام‘ ، ({ڈیٹا}) => {ردعمل = `کارکن جواب response {ڈیٹا to`؛ postMessage (جواب)؛})؛
08. سہاروں کو مرتب کریں
کونیی ایپلی کیشنز میں اجزاء شامل ہوتے ہیں۔ ہمارے ویب ورکر کو برطرف کرنا بہتر طریقے سے اس کے اندر کیا جاتا ہے AppComp اجزاء، جس میں ایک سامع کو شامل کرنے کے لئے بڑھایا گیا ہے OnInit تقریب. ابھی کے لئے ، یہ صرف حیثیت سے متعلق معلومات کو خارج کرے گا۔
درآمد کریں @ اجزاء ، OnInit} سے ’@ کونیی / بنیادی‘؛ @ اجزاء ({..}) ایکسپورٹ کلاس AppComp اجزاء OnInit ments عنوان = ’ورکٹرسٹ‘ نافذ کرتا ہے۔ ngOnInit () {console.log ("AppComp اجزاء: OnInit ()")؛ }
09. کنسٹرکٹر کی کمی کی فکر نہ کریں
ٹائپ اسکرپٹ کے تجربہ کار ڈویلپرز اپنے آپ سے پوچھتے ہیں کہ ہمارا کوڈ پروگرامنگ زبان کے ذریعہ فراہم کردہ کنسٹرکٹر کو استعمال کیوں نہیں کرتا ہے۔ اس کی وجہ یہ ہے ngOnInit زندگی کا ایک واقعہ ہے جو شروع ہوتا ہے جب بھی ابتدا کا واقعہ ہوتا ہے - اس کو طبقاتی مداخلت سے وابستہ کرنے کی ضرورت نہیں ہے۔
10. ایک چھوٹی سی مرتب رن چلائیں
اس وقت ، پروگرام چلانے کے لئے تیار ہے۔ ہم اسے سرور کے اندر سے پھانسی دیں گے این جی، جس کو سرونگ کمانڈ کے ذریعہ طلب کیا جاسکتا ہے۔ اس نقطہ نظر کا ایک صاف پہلو یہ ہے کہ یہ پروگرام تبدیلیوں کا پتہ لگاتا ہے اور مکھی پر موجود منصوبے کی تشکیل کرتا ہے۔
tamhan @ TAMHAN18: ang / انگولرس اسپیس / ورکٹیسٹ $ sudo ng serv
نیچے دی گئی شبیہہ میں عملی طور پر اسے دیکھنے کے لئے اعداد و شمار پر ایک نظر ڈالیں۔
11. ... اور آؤٹ پٹ تلاش کریں
این جی کی خدمت اپنے مقامی ویب سرور کا پتہ ڈال دیتا ہے ، جو عام طور پر ہوتا ہے HTTP: // لوکل ہوسٹ: 4200 /. اسٹیٹ آؤٹ پٹ کو دیکھنے کے لئے ویب پیج کھولیں اور ڈویلپر ٹولز کھولیں۔ اس بات کو ذہن میں رکھیں کنسول.لوگ براؤزر کنسول میں ڈیٹا آؤٹ پٹ کرتا ہے اور نوڈ جے ایس مثال کے کنسول کو اچھوتا چھوڑ دیتا ہے۔
12. کام کرنے کے لئے حاصل کریں
اس وقت پر ، ہم کارکن کی ایک مثال بناتے ہیں اور اسے ایک میسج فراہم کرتے ہیں۔ اس کے نتائج پھر برائوزر کنسول میں دکھائے جاتے ہیں۔
if (typof Worker! == ’undefined’) {// ایک نیا کانسٹیٹ ورکر بنائیں = نیا ورکر (’./ myworker.worker’ ، {ٹائپ: ’ماڈیول’})؛ کارکن.onmessage = ({ڈیٹا}) =>؛ کنسول.لاگ (’صفحے کو پیغام ملا: $ {ڈیٹا }’)؛ }؛ کارکن.پسٹ میسج (’ہیلو‘)؛ } else {console.log ("ورکرز کا تعاون نہیں")؛ }
13. آئیوی کو دریافت کریں
انگولر کے مستقبل کے ورژن ایک زیادہ جدید مرتب کا استعمال کریں گے ، جس سے چھوٹے نظارے بھی پیدا ہوں گے۔ اگرچہ ابھی تک مصنوع ختم نہیں ہوا ہے ، لیکن آئیوی سے چلنے والا کنکال تیار کیا جاسکتا ہے این جی نیا آئی وی پروجیکٹ - قابل آئیوی. متبادل کے طور پر ، ٹکڑا میں دکھایا گیا ہے کے طور پر مرتب کی ترتیبات کو تبدیل کریں.
"کونیی کمپوئلرشنز": enable "اہل آئوی": سچ}
انتباہ کا ایک لفظ: آئیوی حیرت انگیز سائز میں کمی کا باعث بنتا ہے ، لیکن یہ مفت نہیں ہے۔ مصنوع کو ابھی استحکام حاصل کرنا ہے ، لہذا اسے پیداواری ماحول میں استعمال کرنے کی سفارش نہیں کی جارہی ہے۔
14. ترمیم شدہ این جی پروسیسنگ کی کوشش کریں
کونیی این جی کمانڈ لائن ٹول نے کچھ وقت کے لئے اندرونی طور پر چائلڈ اسکرپٹس کا استعمال کیا۔ کونیولر 8 اپس میں یہ ہے کہ آپ اب اس سہولت کو اپنے کاموں کو چلانے کے ل use استعمال کرسکتے ہیں کیونکہ آپ کی درخواست جمع اور مرتب کی جاتی ہے۔
"معمار": {"build": build "builder": "@ Angular-devkit / build-कोणीی: براؤزر"،
کی ایک صاف درخواست این جی اسکرپٹس میں براہ راست اپلی کیشن کو کلاؤڈ سروسز میں اپ لوڈ کرنا شامل ہے۔ گٹ ذخیرہ ایک کارآمد اسکرپٹ فراہم کرتا ہے جو آپ کے کام کو فائر بیس اکاؤنٹ میں اپ لوڈ کرتی ہے۔
15. بہتر ہجرت سے لطف اندوز ہوں
انگولر 1.x سے ہجرت کرنے والے ڈویلپرز ، جس کو AngularJS بھی کہا جاتا ہے ، کے پاس نیوی گیٹر کو ’مشترکہ‘ ایپلی کیشنز میں صحیح کام کرنے کے معاملات میں کافی حصہ ملا ہے۔ نئی یونیفائیڈ لوکیشن سروس کا مقصد اس عمل کو ہموار کرنا ہے۔
16. ورک اسپیس کنٹرول کو دریافت کریں
بڑے منصوبوں کو متحرک طور پر ورک اسپیس ڈھانچے کو تبدیل کرنے کی صلاحیت سے فائدہ اٹھایا جاتا ہے۔ یہ کونی 8.0 میں متعارف کرائے گئے نئے ورک اسپیس API کے توسط سے کیا گیا ہے۔ اس اقدام کے ساتھ ہونے والا ٹکڑا سلوک کا فوری جائزہ فراہم کرتا ہے۔
async فنکشن مظاہرے () {const میزبان = ورک اسپیسز۔ createWorkspaceHost (new NodeJsSyncHost ())؛ const workpace = ورک اسپیس کا انتظار کرنا۔ ریڈ ورکس اسپیس (’پاتھ / ٹو / ورک اسپیس / ڈائریکٹری /‘ ، میزبان)؛ قائم منصوبے = workpace.pro منصوبوں. ((میرا-ایپ)) حاصل کریں؛ const buildtarget = project.targets۔ get (’build’)؛ buildTarget.options.optimization = true؛ ورک اسپیس کا انتظار کریں۔ رائٹ ورککس اسپیس (ورک اسپیس ، میزبان)؛ }
17. عمل کو تیز کریں
جاوا اسکرپٹ کے بڑے اڈوں کی تعمیر مشکل ہو جاتی ہے۔ انگولر جے ایس کے مستقبل کے ورژن اس عمل کو تیز کرنے کے لئے گوگل کے بیزل بلڈ سسٹم کا استعمال کریں گے - افسوس کی بات یہ ہے کہ تحریر کے وقت یہ پرائم ٹائم کے لئے تیار نہیں تھا۔
18. چلتے مردہ سے بچیں
اگرچہ گوگل کوڈ کو توڑنے کے لئے نہایت احتیاط برتتا ہے ، لیکن کچھ خصوصیات کو ہٹانے کی ضرورت ہے کیونکہ اب ان کی ضرورت نہیں ہے۔ اس خصوصیت کے بارے میں مزید جاننے کے لئے اس فرسودگی کی فہرست کو چیک کریں جن سے پرہیز کیا جانا چاہئے۔
19. تبدیلی لاگ دیکھیں
ہمیشہ کی طرح ، ایک مضمون کبھی بھی پوری رہائی کے ساتھ انصاف نہیں کرسکتا۔ خوش قسمتی سے ، یہ تبدیلی لاگ ان تمام تبدیلیوں کی ایک تفصیلی فہرست فراہم کرتی ہے - صرف اس صورت میں جب آپ کو کسی خصوصیت کی نبض کی جانچ پڑتال کی طرح محسوس ہوتا ہو جو آپ کو خاص طور پر عزیز ہے۔
اپنی سائٹ پر اپ لوڈ کرنے کیلئے بہت ساری فائلیں تیار ہیں؟ انہیں انتہائی معتبر کلاؤڈ اسٹوریج میں بیک اپ کریں۔
یہ مضمون اصل میں تخلیقی ویب ڈیزائن میگزین میں شائع ہوا تھا ویب ڈیزائنر.
