اپنی ویب سائٹ کے سامنے کے اختتام کی تعمیر کے لئے ایک فریم ورک کا استعمال بہت زیادہ فوائد (اور بوٹ کے لئے بہت آسان ہے!). چلو آگے بڑھتے ہیں فریم ورک ہیں اور آپ کو ان کے ویب ڈویلپر کام میں شامل کرنے پر غور کرنا چاہئے.
فرنٹ اینڈ فریم ورک
یہ بھی "سی ایس ایس فریم ورکز" کے طور پر بھی کہا گیا ہے، یہ ان پیکیجز ہیں جن میں فائلوں اور فولڈرز میں پہلے سے لکھا، معیاری کوڈ شامل ہے. وہ آپ کو حتمی ڈیزائن کے ساتھ لچک کو بھی مستحکم کرتے وقت تعمیر کرنے کے لئے ایک بنیاد فراہم کرتے ہیں. عام طور پر، سامنے کے آخر میں فریم ورک مندرجہ ذیل اجزاء پر مشتمل ہیں:
- ایک گرڈ جس سے آپ کی ویب سائٹ کے ڈیزائن عناصر کو منظم کرنا آسان بناتا ہے
- مقرر کردہ فونٹ شیلیوں اور سائز سازی جو اس کی تقریب پر مبنی ہوتی ہے (پیراگراف، وغیرہ کے عنوانات کے لئے مختلف نوع ٹائپ مختلف نوع ٹائپ).
- طرف سے پینلز، بٹن، اور نیویگیشن بار کی طرح پری تعمیر شدہ ویب سائٹ کا اجزاء
مخصوص انتخابی فریم ورک پر منحصر ہے جسے آپ منتخب کرتے ہیں، وہ بہت زیادہ ہے اور وہ بھی قابل ہیں.
کیوں استعمال کرتے ہیں
خرگوش سے آپ کے کوڈ کو شروع کرنے کے بجائے سامنے کے آخر فریم ورک کو استعمال کرنے کے لئے بہت سارے اچھے وجوہات موجود ہیں:
- وقت کو بچانے کے! ظاہر ہے، اگر آپ اپنے کوڈ کی ہر ایک لائن کو لکھ رہے ہیں تو، آپ کی ویب سائٹ کو شروع کرنے کے لئے بہت زیادہ وقت لگے گا. فریم ورک آپ کو بنیادی طور پر شروع کرنے میں مدد مل سکتی ہیں.
- اضافی اجزاء شامل کریں جو آپ کو دوسری صورت میں نہیں ہے. اپنے آپ کے لئے کسی بھی اضافی پریشانی کے بغیر کسی دوسرے بٹن یا دو سے نمٹنے کا اختیار ہمیشہ اچھا ہے.
- اس بات کو یقینی بنائیں کہ کوڈ کام کرتا ہے. اپنے ہی کوڈ کو لکھنے کے بجائے بہت ہی وقت خرچ کرنے کے بجائے صرف یہ پتہ چلتا ہے کہ یہ کام نہیں کرتا (یا ویب براؤزر کے 60٪ کے ساتھ مطابقت نہیں رکھتا)، آپ کو معلوم ہو گا کہ آپ پہلے از ٹیسٹ، فعال کوڈ استعمال کر رہے ہیں.
آگے جانے سے پہلے، میں بھی واضح کرنا چاہتا ہوں کہ کس طرح سامنے کے آخر میں فریم ورک استعمال نہ کریں! کوڈ عمارت کی مہارتوں کے لۓ انہیں متبادل بنانے کے طور پر ان کا علاج آپ کو کوئی بھی احسان نہیں ہوگا. ایچ ٹی ایم ایل اور سی ایس ایس سب سے پہلے واقف ہو جاؤ، اور پھر آپ شارٹ کٹس کا استعمال شروع کر سکتے ہیں. اپنا فریم ورک اسسٹنٹ کے طور پر مت کرو، نہیں کرچ.
فرنٹ اینڈ فریم ورک کی مثالیں
تمام سی ایس ایس فریم ورک نہیں برابر ہوتے ہیں، لہذا اپنے تحقیق کو یقینی بنائیں کہ جس میں آپ کو اپنی منفرد ضروریات کو پورا کیا جاۓ. یہاں سب سے اوپر پانچ کا ایک فوری جائزہ ہے:
- بوٹسٹریپ: وہاں سب سے زیادہ مقبول. گیتوب پر ٹن ستاروں اور آپ کے سوالات کا جواب دینے کے بہت سے وسائل ہیں. آسان استعمال کرنے والوں میں سے ایک، لیکن کچھ کہتے ہیں کہ یہ ایک بہت ہی مخصوص "بوٹسٹریپ" نظر ہے.
- فاؤنڈیشن: بہت لچک اور حسب ضرورت کی پیشکش کرتا ہے. ان لوگوں کے لئے اچھا ہے جو فرنٹ اینڈ کی ترقی کے ساتھ تجربہ کر رہے ہیں اور تخلیقی کنٹرول کو برقرار رکھتے ہوئے بنیادی طور پر کوڑے کرنے کے لئے پسند کرتے ہیں.
- Stylus: ایکسپریسس اور سجیلا سی ایس ایس زبان. یہ فریم ورک صرف Node.js ایپلیکیشنز پر استعمال کیا جا سکتا ہے.
- سیمنٹیکل یوآئ: جامع، بدیہی، اور آپ کا کوڈ اچھا اور آسان بنا دیتا ہے. آپ کو بہت سے ڈیزائن آزادی دیتا ہے اور اپنی ضروریات کو پورا کرتا ہے.
- یو آئی کٹ: اگر آپ iOS ایپس کو ترقی دینے میں دلچسپی رکھتے ہیں تو فریم ورک استعمال کرنے کے لئے. ایک بنیادی سٹائل ہے جو آپ کی اپنی سائٹ کی نظر کو تیار کرنے میں آسان بناتا ہے.
نتیجہ
فریم ورک سامنے کے اختتام کے ڈیزائن کے لئے ناقابل یقین حد تک مددگار اوزار ہیں، خاص طور پر اگر آپ کے پاس ایسا کام ہے جہاں آپ اکثر اس کی ترقی کر رہے ہیں. وہ آپ کو اپنے کام کے بہاؤ کو تیز کرنے اور معیار یا فعالیت کو قربانی کے بغیر اپنی پیداواری میں اضافہ کرنے کی اجازت دیتے ہیں، حالانکہ ابھی بھی ایک منفرد، اپنی مرضی کے مطابق نظر کے لئے دروازہ کھلے ہوئے ہیں. آپ کو اپنی مہارتوں کو مکمل کرنے کے لئے ایک آلہ کے طور پر استعمال کرنے کے لئے یاد رکھیں، کناروں کو کاٹنے کے لئے راستہ نہ دیں اور لطف اندوز کریں!