Anonim

اگر آپ نے خوبصورت ویب سائٹس بنانے کے لئے ٹویٹر کے ذریعہ تیار کردہ فریم ورک ، بوٹسٹریپ کے بارے میں کبھی نہیں سنا ہے تو ، آپ کی کمی محسوس ہوگی! بوٹسٹریپ سی ایس ایس میں کافی معلومات کے بغیر کسی ویب سائٹ کو ڈیزائن کرنا کافی تیز اور آسان بنا دیتا ہے (اسٹائل شیٹس کاسکیڈنگ) اگر آپ ویب کے لئے پروگرامنگ میں نئے ہیں تو ، آپ کو بوٹسٹریپ کام کرنے کا طریقہ سیکھنے کے لئے سی ایس ایس کے بارے میں کوئی چیز جاننے کی ضرورت نہیں ہے۔ آپ کو صرف ایک HTML دستاویز کی ضرورت ہوگی۔ ہم بوٹسٹریپ پر ایک نگاہ ڈالیں گے ، آپ کو یہ بتاتے ہیں کہ یہ سب کیا ہے ، یہ کس طرح کام کرتا ہے ، اور اگر یہ آپ کی ہر ویب سائٹ کے لئے ایک اچھا اختیار ہے۔

آپ کی HTML فائل میں بوٹسٹریپ API شامل کرنا

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

دوسرا آپشن یہ ہے کہ پیکیج ڈاؤن لوڈ کرنا چھوڑ دیں اور کنٹینٹ ڈیلیوری نیٹ ورک (سی ڈی این) استعمال کریں۔ ایک CDN آپ کو بنیادی بوٹسٹریپ فائلوں کو کبھی بھی ڈاؤن لوڈ کیے بغیر اپنے HTML دستاویز سے جوڑنے کی اجازت دیتا ہے۔ یقینا، ، یہ پیشہ ورانہ ویب سائٹوں کے لئے ہمیشہ اچھی چیز نہیں ہے ، کیوں کہ اگر میں اس سرور کے نیچے جانے کی صورت میں اپنے کاروبار یا پورٹ فولیو پیج کو قسمت پر چھوڑنے میں جلدبازی نہیں کرتا ہوں۔ اپنے پروجیکٹ میں فائلیں رکھنا بہتر ہے ، لیکن سیکھنے کے مقصد کے لئے ، CDN ٹھیک ٹھیک کام کرے گا۔

اپنے HTML دستاویز میں بوٹسٹریپ داخل کرنے کے ل you'll ، آپ کو مندرجہ ذیل کوڈ کو صرف اس میں ڈالنا ہوگا آپ کے HTML دستاویز میں ٹیگ:

ایک بار جب وہ لنکس اس ہیڈ ٹیگ میں داخل ہوجائیں تو ، آپ کو بوٹسٹریپ کلاسوں کا استعمال شروع کرنے کے لئے پوری طرح تیار رہنا چاہئے۔ آپ کی دستاویز کو کچھ اس طرح نظر آنا چاہئے:

بوٹسٹریپ اور کلاسز

بوٹسٹریپ عناصر کلاسوں میں ٹوٹ پڑے ہیں ، جو صرف پہلے سے لکھے گئے سی ایس ایس کا ایک گروپ ہے جسے آپ اپنے مارک اپ میں داخل کرسکتے ہیں۔ اپنے مارک اپ میں کلاسز داخل کرنا آسان ہے ، آپ کو صرف اس کلاس کا نام معلوم کرنا ہوگا جس کو آپ استعمال کرنا چاہتے ہیں اور پھر اپنے HTML عناصر میں سے کسی ایک پر کلاس = "کلاس کا نام" ویلیو کا استعمال کرتے ہوئے اس کا اطلاق کریں ، جیسا کہ پچھلے مضمون میں زیر بحث آیا ہے۔

