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

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

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

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

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

ڪوڊ پين بابت

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

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

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

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

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

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


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

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

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

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

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

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