Home-theater-designers
جاوا اسکرپٹ ویب ڈویلپمنٹ کے ساتھ شروع کرنا ایک مایوس کن عمل ہوسکتا ہے ، لیکن وہاں ایسے ٹولز موجود ہیں جو اسے آسان بناتے ہیں۔
CodePen.io ایک براؤزر کوڈنگ ماحول ہے جو کوڈ سیکھنے اور کم از کم پریشانی کے ساتھ آئیڈیاز کو جلدی سے پروٹو ٹائپ کرنے کے لیے ڈیزائن کیا گیا ہے۔
اس آرٹیکل میں ، ہم سائٹ کی کچھ خصوصیات کو دیکھتے ہیں اور وہ آپ کو ایک بہتر پروگرامر بننے میں کس طرح مدد دے سکتے ہیں۔
کوڈ پین کیا ہے؟
کوڈ پین کچھ فراہم کرتا ہے جسے a کہتے ہیں۔ قلم ، جس میں ایچ ٹی ایم ایل ، سی ایس ایس ، اور جاوا اسکرپٹ کے لیے تین مختلف ونڈوز شامل ہیں ، نیز ایک پیش نظارہ پین جو کہ ٹائپ کرتے وقت ریئل ٹائم میں اپ ڈیٹ ہوتی ہے۔
اگرچہ یہ اکثر ویب ڈویلپرز کے لیے ویب سائٹس کے لیے آئیڈیاز دکھانے کے لیے استعمال ہوتا ہے ، یہ فرنٹ اینڈ ویب ڈویلپمنٹ کی بنیادی باتیں سیکھنے کے لیے بھی ایک بہترین جگہ ہے۔ کوڈ پین استعمال کرتے وقت یہاں آپ کو جاننے کی سب سے قابل ذکر خصوصیات ہیں۔
1. پری پروسیسرز
پری پروسیسرز تشریح یا مرتب شدہ زبانیں ہیں جو کوڈنگ کو آسان بنانے کے لیے بنائی گئی ہیں۔ وہ سہولت کے لیے زبان میں فیچرز شامل کر سکتے ہیں ، اور کوڈ کو پڑھنا آسان بنا سکتے ہیں۔ ویب ڈویلپمنٹ میں ، ایچ ٹی ایم ایل ، سی ایس ایس ، اور جاوا اسکرپٹ کے پری پروسیسرز کا مجموعہ صاف کوڈ کو جلدی سے بنانے کے لیے استعمال کیا جاتا ہے۔
اگر آپ ویب ڈویلپمنٹ سیکھ رہے ہیں اور مختلف پری پروسیسرز کو آزمانا چاہتے ہیں تو ، کوڈ پین آپ کو پری پروسیسرز کو فلائی پر سوئچ کرنے کی اجازت دیتا ہے ، اور اس کوڈ کو دیکھتا ہے جو اسے ریئل ٹائم میں مرتب کرتا ہے۔ کوڈ پین ایپ کے تینوں پینوں میں سے ہر ایک کے اوپر دائیں طرف ڈراپ ڈاؤن مینو ہے۔ منتخب کریں۔ مرتب شدہ HTML/CSS/JS دیکھیں۔ یہ دیکھنے کے لیے کہ کوڈ کی تشریح کیسے کی جائے گی۔
اس قلم میں ، ہم نے استعمال کرتے ہوئے ایک سادہ سائٹ بنائی ہے۔ حمل اور ساس۔ کچھ ہیڈر ٹیکسٹ کو سٹائل کرنے کے لیے۔ منتخب کرنا۔ مرتب دیکھیں۔ معیاری HTML اور CSS دکھاتا ہے۔ اس مثال میں فرق کم سے کم ہے۔ نئی زبان سیکھتے ہوئے ، تاہم ، یہ دیکھنا مفید ثابت ہوسکتا ہے کہ ایک بار مرتب شدہ پری پروسیسڈ کوڈ کیسا لگتا ہے۔
2. بیرونی وسائل۔
پری پروسیسرز کے لیے مقامی سپورٹ کے ساتھ ، کوڈ پین بیرونی سکرپٹ کی حمایت کرتا ہے۔ یہ آپ کے ذاتی منصوبوں کے لیے لائبریریوں کے ساتھ تجربہ حاصل کرنے کے لیے ، یا ری ایکٹ جیسی مشہور ویب ایپ لائبریریوں کے لیے بہترین جگہ بناتا ہے۔
بیرونی لائبریری شامل کرنے کے لیے ، کھولیں۔ ترتیبات اپنے قلم پر پین ، اور جاوا اسکرپٹ ٹیب پر جائیں۔ وسائل شامل کرنے کے دو طریقے ہیں ، یا تو ریسورس یو آر ایل کو دستی طور پر شامل کرکے ، یا تلاش کرکے۔
ہم نے اس مضمون کو اپنے آرٹیکل کورنگ میں استعمال کیا۔ mo.js کے ساتھ ویب حرکت پذیری۔ ، بابل پری پروسیسنگ کے ساتھ۔
قلم دیکھیں۔ Mojs MUO مثال ایان کی طرف سے ( بارڈکٹرس۔ ) کوڈ پین پر۔
ہاں ، کوڈ پین قلم سرایت کر سکتے ہیں! آگے بڑھیں اور Mo.js ٹیوٹوریل کے نتائج دیکھنے کے لیے اوپر پیش نظارہ پین پر کلک کریں!
دوسرے قلم بیرونی لائبریریوں کی طرح درآمد کیے جا سکتے ہیں۔ اس کا مطلب ہے کہ آپ اپنے نئے قلم میں ماڈیولز کی طرح استعمال کرنے کے لیے پہلے لکھے ہوئے قلم سے عناصر لے سکتے ہیں۔ کوڈ پین صارف ایڈمز۔ سادہ پول قلم اس کی ایک اچھی مثال ہے۔
3. سانچے۔
جب آپ نئے تصورات سیکھ رہے ہیں یا نئے آئیڈیاز کی جانچ کر رہے ہیں تو ، آپ اکثر اسی طرح کے اجزاء استعمال کرتے ہیں اور شروع کرنے کے لیے وہی اقدامات دوبارہ پڑھتے ہیں۔ کوڈ پین ٹیمپلیٹ قلم بنانے کی اجازت دیتا ہے جو تکرار کو ختم کر سکتا ہے ، اور آپ کو سیدھے نقطے پر جانے دیتا ہے۔
ٹیمپلیٹ بنانے کے لیے ، ایک نیا قلم کھولیں ، اپنی تبدیلیاں کریں ، اور منتخب کریں۔ سانچے ترتیبات کے مینو میں سلائیڈر۔
https://vimeo.com/221428690۔
کچھ عرصہ پہلے تک ، مفت صارفین صرف تین ٹیمپلیٹس بنا سکتے تھے ، لیکن اب تمام صارفین اپنے اکاؤنٹ میں جتنے چاہیں ٹیمپلیٹس رکھ سکتے ہیں۔ کم از کم تاخیر کے ساتھ نئے آئیڈیا کو شروع کرنے کے لیے بہترین!
4. فیشن تعاون۔
کوڈ پین کے ساتھ تعاون اور سکھانے کی صلاحیت اس کا سب سے بڑا اثاثہ ہو سکتا ہے۔ پروگرامرز کے لیے پہلے ہی بہت سارے تعاون کے اوزار موجود ہیں ، لیکن کوڈ پین کا نقطہ نظر آسان اور بدیہی ہے۔
کوڈ پین کے پرو صارفین ایک نیا قلم بنا سکتے ہیں ، اور اسے تعاون کے تحت کھول سکتے ہیں۔ ویو کو تبدیل کریں۔ مینو. یہ قلم کے لنک کو شیئر کرنے کے قابل دعوت نامے میں تبدیل کرتا ہے جس میں آپ کے کوڈ پین پرو پلان کے لحاظ سے لوگوں کی تعداد میں اضافہ ہوتا ہے۔
ای میل سے کسی کا آئی پی ایڈریس کیسے تلاش کریں۔
اس مثال میں ، میں نے ایچ ٹی ایم ایل لکھا جبکہ ایک دوست نے سی ایس ایس کو ریئل ٹائم میں اپ ڈیٹ کیا ، جس پر لیبل لگا کرسر کی نشاندہی کی گئی کہ وہ کہاں کام کر رہے ہیں۔
کوئی بھی جس کے پاس لنک ہے وہ براؤزر میں چیٹ فنکشن میں شامل ہو سکتا ہے اور استعمال کر سکتا ہے ، قطع نظر اس کے کہ وہ پرو صارف ہیں یا کوڈ پین اکاؤنٹ بھی رکھتے ہیں۔ بشرطیکہ آٹو سیو آف ہو صرف قلم کا مالک کسی بھی تبدیلی کو محفوظ کر سکتا ہے ، یہ آپ کے کوڈ کو بغیر کسی خطرے کے کھولنے کا محفوظ طریقہ بناتا ہے۔
اس موڈ کی کھلی ہوئی نوعیت ابتدائیوں کے لیے فائدہ مند ہے کیونکہ آپ کسی مشکل تصور کے ذریعے آپ کی رہنمائی کے لیے تقریبا anyone کسی کو بھی اپنے قلم میں مدعو کر سکتے ہیں۔ یہ آپ کے راستے کو جاننے کا ایک آسان طریقہ ہے کیونکہ یہ ممکنہ ملازمین کے انٹرویو کے لیے بہترین ہے ، اور پہلے ہی ہوچکا ہے۔ اس طرح پیشہ ورانہ طور پر استعمال کیا گیا۔ !
5. پروفیسر موڈ
پروفیسر موڈ ایک پرو صارف کو ایک کمرے کی میزبانی کی اجازت دیتا ہے جس میں صرف وہ کوڈ میں ترمیم کرسکتے ہیں۔ میزبان کے پرو پلان کے مطابق 10-100 کے درمیان صارفین دیکھ اور چیٹ کر سکتے ہیں۔
پروفیسر موڈ کلاس روم سیکھنے اور فاصلاتی تعلیم ، یا دونوں کے امتزاج کے درمیان لچک کی اجازت دیتا ہے۔ پروفیسر موڈ کا استعمال کرنے سے لوگ کلاس کے پچھلے حصے کے لوگوں کو وہی تجربہ حاصل کر سکیں گے جو سامنے والے ہیں اور استاد کو بگ فکس دکھانے کا موقع ملے گا جو کہ ریئل ٹائم میں اپ ڈیٹ ہو جائے گا۔
6. پریزنٹیشن موڈ
پریزنٹیشن موڈ کو ڈیزائن کیا گیا ہے ، حیرت انگیز طور پر ، کوڈ کو ذہن میں رکھتے ہوئے۔ ایپ ایک آسان منظر میں دکھائی دیتی ہے ، جسے اوور ہیڈ پروجیکٹر کے ساتھ کام کرنے کے لیے ڈیزائن کیا گیا ہے۔ کوڈ پین نے کم رفتار انٹرنیٹ کنکشن اور کمزور ہارڈ ویئر پر استعمال کے لیے پریزنٹیشن موڈ کو بہتر بنایا ہے۔
ہوشیار قارئین کو پہلے ہی احساس ہو چکا ہو گا کہ کوڈ پین کا مفت ورژن بالکل اس فنکشن کو مہیا کرے گا ، حالانکہ پرو موڈ میں کچھ مفید خصوصیات ہیں۔ لے آؤٹ ، فونٹ سائز اور تھیمز کو فوری طور پر کسی بھی ترتیب کے مطابق فلائی میں تبدیل کیا جا سکتا ہے ، اور قلم کا لنک دکھانے سے جمبو سائز کا مختصر یو آر ایل سامنے آتا ہے جس سے پروجیکٹ کو شیئر کرنا آسان ہو جاتا ہے۔
یہ چھوٹی تبدیلیاں ، پیش نظارہ ونڈو کو سکیل کرنے کے قابل ہونے کے ساتھ ساتھ جو کچھ بھی آپ دکھا رہے ہیں اسے فٹ کرنے کے لیے ، پریزنٹیشن موڈ دونوں اساتذہ اور ڈویلپرز کو ساتھیوں کے لیے آئیڈیاز پیش کرنے کے لیے بہترین بناتے ہیں۔ پریزنٹیشن موڈ ایک صاف ستھرا ، اور کوڈ پیش کرنے کا آسان طریقہ ہے اگر آپ اپنے آپ کو کسی پروگرامنگ پوزیشن کے لیے انٹرویو دیتے ہوئے دیکھیں۔
7. پیٹرن
کوڈ پین کے مجموعوں سے الہام کی تلاش بہت آسان ہو گئی ہے۔ ڈیزائن پیٹرن .
ہر زمرہ مثال کے کوڈ کا مجموعہ ہے جو کوڈ پین صارفین مخصوص کاموں کے لیے فراہم کرتا ہے۔ کیا آپ اپنی سائٹ کے لیے متحرک بٹن بنانے کا کوئی طریقہ ڈھونڈ رہے ہیں؟ ایکارڈیننگ مینوز؟ تقریبا categories کسی بھی مثال کو فٹ کرنے کے لیے زمروں کی دولت موجود ہے۔
یہ نمونے یہ جاننے کا ایک بہترین طریقہ ہیں کہ انٹرایکٹو بٹن کیسے کام کرتے ہیں ، اور متحرک یوزر انٹرفیس کے کام کرنے کے مختلف طریقے۔
8. ایمیٹ۔
ایمیٹ۔ ، جسے پہلے زین کوڈنگ کے نام سے جانا جاتا تھا ، وسیع پیمانے پر ایچ ٹی ایم ایل اور سی ایس ایس ڈویلپمنٹ کے لیے سب سے بڑا وقت بچانے والا سمجھا جاتا ہے۔ پلگ ان کچھ کوڈ لیتا ہے جو آپ اپنے آپ کو بہت کچھ لکھتے ہوئے پاتے ہیں اور انہیں سادہ شارٹ کٹ میں بدل دیتے ہیں۔
اسے عملی طور پر دیکھنا اس کی وضاحت کرنے سے بہتر ہے ، لہذا HTML دستاویز کے لیے معمول کا سیٹ اپ لیں:
ہر ایچ ٹی ایم ایل دستاویز میں اس کو شامل کرنا دو عملوں میں گھٹا دیا گیا ہے۔ ایمیٹ کا استعمال کرتے ہوئے ، ٹائپ کریں۔ ! اور مارا ٹیب چابی. جادو!
ایمیٹ کوڈ پین پر معیاری کے طور پر فعال ہے اور خاص طور پر مفید ہے اگر آپ جاوا اسکرپٹ میں ایک نیا تصور سیکھنے کی کوشش کر رہے ہیں اور فوری طور پر معاون HTML اور CSS بنانے کی ضرورت ہے۔
بہتر تجربے کے لیے کوڈ پین کے ساتھ ترقی کریں۔
کوڈ پین ویب ڈویلپرز کے لیے ایک بہترین ٹول ہے ، اور یہ فیلڈ مسلسل بڑھ رہا ہے۔ ویب ڈویلپمنٹ میں مستقبل کے لیے جاوا اسکرپٹ سیکھنے کے لیے ایک بہترین زبان ہے۔
بوٹ ایبل یو ایس بی ونڈوز 7 بنانے کا طریقہ
جاوا اسکرپٹ کے ساتھ شروع کرنے کے خواہشمند افراد کے لیے کچھ بہترین سبق اور کورس دستیاب ہیں ، اور کوڈ پین آپ کی نئی مہارتوں کو جانچنے کے لیے ایک بہترین ماحول ہے۔
بانٹیں بانٹیں ٹویٹ ای میل۔ آڈیو بکس مفت میں ڈاؤن لوڈ کرنے کے لیے 8 بہترین ویب سائٹس۔آڈیو بکس تفریح کا ایک بڑا ذریعہ ہیں ، اور ہضم کرنے میں بہت آسان ہیں۔ یہاں آٹھ بہترین ویب سائٹ ہیں جہاں آپ انہیں مفت میں ڈاؤن لوڈ کر سکتے ہیں۔
اگلا پڑھیں۔ متعلقہ موضوعات۔- پروگرامنگ۔
- ایچ ٹی ایم ایل
- ویب سازی
- جاوا اسکرپٹ۔
- سی ایس ایس
ایان بکلے برلن ، جرمنی میں رہنے والے ایک آزاد صحافی ، موسیقار ، اداکار اور ویڈیو پروڈیوسر ہیں۔ جب وہ لکھ نہیں رہا ہے یا اسٹیج پر نہیں ہے تو ، وہ پاگل سائنسدان بننے کی امید میں DIY الیکٹرانکس یا کوڈ کے ساتھ چھیڑ چھاڑ کر رہا ہے۔
ایان بکلی سے مزیدہماری نیوز لیٹر کو سبسکرائب کریں
ٹیک ٹپس ، جائزے ، مفت ای بکس ، اور خصوصی سودوں کے لیے ہمارے نیوز لیٹر میں شامل ہوں!
سبسکرائب کرنے کے لیے یہاں کلک کریں۔