مواد
- 01. مینارہ
- 02. پولیمر
- 03. APIs ایکسپلورر
- 04. پھڑپڑ
- 05. گوگل گٹ ہب
- 06. کٹھ پتلی
- 07. ورک باکس
- 08. کوڈلیبز
- 09. رنگین ٹول
- 10. ڈیزائن کے سپرنٹ
- 11. لوگ + اے گائیڈ بک
- 12. گوگل اسسٹنٹ
- 13. پیج اسپیڈ بصیرت
- 14. گوگل پر اے ایم پی
- 15. گوگل ڈیول ٹولز
- 16. مادی ڈیزائن
ویب پر کام کرنے کا عام طور پر مطلب یہ ہوتا ہے کہ آپ کسی شکل یا شکل میں گوگل کے ساتھ کام کریں گے۔ اور جیسے جیسے گوگل کروم مقابلہ سے پہلے سڑکوں پر ہے ، ڈیزائنرز اور ڈویلپرز کو اس کے بارے میں سوچنے کی ضرورت ہے کہ براؤزر کے ساتھ ان کا پروجیکٹ کیسے کام کرے گا۔ یہ کیسا نظر آئے گا؟ یہ کس ٹکنالوجی کی مدد کرتا ہے ، یہ کتنی محفوظ ہے اور یہ کس طرح انجام دے گی؟
خوش قسمتی سے ، کروم ٹولز فراہم کرتا ہے تاکہ یہ یقینی بنایا جاسکے کہ کسی بھی سائٹ یا ایپ کی بہترین کارکردگی ہوگی۔ ڈیول ٹولز ڈیزائنرز اور ڈویلپرز کو کسی ویب صفحے پر بصیرت حاصل کرنے کے اہل بناتے ہیں: آپ DOM میں ہیرا پھیری کرسکتے ہیں ، سی ایس ایس چیک کرسکتے ہیں ، رواں تدوین والے ڈیزائنوں پر تجربہ کرسکتے ہیں ، جاوا اسکرپٹ کو ڈیبگ کرسکتے ہیں اور کارکردگی کی جانچ کرسکتے ہیں۔ (ان گوگل ویب ٹولوں کو یہاں استعمال کرنے کے طریقے کے بارے میں مزید معلومات دیکھیں ، اور اگر آپ شروع سے ہی شروع کر رہے ہیں تو ہماری سر فہرست ویب بلڈروں کی فہرست بھی دیکھیں)۔
لیکن گوگل صرف براؤزر سے زیادہ پیش کرتا ہے۔ اس میں آپ کے ڈیزائن اور ترقیاتی زندگی کے تقریبا ہر پہلو کی مدد کے ل tools ٹولز اور وسائل موجود ہیں۔ کارکردگی کو بہتر بنانے کا طریقہ جاننا چاہتے ہو؟ لائٹ ہاؤس یہاں مدد کے لئے حاضر ہے۔ بہتر کارکردگی کا مظاہرہ کرنے والی موبائل سائٹیں بنانا چاہتے ہیں؟ پھر اے ایم پی کو ہیلو کہیں۔ کیا آپ خوبصورت PWAs بنانے کے خواہاں ہیں؟ پھر پھڑپھڑ ، مادی ڈیزائن اور ورک باکس میں قدم رکھنے کے لئے تیار ہیں۔
گوگل ٹولز ، وسائل ، لائبریریوں اور فریم ورک کے استعمال کی خوبصورتی یہ ہے کہ آپ جانتے ہیں کہ وہ کروم براؤزر - سیارے کا سب سے زیادہ مقبول براؤزر کے ساتھ بہتر کام کریں گے۔ مزید ٹولز کے ل our ، ہمارے ویب ڈیزائن ٹولوں کا چکر لگائیں۔
01. مینارہ
کارکردگی کسی سائٹ کی کامیابی کا ایک کلیدی عنصر ہے اور ویب صفحات کے معیار کو بہتر بنانے کے لئے لائٹ ہاؤس گوگل کا ٹول ہے (صحیح ویب ہوسٹنگ سروس بھی مددگار ثابت ہوگی)۔ تو آپ لائٹ ہاؤس کا استعمال کیسے کریں اور یہ کیا کرسکتا ہے؟ اس کی آسان ترین شکل میں ، آپ آڈٹ ٹیب سے لائٹ ہاؤس چلا سکتے ہیں اور تجویز کردہ اصلاحات کے ساتھ حتمی رپورٹ تیار کرنے کے لئے کارکردگی ، رسائیوٹی اور SEO کے لئے ٹک باکسوں کے علاوہ ڈیسک ٹاپ یا موبائل سمیت آپشنز کے انتخاب میں سے انتخاب کرسکتے ہیں۔
02. پولیمر
پولیمر ویب کے اجزاء کے ساتھ اپنے کام کے لئے مشہور ہے لیکن اس منصوبے نے اب لائبریریوں ، اوزاروں اور معیاروں کے ذخیرے کو اپنانے کے لئے اپنے ذخیرے کو بڑھا دیا ہے۔ کیا شامل ہے؟ لِٹیلیمنٹ ایک ایڈیٹر ہے جو ویب اجزاء کی وضاحت کرنا آسان بناتا ہے ، جبکہ لِٹ-ایچ ٹی ایم ایل ایک HTML ٹیمپلائی لائبریری ہے جو صارفین کو جے ایس میں اگلے جنرل HTML ٹیمپلیٹس لکھنے کے قابل بناتی ہے۔ نیز ، آپ کو ایک PWA اسٹارٹر کٹ ، اصل پولیمر لائبریری اور ویب کے اجزاء کے سیٹ بھی ملیں گے۔
03. APIs ایکسپلورر
گوگل کے پاس ڈویلپرز کے لئے API کی ایک وسیع لائبریری موجود ہے لیکن جو آپ کی ضرورت ہے اسے تلاش کرنا کوئی آسان کام نہیں ہے۔ یہ وہ جگہ ہے جہاں گوگل کے APIs ایکسپلورر مدد کیلئے مدد کی پیش کش کرتے ہیں۔ ایک لمبی فہرست ہے جس کے ذریعے سکرول کیا جاسکتا ہے لیکن ، تیز رسائی کے لئے ، API کی فہرست کو فلٹر کرنے کے لئے ایک سرچ باکس موجود ہے۔ ہر اندراج ایک حوالہ والے صفحے سے لنک کرتا ہے جس میں مزید معلومات کے ساتھ API استعمال کرنا ہے۔
04. پھڑپڑ
اگر آپ کسی کوڈ بیس سے موبائل ، ویب اور ڈیسک ٹاپ کے ل good اچھی لگنے والی ایپلی کیشنز تیار کرنا چاہتے ہیں تو آپ کے لئے پھڑپھڑ ہوسکتا ہے۔ سائٹ پھڑپھڑ کے ساتھ کام کرنے اور تعمیر کرنے کا ایک مکمل حوالہ ہے۔ کیا کوئی سراغ نہیں ملا ہے؟ دستاویزات صارف کو انسٹالیشن سے لے کر تخلیق تک لے جاتی ہیں ، جس کی مدد سے کافی تعداد میں نمونے اور سبق موجود ہیں۔
05. گوگل گٹ ہب
جیسا کہ سب جانتے ہوں گے ، گٹ ہب کوڈ اور فائلوں کو اسٹور اور شیئر کرنے کے لئے ہوسٹنگ پلیٹ فارم / مخزن ہے۔ اور خوشی کی بات ہے کہ گوگل کے پلیٹ فارم پر اپنی جگہ ہے جس میں 260 سے زیادہ ذخیرے موجود ہیں۔ اپنے تلاش کے وقت کو کم کرنے کیلئے فلٹر کا استعمال کریں اور جس ذخیرے کے ساتھ آپ کھیلنا چاہتے ہیں اس میں قریب آ جائیں یا اس میں حصہ ڈالیں۔
06. کٹھ پتلی
نوڈ میں بنایا گیا ، پپیٹیر ایک اعلی سطح کا API پیش کرتا ہے جو آپ کو بغیر UI کے کروم - مؤثر طریقے سے کروم تک رسائی حاصل کرنے کے قابل بناتا ہے ، جسے ڈویلپر تب کمانڈ لائن کے ذریعے کنٹرول کرسکتے ہیں۔ تو آپ کٹھ پتلی کے ساتھ کیا کر سکتے ہیں؟ صفحات کی اسکرین شاٹ اور پی ڈی ایف تیار کرنے ، فارم جمع کروانے اور خود کار طریقے سے جانچ کا ماحول پیدا کرنے کے لئے کچھ اختیارات دستیاب ہیں۔
07. ورک باکس
اگر آپ پی ڈبلیو اے بنانے کے خواہاں ہیں تو یہ ایک عمدہ نقطہ آغاز ہے۔ ورک ایپ ویب ایپس میں آف لائن مدد شامل کرنے کے لئے جاوا اسکرپٹ لائبریریوں کا ایک مجموعہ فراہم کرتا ہے۔ گہرائی میں رہنماؤں کا انتخاب اس بات کا مظاہرہ کرتا ہے کہ کس طرح ایک خدمت کارکن کی فائل تخلیق اور اس کا اندراج کیا جاسکے ، روٹ کی درخواستیں ، پلگ ان کا استعمال اور ورک باکس کے ساتھ بنڈل استعمال کرنے کا طریقہ۔ اور چیک کرنے کے ل example مثال کے طور پر کیچنگ کی حکمت عملی کا ایک سیٹ بھی ہے۔
08. کوڈلیبز
کسی Google پروڈکٹ کے لئے عملی رہنمائی کی ضرورت ہے؟ کوڈلیبس "ایک رہنمائی ، ٹیوٹوریل ، کوڈنگ کا تجربہ" فراہم کرتے ہیں۔ سائٹ کو زمرے اور ایونٹس میں صاف ستھرا کردیا گیا ہے ، جس سے آپ اپنی مطلوبہ چیز کو تلاش کرنا تیز اور آسان بنا دیتے ہیں۔ اس میں تجزیات ، اینڈرائڈ ، اسسٹنٹ ، بڑھا ہوا حقیقت ، پھڑکنا ، جی سویٹ ، سرچ ، ٹینسرفلو اور ورچوئل ریئلٹی شامل ہے۔ ایک آپشن منتخب کریں اور کوڈ اور ہدایات حاصل کریں جس کی آپ کو چھوٹی ایپلی کیشنز بنانے کی ضرورت ہے۔
09. رنگین ٹول
رنگین ٹول ایک سیدھا سیدھا ٹول ہے جو آپ کو رسائ کی جانچ پڑتال کے علاوہ پیلیٹ بنانے ، بانٹنے اور اس کا اطلاق کرنے کے قابل بناتا ہے۔ صارفین میٹریل پیلیٹ سے پہلے سے طے شدہ پیلیٹ کا انتخاب کرسکتے ہیں۔ محض رنگ منتخب کریں اور پھر اسے بنیادی رنگ سکیم میں لاگو کریں ، ثانوی آپشن پر جائیں اور دوبارہ منتخب کریں۔ آخر میں ، دونوں اسکیموں کے لئے متنی رنگ منتخب کریں۔ متبادل کے طور پر ، اپنے رنگ منتخب کرنے کے لئے کسٹم پر جائیں۔ پھر پیلیٹ ایکسپورٹ کرنے سے پہلے ، پہلا برآمد کرنے سے پہلے سب کی جانچ پڑتال کے ل Access رسائی پذیری پر جائیں۔
10. ڈیزائن کے سپرنٹ
ڈیزائن سپرنٹ کٹ ان لوگوں کے لئے ہے جو سیکھ رہے ہیں کہ کس طرح ڈیزائن اسپرٹ میں حصہ لینا یا چلائیں۔ یہ پہلی بار سے لے کر تجربہ کار سپرنٹ سہولت کاروں تک کے تمام علمی اڈوں کا احاطہ کرتا نظر آتا ہے۔ طریقہ کار کے بارے میں جانیں یا سیدھے منصوبہ بندی کے مرحلے میں کودیں ، بشمول مختصر لکھنا ، ڈیٹا اور تحقیق اکٹھا کرنا ، نیز سپرنٹ کے بعد کیا کرنا ہے۔ اس میں ٹولز ، ٹیمپلیٹس ، ترکیبیں اور اپنا طریقہ پیش کرنے کا آپشن جیسے وسائل کی ایک بڑی تعداد بھی شامل ہے۔ نیز ، آپ کو وسائل کو ذخیرہ کرنے اور ان کا اشتراک کرنے کے ل somewhere کہیں ضرورت ہوگی تاکہ یہ یقینی بنائیں کہ آپ کے بادل اسٹوریج کا انتخاب موزوں ہے۔
11. لوگ + اے گائیڈ بک
یہ ہدایت نامہ گوگل میں لوگوں + اے ریسرچ اقدام کا کام ہے اور ایسا لگتا ہے کہ وہ ان لوگوں کو مدد کی پیش کش کرتا ہے جو انسانی مراکز کے مطابق AI مصنوعات تیار کرنا چاہتے ہیں۔ جامع گائیڈ بک کو چھ ابواب میں تقسیم کیا گیا ہے جس میں صارف کی ضروریات ، اعداد و شمار جمع کرنے اور جانچنے ، ذہنی نمونے ، اعتماد ، آراء اور مکرم ناکامی کا احاطہ کیا گیا ہے۔ ہر باب کے ساتھ مشقیں ، ورک شیٹس اور اوزار اور وسائل ہوتے ہیں جن کی ضرورت ہوتی ہے۔
12. گوگل اسسٹنٹ
یہ گوگل اسسٹنٹ کا ڈویلپر پلیٹ فارم ہے ، جو اپنے اسسٹنٹ اور خدمات کو گوگل اسسٹنٹ کے ساتھ ضم کرنے کے طریقہ کار کے بارے میں ایک گائڈ پیش کرتا ہے۔ یہ آپ کو دکھاتا ہے کہ اپنے موبائل ایپ کو کس طرح بڑھایا جائے ، سرچ اور اسسٹنٹ کے ل rich امیر طریقوں سے مواد پیش کیا جا control ، کنٹرول لائٹس ، کافی مشینیں اور گھر کے آس پاس موجود دیگر آلات اور اسمارٹ اسپیکرز ، ڈسپلے اور فونز کے لئے صوتی اور بصری تجربات کی تشکیل کیسے کی جا.۔
13. پیج اسپیڈ بصیرت
پیج اسپیڈ بصیرت ویب کے مشمولات کا تجزیہ کرتی ہے اور پھر اس کو تیزی سے زیادہ سے زیادہ لوڈ کرنے کے طریقے کے بارے میں تجاویز پیش کرتی ہے۔ صرف URL شامل کریں ، تجزیہ کے بٹن کو دبائیں اور جادو ہونے کا انتظار کریں۔ اس بارے میں بہتر بصیرت حاصل کرنے کے لئے دستاویزات کی جانچ کریں کہ پیج اسپیڈ API کیسے کام کرتا ہے اور اس کا استعمال کس طرح شروع کرنا ہے۔
14. گوگل پر اے ایم پی
اے ایم پی گوگل کے تیز رفتار لوڈ والے پیجز بنانے کا ٹول ہے جو (امید ہے کہ) تلاش کی درجہ بندی میں سرفہرست ہوجائے گا۔ تیز رفتار ، صارف کی پہلی سائٹیں تخلیق کرنے ، گوگل کی پوری مصنوعات میں اے ایم پی کو مربوط کرنے ، AMP صفحات کو تیز تر بنانے اور گوگل کی دیگر مصنوعات کے ساتھ اے ایم پی پیجوں کی مانیٹائز کرنے کے ل Google گوگل AMP کیشے استعمال کرنے کا طریقہ سیکھیں۔
15. گوگل ڈیول ٹولز
ہر ڈیزائنر اور ڈویلپر جانتا ہے (یا کم سے کم جاننا چاہئے) کہ کروم براہ راست براؤزر میں ٹولز کے ایک سیٹ کے ساتھ آتا ہے۔ کروم کے ڈوول ٹولس ایک ایسے صفحے پر بننے والے عناصر کا معائنہ کرنے ، سی ایس ایس چیک کرنے ، مکھی پر صفحات میں ترمیم کرنے اور بہت کچھ کے لئے مثالی ہیں۔
عناصر کا ٹیب دیو ٹولز کا تعارف ہے۔ یہ ایچ ٹی ایم ایل کوڈ دکھاتا ہے جو منتخب کردہ صفحہ بناتا ہے۔ منتخب کردہ صفحے سے ہر ڈیوگ یا ٹیگ کی خصوصیات میں بصیرت حاصل کریں اور براہ راست ترمیم شروع کریں۔ یہ ڈیزائن کے ساتھ تجربات کرنے کے لئے بہترین ہے۔ لے آؤٹ چیک کریں - چاہے آپ فلیکس باکس یا گرڈ استعمال کررہے ہیں - اور متعلقہ فونٹس پر ایک نظر ڈالیں اور مثالوں کے ساتھ متحرک تصاویر کی جانچ کریں۔
کہیں اور ، آپ سی ایس ایس کو دیکھ اور تبدیل کرسکتے ہیں۔ عناصر پینل پر اسٹائلز ٹیب ، سی او ایس کے قواعد کی فہرست پیش کرتا ہے جو ڈوم ٹری میں موجودہ منتخب عنصر پر لاگو ہوتے ہیں۔ ڈیزائنوں کے ساتھ تجربات کرنے کیلئے پراپرٹیز کو آن اور آف (یا نئی قدریں شامل کریں) کو تبدیل کریں۔ یہ یقینی بنانے کے ل the کامل ٹول ہے کہ رواں ڈیزائن میں کسی قسم کی تبدیلیوں کو لاگو کرنے سے پہلے ہر چیز کی توقع کے مطابق کام ہوتا ہے۔
آپ جاوا اسکرپٹ کو بھی ڈیبگ کرسکتے ہیں ، ویب سائٹ کی رفتار کو بہتر بناتے ہیں اور نیٹ ورک کی رفتار کا معائنہ کرسکتے ہیں۔ یہاں ایک تیز ٹپ ہے جس کے استعمال سے آپ اپنے ورک فلو کو فورا. تیز کرسکتے ہیں۔ ذرائع ٹیب کی سربراہی میں ، نیا سنیپیٹ پر کلک کریں اور کثرت سے استعمال شدہ کوڈ شامل کریں۔ کوڈ کے ٹکڑوں کو نام دیں اور محفوظ کریں۔ ضرورت کے مطابق دہرائیں۔ اب آپ اس کوڈ کے ٹکڑوں کو دوبارہ لکھنے کے بجائے اس پر قبضہ کرسکتے ہیں۔
ہر اچھے براؤزر کی طرح ، کروم بھی مسلسل تیار ہوتا رہتا ہے اور ہر نئی ریلیز میں نئی خصوصیات آتی ہیں۔ معلوم کریں کہ کروم اسٹیٹس پلیٹ فارم پر کیا ہورہا ہے
16. مادی ڈیزائن
ترقی کو گوگل کے پسندیدہ بچے کی حیثیت سے دیکھا جاسکتا ہے لیکن ، آپ جو کچھ بھی بنا رہے ہو ، تخلیق یا تعمیر کررہے ہو ، اسے اچھ lookا نظر آنے کی ضرورت ہے اور صارف کو ایسا تجربہ دینا چاہئے جس کی وجہ سے وہ اسے استعمال کرنا چاہے۔ مادہ گوگل مستحکم میں ایک حالیہ اضافہ ہے لیکن یہ ایک ایسا ڈیزائن سسٹم ہے جو ڈیزائن کٹ کے ایک اہم حص intoے میں پختہ ہو گیا ہے۔
کسی بھی اچھے ڈیزائن سسٹم کی طرح ، اس کی بھی ایک ہدایت نامہ موجود ہے ، جسے آپ مزید دلچسپ چیزوں میں قدم رکھنے سے پہلے دیکھنے کی ضرورت ہے۔ مختلف عناصر کو کس طرح استعمال کریں ، میٹریل تھیزنگ کیا ہے ، تھیم کو کس طرح نافذ کیا جائے اور قابل دستخطی کے ساتھ استعمال کے قابل ہدایت نامے کا جائزہ حاصل کریں۔ دوسری جگہوں پر ، میٹریل فاؤنڈیشن کی ایک بصیرت موجود ہے ، جس میں ڈیزائن کے کلیدی شعبے جیسے ترتیب ، نیویگیشن ، رنگ ، نوع ٹائپ ، آواز ، شبیہ نگاری ، تحریک اور تعامل شامل ہیں۔ ہر قسم میں اس کے ڈاس اور ڈونٹس سے ظاہر ہوتا ہے اور جہاں آپ کو احتیاط پر غور کرنا چاہئے۔ کس چیز کی توقع کی جائے اس کے بارے میں ایک نظریہ پیش کرنے کے لئے ، لے آؤٹ زمرے تفہیمی ترتیب ، پکسل کثافت ، کالم ، گٹر اور مارجن ، بریک پوائنٹس ، UI علاقوں اور نام رکھنے کے لئے وقفہ وقف کے طریقوں سمیت جوابی ترتیب کے ساتھ کیسے کام کریں سیکھنے کے بارے میں سیکشنز پیش کرتا ہے۔
ڈیزائن سیکشن سے پرے اجزاء ہیں ، جو ڈیزائن بنانے کے لئے درکار جسمانی عمارت کے بلاکس فراہم کرتے ہیں۔ یہاں کیا شامل ہے؟ بٹن ، بینرز ، کارڈز ، ڈائیلاگز ، ڈیوائڈرز ، فہرستیں ، مینوز ، ترقی کے اشارے ، سلائیڈرز ، سنیکبار (اسکرین کے نیچے دیئے گئے ایپ کے عمل کے بارے میں یہ مختصر پیغامات ہیں) ، ٹیبز ، ٹیکسٹ فیلڈز اور ٹول ٹپس۔ بلا شبہ اجزاء کا ایک جامع مجموعہ۔
اور ڈویلپرز کو فراموش نہیں کیا گیا ، مختلف پلیٹ فارمز - اینڈرائڈ ، آئی او ایس ، ویب اور پھڑپھڑنے کے بارے میں تفصیلات اور سبق کے ساتھ۔ اور ، آخر کار ، وہاں ایک ایسا صفحہ موجود ہے جو آپ کے منتخب کردہ ڈیزائن کو انجام دینے میں مدد کے ل to بہت سارے وسائل کے لئے وقف ہے۔
یہ مضمون اصل میں نیٹ میگزین میں شائع ہوا ہے۔ ایشو 326 خریدیں.
