ویب ڈویلپمنٹ میں فرنٹ اینڈ فریم ورک

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

آپ کی ویب سائٹ کے سامنے کے آخر کی تعمیر کے لئے ایک فریم ورک کا استعمال بہت زیادہ فوائد (اور بوٹ کے لئے بہت آسان ہے!). آتے ہیں کہ سامنے کے آخر میں فریم ورک کیا ہیں اور آپ کو ان کے ویب ڈویلپر کام میں شامل کرنے پر غور کرنا چاہئے.

فرنٹ اینڈ فریم ورک

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

• ایک گرڈ جس سے آپ کی ویب سائٹ کے ڈیزائن عناصر کو منظم کرنا آسان بناتا ہے
• مقرر کردہ فونٹ شیلیوں اور سائز سازی کرنے والی اس کے فعل پر مبنی فرق ہوتا ہے (پیراگراف، وغیرہ کے عنوانات کے لئے مختلف نوع ٹائپنگ وغیرہ)
• طرف سے پینلز، بٹن، اور نیویگیشن بار کی طرح پری تعمیر کردہ ویب سائٹ اجزاء

مخصوص انتخابی فریم ورک پر منحصر ہے جسے آپ منتخب کرتے ہیں، وہ بہت زیادہ ہے اور وہ بھی قابل ہیں.

کیوں استعمال کرتے ہیں

خرگوش سے آپ کے کوڈ کو شروع کرنے کے بجائے سامنے کے آخر فریم ورک کو استعمال کرنے کے لئے بہت سارے اچھے وجوہات موجود ہیں:

• وقت کو بچانے کے! ظاہر ہے، اگر آپ اپنے کوڈ کی ہر ایک لائن کو لکھ رہے ہیں تو، آپ کی ویب سائٹ شروع کرنے کے لئے بہت زیادہ وقت لگے گا. فریم ورک آپ کو بنیادی طور پر شروع کرنے میں مدد مل سکتی ہیں.
• اضافی اجزاء شامل کریں جو آپ کو دوسری صورت میں نہیں ہے. خود کے لئے کسی بھی اضافی پریشانی کے بغیر کسی دوسرے بٹن یا دو سے نمٹنے کا اختیار ہمیشہ ہی اچھا ہے.
• اس بات کو یقینی بنائیں کہ کوڈ کام کرتا ہے. اپنے ہی کوڈ کو لکھنے کا بہت وقت خرچ کرنے کے بجائے صرف یہ پتہ چلا کہ یہ کام نہیں کرتا (یا ویب براؤزر کے 60٪ کے ساتھ مطابقت نہیں رکھتا)، آپ کو معلوم ہو گا کہ آپ پہلے سے تجربہ شدہ، فعال کوڈ استعمال کررہے ہیں.

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

فرنٹ اینڈ فریم ورک کی مثالیں

تمام سی ایس ایس فریم ورک نہیں برابر ہوتے ہیں، لہذا اپنے تحقیق کو یقینی بنانے کے بارے میں یقینی بنائیں کہ جس میں سے ایک بہترین آپ کی ضروریات کو پورا کرتا ہے. یہاں سب سے اوپر پانچ کا ایک فوری جائزہ ہے:

• بوٹسٹریپ: وہاں سے سب سے زیادہ مقبول. گیتوب پر ٹن ستاروں اور آپ کے سوالات کا جواب دینے کے لۓ بہت سے وسائل ہیں. آسان استعمال کرنے میں سے ایک، لیکن کچھ کہتے ہیں کہ یہ ایک بہت ہی مخصوص "بوٹسٹریپ" نظر ہے.
• فائونڈیشن: بہت لچک اور حسب ضرورت فراہم کرتا ہے. ان لوگوں کے لئے اچھا ہے جو فرنٹ اینڈ کی ترقی کے ساتھ تجربہ کر رہے ہیں اور تخلیقی کنٹرول کو برقرار رکھنے کے دوران بنیادیات کو پورا کرنا پسند کرتے ہیں.
• Stylus: ایکسپریسس اور سجیلا سی ایس ایس کی زبان. یہ فریم ورک صرف Node.js ایپلیکیشنز پر استعمال کیا جا سکتا ہے.

• سیمنٹیکل UI: جامع، بدیہی، اور آپ کے کوڈ کو ٹھیک اور سادہ ڈبگنگ بناتا ہے. آپ کو بہت سے ڈیزائن آزادی دیتا ہے اور اپنی ضروریات کو پورا کرتی ہے.
• یو آئی کٹ: اگر آپ iOS ایپس کو ترقی دینے میں دلچسپی رکھتے ہیں تو فریم ورک استعمال کرنے کے لئے. ایک بنیادی سٹائل ہے جو آپ کی اپنی ویب سائٹ نظر کو تیار کرنے میں آسان بناتا ہے.

نتیجہ

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