مشکل حصہ یہ معلوم کر رہا ہے کہ یہ سب کس طرح ایک ساتھ کچھ خوبصورت تخلیق کرنے میں کام کرتا ہے۔ آپ سرکاری دستاویزات سے براہ راست بوٹسٹریپ میں دستیاب تمام مختلف کلاسوں کو چیک کرسکتے ہیں۔ اب ، بوٹسٹریپ میں مہارت حاصل کرنا ایک اور کہانی ہے۔ یہ ایسی چیز نہیں ہے جو ہم یا کوئی اور آپ کو سکھائے۔ آپ ٹیوٹوریل کے بعد ٹیوٹوریل دیکھ سکتے ہیں ، لیکن فریم ورک کے استعمال میں اچھ getی فائدہ اٹھانے کے ل that ، جو بہت سارے آزمائشی اور غلطی کے ساتھ آتا ہے۔ اور ، اس کے ل requires آپ کو اپنے پروجیکٹس میں اس کے ساتھ ہاتھ جوڑنے کی ضرورت ہے۔

اس بات کو ذہن میں رکھتے ہوئے ، میں آپ سے گزارش کرتا ہوں کہ آپ ایٹم یا کسی اور ٹیکسٹ ایڈیٹر کا استعمال کرتے ہوئے اپنے کمپیوٹر پر اپنا HTML پروجیکٹ شروع کریں ، اس بات کا جائزہ لیں کہ HTML اور CSS کے کون کون سے کلاس ہیں ، اور پھر بوٹسٹریپ کے ساتھ کھیلنا شروع کریں۔ اور اگر آپ کو کافی مارک اپ معلوم ہے تو ، ہوسکتا ہے کہ ٹیسٹ کی مشق کے طور پر اپنی پورٹ فولیو ویب سائٹ بھی بنائیں۔

کیا ہر ویب سائٹ کے لئے بوٹسٹریپ ایک قابل عمل آپشن ہے؟

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

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

یہ بات قابل غور ہے کہ اگر آپ ابتدائی ڈویلپر ہیں تو ، آپ کو اپنے پورٹ فولیو میں موجود تمام منصوبوں کے لئے بوٹسٹریپ کا استعمال نہیں کرنا چاہئے۔ یہ اس حد تک آسکتا ہے کہ آپ شاید API کے ساتھ ہنر مند ہوں گے ، لیکن آپ CSS کے آس پاس اپنا راستہ پوری طرح نہیں جانتے ہیں۔ اس نے کہا ، بہتر ہے کہ اپنے پورٹ فولیو پر دونوں (یا یہاں تک کہ خصوصی طور پر سی ایس ایس ، کیونکہ بوٹ اسٹریپ لینے میں آسانی ہے) کا ایک عمدہ مرکب مل سکے۔

بند کرنا

مختصرا Boot یہی ہے جو بوٹسٹریپ ہے۔ جیسا کہ میں نے پہلے ذکر کیا ہے ، میں آپ کو حوصلہ افزائی کرتا ہوں کہ آپ اپنا HTML پروجیکٹ شروع کریں اور کچھ مختلف کلاسوں کو عناصر میں شامل کریں تاکہ فریم ورک کے ساتھ کھیلنا شروع کریں۔ آپ کو وضاحت اور کوڈ کی مثالوں کے ساتھ بوٹسٹریپ کی پیش کش کے مختلف جزو مل سکتے ہیں۔

بوٹسٹریپ واقعی میں ایک صاف ستھرا آلہ ہے ، لیکن یاد رکھنا کہ اس پر اکیلے بھروسہ نہیں کرنا! اس سے واقف ہونا اور فریم ورک کے آس پاس اپنا راستہ جاننا اچھا ہے ، لیکن یہ بھی یقینی بنائیں کہ آپ پردے کے پیچھے کیا ہو رہا ہے اس کو صحیح معنوں میں سمجھنے کے لئے سی ایس ایس میں غوطہ لگائیں۔ نہ صرف یہ ، بلکہ سی ایس ایس کی تعریف کے بارے میں پختہ علم بہت زیادہ بوٹسٹریپ کرتا ہے ، جس کی مدد سے آپ اپنی مرضی کے مطابق کچھ انوکھی اور خوبصورت ویب سائٹیں بنا سکتے ہیں۔

ایک خوبصورت ویب سائٹ بنانے کے لئے آپ بوٹسٹریپ کو کس طرح استعمال کرسکتے ہیں