ڪوڊ پين: بلڊ ، ٽيسٽ ، شيئر ۽ دريافت ڪريو HTML ، CSS ، ۽ جاوا اسڪرپٽ

ڪوڊڊين: فريم-آخر ڪوڊ ٺاهي ، جانچ ، ۽ ڳوليو

ھڪڙو چئلينج مينيجمينٽ مينيجمينٽ سسٽم سان گڏ آھي ، جانچ ڪري رھيا آھن ۽ اسڪرپٽ اوزار ٺاھڻ. جيتوڻيڪ اهو گهڻو ڪري پبلشرن جي ضرورت نه آهي ، ٽيڪنالاجي اشاعت جي طور تي ، مون وقت کان وقت ڪم ڪرڻ وارا اسڪرپٽ شيئر ڪرڻ پسند ڪندس ٻين ماڻهن جي مدد ڪرڻ لاءِ. مون حصيداري ڪئي آهي ته استعمال ڪئين ڪجي پاسورڊ طاقت کي چيڪ ڪرڻ لاءِ جاوا اسڪرپٽ، ڪيئن باقاعدي اظهار سان اي ميل ايڊريس نحو چيڪ ڪريو (ريجڪس) ، ۽ تازو ئي ھن کي شامل ڪيو آنلائن جائزي جي وڪرو اثر کي toاڻڻ لاءِ ڳڻپيوڪر. مون اميد ڪئي ته سائيٽ تي ڪيترائي اوزار شامل ڪيا ويا پر ورڈپریس ان وانگر شايع ڪرڻ لاءِ قطعي طور تي موزون نه آهي ... اهو مواد سسٽم آهي نه ڪي ترقياتي نظام.

تنهن ڪري ، منهنجي نن scriptڙي اسڪرپٽ ڪم ڪرڻ لاءِ ، مان استعمال ڪندي مزو ايندو آهيان ڪوڊ پيئن. CodePen هڪ صفائي سان ٺهيل اوزار آهي HTML پينل ، هڪ CSS پينل ، هڪ جاوا اسڪرپٽ پينل ، ڪنسول ، ۽ هڪ نتيجو ڪ codeيل ڪوڊ وارو. هر پينل ۾ whenاڻ هوندي جڏهن توهان عناصر تي ماؤس ڪريو ته جيئن توهان سمجھو ته ڇا ممڪن آهي ، ۽ انهي سان گڏ توهان جي ايڊٽ ڪرڻ ۽ آسان لکڻ ۾ توهان جي HTML ، CSS ، ۽ JS جو رنگ ڪوڊنگ.

ڪوڊ پين هڪ سماجي ترقي وارو ماحول آهي. انهي جي دل ۾ ، اهو توهان کي برائوزر ۾ ڪوڊ لکڻ جي اجازت ڏي ٿو ، ۽ ان جا نتيجا ڏسو جيئن توهان ٺاهي رهيا آهيو. ڪنهن به مهارت جي ڊولپرز لاءِ هڪ مفيد ۽ آزاد ٿيل آن لائن ڪوڊ ايڊٽر ، ۽ خاص طور تي ماڻهن کي ڪوڊ ڪرڻ جي صلاحيت رکندا آهن. ڪوڊ پين بنيادي طور تي مئٽرڪ ٻولين جهڙوڪ HTML ، CSS ، جاوا اسڪرپٽ ، ۽ پري پروسسنگ نحو تي ڌيان ڏئي ٿو جيڪي انهن شين ۾ turnرجن ٿا.

ڪوڊ پين بابت

CodePen سان ، مون کي گهربل هو سڀني ضروري ڪم ڪرڻ ۾ ڪامياب ٿي ويو ڳڻپيوڪر شايع ڪريو مون سائيٽ ۾ سرايت ڪئي. CodePen تي گهڻيون تخليق عوامي ۽ اوپن سورس آهن. اهي زنده شيون آهن جيڪي ٻين ماڻهن ۽ برادرين سان رابطو ڪري سگهن ٿيون ، سادي دل سان ، تبصرو ڇڏڻ کان ، پنهنجي ضرورتن لاءِ فورڪ ڪرڻ ۽ تبديل ڪرڻ.

CodePen - آن لائن جائزي جي وڪرو اثر جي اڳڪٿي ڪرڻ لاءِ ڳڻپيوڪر

