ڇا توهان ڪڏهن چاهيو ٿا ته ڪا ويب ايپ يا ايڪسٽينشن هجي جيڪا توهان کي اڏامڻ تي UI پروٽوٽائپ ٺاهي ۽ شيئر ڪري؟
اسان سڀ ڪندا آهيون! اسان سڀني جا خيال آهن ته اسان ڪيئن چاهيون ٿا ته اسان جون سائيٽون يا ايپس نظر اچن ۽ محسوس ڪن.
تنهن ڪري، توهان واقعي هڪ عظيم ڊزائن سان آيا آهيو ۽ بلڪل ياد نه ٿا ڪري سگهو ته توهان اهو ڪيئن ڪيو؟
هاڻي توهان کي ان کي حصيداري ڪرڻ جو هڪ طريقو ڳولڻو پوندو. اهو ڏينهن وٺي سگھي ٿو، حتي هفتا، جيڪڏهن توهان ڪوشش ڪري رهيا آهيو هڪ خوبصورت پيچيده ڊيزائن کي حصيداري ڪرڻ جي.
توهان جي ويب ايپ پروٽوٽائپ ٺاهڻ لاء انتظار ڪرڻ جو ڪو سبب ناهي. انھن کي ھاڻي ڊبلٽ سان ٺاھيو.
ڇڪيو ۽ ڦٽو عناصر، انداز، ۽ ان کي محفوظ ڪريو. ان کي نظرثاني لاءِ ڊزائنر ڏانھن موڪليو يا صرف ان کي ھڪڙي پيشڪش ۾ نقل ڪريو. امکانات لامحدود آهن.
Dabblet ڇا آهي؟
استعمال ڊي بلٽ، توهان حقيقي وقت ۾ CSS ۽ HTML ڪوڊ جي ننڍڙن ٽڪڙن سان تجربو ڪري سگهو ٿا.
توهان کي پنهنجي CSS ڪوڊ ۾ ڪنهن به اڳڀرائي جي ضرورت نه پوندي جڏهن هي استعمال ڪندي. GitHub گسٽ توهان کي توهان جي مواد کي ذخيرو ڪرڻ، ٻين سائيٽن تي پوسٽ ڪرڻ، ۽ ٻين سان حصيداري ڪرڻ جي اجازت ڏئي ٿو.
هي هڪ بهترين طريقو آهي ڪوڊ اسپيٽس کي ٻين ڊولپرز سان شيئر ڪرڻ ۽ موٽ حاصل ڪرڻ جو.
اهو ڪيئن ڪم ڪندو آهي؟
جيئن ئي ڪوڊ ٽائپ ڪيو ويندو آهي، بصري پيداوار ان جي چوٽي تي فوري طور تي نظر اچي ٿي. JavaScript اڪيلو رعايت آهي، ان ڳالهه تي غور ڪندي ته ان کي هر ڪي اسٽروڪ تي هلائڻ ۾ تڪليف ٿيندي ۽ ڪجهه حالتن ۾ برائوزر کي ناقابل استعمال ٿيڻ جو سبب به ٿي سگهي ٿو.
JavaScript ٽيب يا ڪي بورڊ شارٽ ڪٽ (Ctrl + Enter يا Cmd + Enter) ۾ ”رن JS“ آپشن استعمال ڪرڻ سان جاوا اسڪرپٽ هلندي جڏهن ڊبلٽ هلندي. اختيارن جو مينيو توھان کي ھن انداز کي تبديل ڪرڻ جي اجازت ڏئي ٿو.
هڪ ڊولپر جي طور تي، توهان انهن ٽنهي ٻولين ۾ ڪوڊنگ جي وچ ۾ هڪ ئي وقت تبديل ڪري سگهو ٿا يا مڪمل پراڊڪٽ ڏسي سگهو ٿا.
مضمونن جي
هيٺيون خاصيتون آهن ڊبلٽ جون جيڪي توهان کي ڄاڻڻ گهرجن:
تڪڙو CSS ايڊيٽنگ: توھان جلدي ڪري سگھوٿا شامل، تدوين ۽ ختم ڪريو CSS ملڪيت. تبديليون اصل وقت ۾ صفحي تي ظاهر ٿينديون.
نحو نمايان ڪرڻ: CSS ۽ HTML ڪوڊ نحو نمايان ٿيل آھن، ان کي پڙھڻ ۽ سمجھڻ آسان بڻائي ٿو. ڪوڊ پڻ تصديق ڪيو ويندو جيئن توهان ٽائپ ڪريو. توھان پڻ چونڊي سگھوٿا ڪوڊ باڪس کي لڪائڻ لاءِ جيڪڏھن توھان چاھيو.
خودڪار مڪمل: ڊيبلٽ پيش ڪري ٿو خودڪار مڪمل CSS ملڪيتن ۽ قدرن لاءِ. اهو تمام مددگار ٿي سگهي ٿو جڏهن توهان اسٽائل شيٽ ٺاهي يا ايڊٽ ڪري رهيا آهيو.
اڳ ۾ ٺهيل CSS اسٽائل شيٽ: توهان مشهور ويب سائيٽن تان اڳ ۾ ٺهيل CSS اسٽائل شيٽ تائين رسائي ڪري سگهو ٿا. اهي توهان جي پنهنجي ويب سائيٽ تي جلدي ۽ آساني سان انداز شامل ڪرڻ لاء استعمال ڪري سگھجن ٿيون.
جسٽ سپورٽ: Dabblet GitHub Gists کي سپورٽ ڪري ٿو، توهان کي توهان جي ڪوڊ جي ٽڪڙن کي ٻين سان آساني سان ذخيرو ۽ حصيداري ڪرڻ جي اجازت ڏئي ٿي.
ويڊيو جو ڏيک توھان ڏسي سگھوٿا توھان جي ڪوڊ جي تبديلين جا نتيجا حقيقي وقت ۾ صفحي کي ٻيهر لوڊ ڪرڻ کان سواءِ. مثال طور، جيڪڏهن توهان متن جو رنگ تبديل ڪريو ٿا، توهان ڏسندا ته تبديلي توهان جي لکت تي ظاهر ٿيندي.
ڪي بورڊ شارٽ ڪٽس ڊيبلٽ ۾ عام ڪمن لاءِ ڪي بورڊ شارٽ ڪٽ آهن، جيئن نئين طرز جو قاعدو شامل ڪرڻ يا تبصرو ڪرڻ.
گھڻن ڏيک جا طريقا: ڊيبلٽ ڪيترن ئي ڏيک جا طريقا پيش ڪري ٿو، جيڪو توهان کي ڪوڊ ۽ نتيجا ڏسڻ جي اجازت ڏئي ٿو پاسي سان يا هڪ ٻئي کان مٿي ۽ هيٺ.
گڻ
- تڪڙو CSS
- جيتوڻيڪ توهان سائن ان ٿيل آهيو، توهان اڃا به پوشيدگي کي محفوظ ڪري سگهو ٿا.
- ان لائن CSS قدر ڏيکيندڙن لاءِ مختلف پيٽرول جهڙوڪ زاويه، رنگ، مدت، وغيره.
- هر شي XHR-ed آهي، تنهنڪري صفحو ڪڏهن به ريفريش نه ٿيندو، نه ته جڏهن توهان بچايو.
- ڪي بورڊ شارٽ ڪٽ تمام گهڻو.
- سڀ ڪوڊ خودڪار فارميٽ ٿيل آهي (سواء مارڪ ڊائونڊ جي).
- وڃڻ کان مضبوط دستاويز.
اوگڻ
- انٽرفيس پهرين ۾ ٿورڙو زبردست آهي، پر توهان ان کي استعمال ڪيو ٿا.
- ڪابه پروجيڪٽ-سطح مينيجمينٽ خاصيتون (اڃا تائين).
ڊبلٽ انٽيگريشن
ڪنهن به پليٽ فارم کي ٻين خدمتن سان ضم ٿيڻ جي ضرورت آهي، ۽ ڊبلٽ ڪو به استثنا نه آهي. ھيٺ ڏنل ڪجھ انضمام آھن جيڪي ڊبلٽ پيش ڪري ٿو:
گوگل تجزياتي
توهان آساني سان شامل ڪري سگهو ٿا پنهنجو گوگل اينالائيٽڪس ٽريڪنگ ڪوڊ ڊبلٽ صفحن تي. هي توهان کي توهان جي ڊيبلٽ لاءِ صفحي جي ڏيک ۽ ٻين انگن اکرن کي ٽريڪ ڪرڻ جي اجازت ڏيندو.
Ubuntu
ڊيبلٽ استعمال ڪري سگھجي ٿو Ubuntu موضوعات ٺاهڻ لاءِ. توهان هڪ نئون ڊيبلٽ ٺاهي سگهو ٿا، CSS ۽ HTML ڪوڊ شامل ڪري سگهو ٿا، ۽ ويب برائوزر ۾ موضوع جو جائزو وٺي سگهو ٿا.
ڊيڊيڪل ايسوسيئيشن
ھڪڙي قسم جي ڪلائوڊ ھوسٽنگ ڪمپني ڪاروبار کي ڪلائوڊ ڪمپيوٽنگ خدمتون مهيا ڪري ٿي، انھن کي اجازت ڏئي ٿي ته اھي پنھنجي عملن کي وڌيڪ موثر طريقي سان وڌائين.
ڊبلٽ ان سان ڇا ڪندو آهي؟
توھان ھاڻي ٺاھي سگھوٿا، منظم ڪري سگھوٿا ۽ ترتيب ڏيو پنھنجي ڊيبلٽس تي DigitalOcean Spaces.
هي توهان کي اجازت ڏئي ٿو توهان جي سڀني ڪوڊ جا ٽڪرا هڪ جڳهه تي رکڻ ۽ انهن کي ٻين سان حصيداري ڪرڻ آسان بڻائي ٿو.
ڊبلٽس لاءِ متبادل
متبادل هميشه موجود آهن، ۽ ساڳئي رڳ ۾، هتي ڪجهه غور ڪرڻ لاءِ آهن جڏهن اهو ڊبلٽ تي اچي ٿو:
Pastebin.com
پروگرامر عام طور تي ويب سائيٽ استعمال ڪندا آهن ماخذ ڪوڊ يا ترتيب واري ڊيٽا جي ٽڪرن کي محفوظ ڪرڻ لاءِ. بهرحال، ڪو به ماڻهو ڪنهن به متن کي مهيا ڪيل خلا ۾ رکي سگهي ٿو.
جي ايس بن
JS Bin JavaScript لاءِ هڪ مفت جانچ وارو اوزار آهي. نتيجو هڪ مختصر URL ذريعي حصيداري ڪري سگهجي ٿو جڏهن جاوا اسڪرپٽ هڪ پين ۾ داخل ڪيو ويو آهي ۽ ٻئي ۾ HTML. ھڪڙو مينيو استعمال ڪريو جيڪو توھان کي ڪجھ عام طور تي استعمال ٿيل JS لائبريرين مان چونڊڻ جي اجازت ڏئي ٿو.
CssDeck
هي اوزار ٻين سان ٽيسٽ ڪيس ٺاهڻ ۽ مٽائڻ لاءِ بهترين آهي جيڪي توهان جي ڪوڊنگ جي ڪوششن ۾ توهان جي مدد ڪري سگهن ٿا. مختلف اختيارن سان، توهان شايد منصوبن تي فوري طور تي ٻين پروگرامرز سان تعاون ڪري سگھو ٿا.
ٻوڙيندڙ
Plunker هڪ ڊجيٽل پليٽ فارم آهي جتي ويب ڊولپرز دماغي طوفان ڪري سگهن ٿا، تعاون ڪري سگهن ٿا ۽ پنهنجن خيالن جو حصيداري ڪري سگهن ٿا.
مثال طور، توهان شروع ڪري سگهو ٿا "هيلو، دنيا!" ڪنهن به ٻوليءَ ۾ پروگرام ڪريو ۽ سکيا جو ڀرپور تجربو پيدا ڪرڻ لاءِ ڪوڊ جا ٽڪرا، مارڪ ڊائونز، ۽ اسڪرين شاٽ شامل ڪريو.
آخري لفظ
نتيجي ۾، Dabblet ويب ڊولپرز لاءِ هڪ ڪارائتو اوزار آهي، خاص طور تي جيڪي ڳولي رهيا آهن انهن لاءِ تڪڙو ۽ آساني سان طريقا انهن جي ڪوڊ کي جانچيو.
ان جي مختلف خاصيتن ۽ انضمام سان، هن پليٽ فارم لاء استعمال نه ڳولڻ ڏکيو آهي.
ان کي اڄ هڪ ڪوشش ڏيو!
جواب ڇڏي وڃو