Anonim

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

کوڈپین.یو

کوڈپن ایک مفت ٹول ہے جو آپ کو کبھی بھی بغیر کسی رقم کی ادائیگی کے اپنے پروجیکٹس کو آن لائن میزبانی کرنے دیتا ہے۔ شروع کرنے کے لئے ، CodePen.io پر جائیں اور مفت اکاؤنٹ بنائیں۔

ایک بار یہ کام کر لینے کے بعد ، آپ اسکرین کے اوپری دائیں کونے میں "نیا قلم" بٹن پر کلک کرکے "قلم" تشکیل دے سکتے ہیں۔

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

اس طرح آپ کا قلم اس میں کچھ کوڈ کے ساتھ نظر آئے گا (فری کوڈ کیمپ پروجیکٹ کے بشکریہ جسے خراج تحسین پیش کیا جاتا ہے):

اپنا قلم بناتے وقت ، آپ شروع کرنے سے پہلے ترتیبات میں سے گذرنا چاہیں گے۔ جب آپ "نیا قلم" بٹن پر کلک کرتے ہیں تو ، آپ کو کچھ کوڈ درج کرنا شروع کرنے کے ل Pen ایک قلمی ٹیمپلیٹ دیکھنا چاہئے۔ اوپری دائیں کونے میں "ترتیبات" کا بٹن ہوگا۔ اس پر کلک کریں (آپ کو نیچے کی سکرین نظر آنی چاہئے)۔

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

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

کوڈپن واقعتا ایک صاف آلہ ہے ، اور ہم نے صرف اس کی افادیت کی سطح کو چھوا ہے۔ یہ CodePen.io پر جانے اور کچھ منصوبوں پر کام کرنے کے لئے استعمال کرنے کے قابل ہے ، اور پھر ، اگر آپ کو ایسا لگتا ہے تو ، اپنے دوستوں یا ساتھیوں کے ساتھ اشتراک کریں۔

آپ کوڈپین کے بارے میں کیا خیال ہے؟ کیا آپ نے بھی ایسا ہی ٹول استعمال کیا ہے؟ ہمیں ذیل میں تبصرے کے سیکشن میں بتائیں!

کوڈپن کے ساتھ اپنے کوڈ کا رواں پیش نظارہ کیسے دیکھیں