CodePen سان ، توهان پنهنجو نظريو تبديل ڪري سگهو ٿا جيڪڏهن توهان چاهيو ٿا پينز کي کاٻي ، سا ،ي ، يا هيٺئين پاسي توهان ڪي ڪم ڪري رهيا هجو ... يا HTML کي هڪ نئين ٽيب ۾ ڏسو. پاسي واري نظر وارو ڏسڻ توهان جي جوابي سيٽنگن کي جانچڻ جي لاءِ ناقابل يقين حد تائين سٺو ڪم ڪري رهي آهي جئين ته توهان ڏسڻ واري پين جي سائيز کي ترتيب ڏئي سگهو ٿا.

توھان پنھنجي ھر ڪم ڪندڙ اسڪرپٽ کي پينس ۾ منظم ڪري سگھوٿا ، ان کي پراجيڪٽس (ملٽي فائيل ايڊيٽر) ۾ گڏ ڪري ، يا اڃا به مجموعو ٺاھيو. اهو بنيادي طور تي سامهون واري ڪوڊ جي لاءِ ڪم ڪندڙ پورٽ فوليو سائيٽ آهي ، جتي توهان ٻين ليکڪن جي پيروي ڪري سگهو ٿا ، ٻين کي گڏيل طور تي مشترڪ ڪيل منصوبن کي تبديل ڪرڻ لاءِ توهان جي پنهنجي اندر به شامل ڪري سگهو ٿا ، ۽ اهو به سکو ته ڪئين مزي جي شين کي چئلينجز ذريعي ڪئين.

توهان هڪ گٽب گسٽ طور محفوظ ڪري سگهو ٿا ، زپ فائل ۾ برآمد ۽ ان کان به ايڪسز انهي ۾ آرٽيڪل کي قلم:

قلم ڏسو
آن لائن جائزي جو متوقع وڪرو اثر
by Douglas Karr (@ الدگلسڪر)
on ڪوڊ پيئن.


قلم ايڊيٽر جي حدن مان هڪ آهي ڪوڊ جو سراسر حجم. توهان شايد هن مسئلي ۾ ڪڏهن به نه هلائي سگهو ٿا ، جئين ايڊيٽر کي سوين يا هزارين قطار واري ڪوڊ سان به ٺيڪ هئڻ گهرجي. پر جڏهن اهي 5,000،10,000 - XNUMX،XNUMX يا ڪوڊ جون وڌيڪ لڪيرون هٽڻ شروع ڪندا ، توهان ڏسندا سين ايڊيٽر کي ناڪام ٿيڻ شروع ڪيو. تنهن هوندي ، توهان اسٽائل شيٽ ڏانهن ٻاهرين حوالن شامل ڪري سگهو ٿا يا جاوا اسڪرپٽ ڪنهن ٻئي هنڌ تي.

مان توهان کي سائن اپ ڪرڻ جي حوصلا افزائي ڪندس. توهان پنهنجي هفتيوار اي ميل جا رڪنيت حاصل ڪندا ۽ پنهنجي آر ايس ايس فيڊ ۾ پڻ کاڌو شامل ڪري سگهندا ته توهان نوان شايع ٿيل قلم ڏسي سگهو. ۽ ، جيڪڏهن توهان اتي عوامي پيسن کي ڳولڻ يا برائوز ڪرڻ شروع ڪريو ٿا ، توهان کي ڪجهه ناقابل يقين منصوبا ملندا ... صارف ڪافي باصلاحيت آهن!

جي تابعداري ڪريو Douglas Karr ڪوڊڊين تي

ادا ڪيل ورزن ، ڪوڊ پين پرو ، بهتر ڪارڪردگي يا ٽيمن لاءِ هڪ اضافي اضافي فنڊز پيش ڪري ٿو - بشمول تعاون ، عمل ، اثاثن جي ميزباني ، نجي نظريا ، ۽ پڻ توهان جي پنهنجي ڊومين يا سب ڊومين سان پروجيڪٽ. ۽ ، يقينا ، CodePen گيٿب انضمام سان هڪ بهترين مخزن فراهم ڪري ٿو جتي توهان جي سموري ٽيم ڪم ڪري سگهي ٿي. جيڪڏهن توهان صرف ڪجهه سادي ڪوڊ کي جانچڻ چاهيندا آهيو جيئن مان آهيان ، ڪوڊ پين هڪ انمول اوزار آهي.

توهان ڇا ٿا سوچيو؟

هي سائيٽ اسپام کي گهٽائڻ لاء اکزمٽ استعمال ڪري ٿو. سکو ته توهان جي تجويز ڪيل ڊيٽا کي ڪيئن عمل ڪيو وڃي.