1. تصور ڪلون
نوشن ايپليڪيشن ڪيترن ئي ماڻهن کي پسند آهي؛ اهو توهان کي توهان جي ڪم جي فلو کي بهتر ڪرڻ، دستاويزن سان ڪم ڪرڻ، ڪمن کي شيڊول ڪرڻ، ۽ ڊوائيسز جي وچ ۾ ڊيٽا کي هم وقت سازي ڪرڻ جي اجازت ڏئي ٿو.
نوشن کلون ٺاهڻ سان توهان ڇا سکندا:
- . صارف "ماؤس سان پڪڙيو" ڪري سگھي ٿو ڇڪڻ لائق عنصر ۽ ان ۾ رکي ڇڏڻ لائق زون
- توهان جي ڪمپيوٽر ۽ اسمارٽ فون جي وچ ۾ حقيقي وقت ۾ ڊيٽا کي هم وقت سازي ڪيئن ڪجي.
- اسان صارفين کي رڪارڊ ٺاهڻ، پڙهڻ، تازه ڪاري ڪرڻ ۽ حذف ڪرڻ جي اجازت ڏيون ٿا، اهڙي طرح CRUD مهارتن جي تربيت.
مضمون جو ترجمو EDISON سافٽ ويئر جي مدد سان ڪيو ويو، جيڪو ، انهي سان گڏوگڏ .
2. Repl.it کلون
Repl.it هڪ اوزار آهي حقيقي وقت جي تعاون واري ڪوڊ ايڊٽنگ لاءِ. توھان ڪيترن ئي ٻولين کي چونڊي سگھو ٿا: JavaScript، Python، Go ۽ ڪوڊ سڌو سنئون برائوزر ۾. تڪڙو ڊيمو ۽ ڪوڊ انٽرويو لاء تمام مفيد.
Repl.it کلون ٺاهڻ سان توهان ڇا سکندا:
- برائوزر ۾ ڪوڊ (سرور-سائيڊ) کي ڪيئن هلائڻ ۽ عمل ڪرڻ (ڪلائنٽ-سائيڊ).
- ان پٽ ڊيٽا (ذريعو ڪوڊ) پڙهو ۽ عمل جو نتيجو ڏيکاريو.
- ويب تي فائلون ۽ فولڊر ڪيئن ٺاھيو ۽ نتيجا محفوظ ڪريو.
- ڪوڊ نحو کي ڪيئن اجاگر ڪجي.
3. گوگل فوٽوز ڪلون
گوگل فوٽوز فوٽوز کي محفوظ ڪرڻ ۽ شيئر ڪرڻ لاءِ هڪ خدمت آهي.
ڪا به جديد فوٽو ايپليڪيشن بنيادي ڪم سرانجام ڏئي سگهي ٿي: اپلوڊ، فصل، وغيره. ماڻهو چاهين ٿا پنهنجا اوتار ٺاهي ۽ ٻلين جا فوٽو شيئر ڪن، تنهنڪري توهان کي تصويرن سان ڪم ڪرڻ جي قابل ٿيڻو پوندو.
گوگل فوٽوز ڪلون ٺاهڻ سان توهان ڇا سکندا:
- فون، ٽيبليٽ، ليپ ٽاپ ۽ حتي وڏي ٽي وي اسڪرين تي جوابي تصويرون ڪيئن ٺاهيون.
- تصويرن جي اپلوڊ کي ڪيئن سنڀالجي، خاص ڪري وڏيون تصويرون (>1MB) ۽ بلڪ اپ لوڊ.
- تصويرن جي فائلن تي عمل ڪريو، ڦوٽو ڪڍو ۽ ڦوٽو ٺاھيو ٿامبنيلز لاءِ يا گيلري کولڻ وقت.
- بونس: ڪلائوڊ يا مقامي ڊيٽابيس ۾ تصويرون ڪيئن محفوظ ڪيون وڃن.
4. Gifsky کلون
فنڪشن استعمال ڪندي وڊيو کي GIF ۾ تبديل ڪري ٿو موثر ڪراس فريم پيليٽس ۽ عارضي مخالف الياسنگ لاءِ. نتيجو هڪ GIF آهي هزارين گلن سان في فريم.
Gifski کلون ٺاهڻ سان توهان ڇا سکندا:
- وڊيو فائلن کي ڪيئن بدلجي (.mp4 ۾ .gif).
- ڊريگ اينڊ ڊراپ HTML API ڪيئن استعمال ڪجي.
- ڪيئن تصوير جي اصلاح ۽ پروسيسنگ ڪم.
نوٽ: ۽ GitHub تي آهي!
5. مانيٽرنگ cryptocurrency جي شرح
اصلي cryptocurrency ٽريڪٽر رد عمل
ڪرنسي جي شرح ٽريڪر ٺاهڻ سان توهان ڇا سکندا:
- API سان ڪيئن ڪم ڪجي ۽ API کان ريموٽ ڊيٽا حاصل ڪجي.
- فهرست جي طور تي ڊيٽا کي ڪيئن ڏيکاريو.
- بونس: جيڪڏهن توهان دلچسپي رکو ٿا، مون تازو لکيو آهي React Native سان cryptocurrency لاءِ.
نوٽ: هتي .
اڳوڻي اشاعتن مان منصوبن جو هڪ انتخاب.
پرت
پرت هڪ ڪميونٽي آهي جتي هرڪو هڪ گڏيل "بورڊ" تي هڪ پکسل ٺاهي سگهي ٿو. اصل خيال Reddit تي پيدا ٿيو. r/Layer ڪميونٽي گڏيل تخليقيت جو هڪ استعارو آهي، ته هرڪو هڪ تخليقڪار ٿي سگهي ٿو ۽ هڪ عام مقصد ۾ حصو وٺي سگهي ٿو.
توهان ڇا سکندا جڏهن توهان پنهنجو پرت پروجيڪٽ ٺاهي رهيا آهيو:
- JavaScript ڪينوس ڪيئن ڪم ڪري ٿو ڄاڻو ته ڪينواس کي ڪيئن هلائڻو آهي ڪيترن ئي ايپليڪيشنن ۾ هڪ اهم مهارت آهي.
- صارف جي اجازتن کي ڪيئن ترتيب ڏيڻ. هر صارف بغير لاگ ان ٿيڻ جي هر 15 منٽن ۾ هڪ پکسل ٺاهي سگھي ٿو.
- ڪوڪيز سيشن ٺاهيو.
اسڪواش
اسڪوش ڪيترن ئي جديد اختيارن سان گڏ هڪ تصويري ڪمپريشن ايپليڪيشن آهي.
GIF 20 MB
Squoosh جو پنهنجو ورزن ٺاهڻ سان توهان سکندا:
- تصوير جي سائيز سان ڪيئن ڪم ڪجي
- Drag'n'Drop API جا بنيادي سکو
- سمجھو ته ڪيئن API ۽ واقعا ٻڌندڙ ڪم ڪن ٿا
- فائلن کي ڪيئن اپلوڊ ۽ ايڪسپورٽ ڪجي
نوٽ: تصوير ڪمپريسر مقامي آهي. اهو ضروري ناهي ته سرور ڏانهن اضافي ڊيٽا موڪلڻ لاء. توھان گھر ۾ ڪمپريسر ڪري سگھو ٿا، يا توھان ان کي سرور تي استعمال ڪري سگھو ٿا، توھان جي پسند.
ڳڻپيندڙ
اچو به؟ سنجيدگي سان؟ ڳڻپيوڪر؟ ها، بلڪل، هڪ ڳڻپيوڪر. رياضي جي عملن جي بنيادي ڳالهين کي سمجهڻ ۽ اهي ڪيئن گڏجي ڪم ڪن ٿا توهان جي ايپليڪيشنن کي آسان ڪرڻ لاءِ هڪ اهم مهارت آهي. جلدي يا بعد ۾ توهان کي انگن سان معاملو ڪرڻو پوندو ۽ جلدي بهتر.
پنهنجو ڳڻپيوڪر ٺاهڻ سان توهان سکندا:
- انگن ۽ رياضي جي عملن سان ڪم ڪريو
- ايونٽ ٻڌندڙن API سان مشق ڪريو
- عناصر کي ڪيئن ترتيب ڏيو، انداز کي سمجھو
ڪريلر (سرچ انجڻ)
هر ڪو سرچ انجڻ استعمال ڪيو آهي، پوءِ ڇو نه پنهنجو ٺاهيو؟ معلومات جي ڳولا لاءِ ڪرولرز جي ضرورت پوندي. هرڪو انهن کي هر روز استعمال ڪري ٿو ۽ هن ٽيڪنالاجي ۽ ماهرن جي گهرج صرف وقت سان وڌي ويندي.
گوگل سرچ انجڻ
توهان پنهنجو سرچ انجڻ ٺاهڻ سان ڇا سکندا:
- ڪھڙي ريت ڪم ڪندڙ
- سائيٽن کي انڊيڪس ڪيئن ڪجي ۽ انهن کي درجه بندي ۽ شهرت جي لحاظ کان ڪيئن ڪجي
- ڊيٽابيس ۾ ترتيب ڏنل سائيٽن کي ڪيئن ذخيرو ڪجي ۽ ڊيٽابيس سان ڪيئن ڪم ڪجي
ميوزڪ پليئر (Spotify، ايپل ميوزڪ)
هرڪو موسيقي ٻڌي ٿو - اهو صرف اسان جي زندگي جو هڪ لازمي حصو آهي. اچو ته هڪ ميوزڪ پليئر ٺاهيون انهي کي بهتر سمجهڻ لاءِ ته جديد ميوزڪ اسٽريمنگ پليٽ فارم جا بنيادي ميڪانڪس ڪيئن ڪم ڪن ٿا.
Spotify
توهان پنهنجي ميوزڪ اسٽريمنگ پليٽ فارم ٺاهڻ سان ڇا سکندا:
- API سان ڪيئن ڪم ڪجي. Spotify يا ايپل ميوزڪ مان API استعمال ڪريو
- ڪيئن کيڏجي، روڪيو يا وري وائڊ ڪيو وڃي ايندڙ/اڳئين ٽريڪ تي
- حجم کي ڪيئن تبديل ڪجي
- صارف جي روٽنگ ۽ برائوزر جي تاريخ کي ڪيئن منظم ڪجي
React استعمال ڪندي مووي سرچ ايپ (هڪس سان)
پهرين شيء جيڪا توهان شروع ڪري سگهو ٿا اهو آهي هڪ فلم سرچ ايپ ٺاهڻ ري ايڪٽ استعمال ڪندي. هيٺ ڏنل هڪ تصوير آهي جيڪا آخري ايپليڪيشن وانگر نظر ايندي:
توهان learnا سکندا
هن ايپ کي ٺاهڻ سان، توهان نسبتا نئين Hooks API استعمال ڪندي پنهنجي React صلاحيتن کي بهتر ڪندا. مثال پروجيڪٽ استعمال ڪري ٿو React اجزاء، گھڻا ٿلها، ھڪڙو خارجي API، ۽ يقينا ڪجھ سي ايس ايس اسٽائل.
ٽيڪنيڪل اسٽيڪ ۽ خاصيتون
- ٿلهن سان رد عمل
- ٺاهي-رد عمل-ايپ
- JSX
- ايس ايم ايس
بغير ڪنهن ڪلاس جي استعمال جي، اهي منصوبا توهان کي فنڪشنل ريڪٽ ۾ مڪمل داخلا پوائنٽ ڏين ٿا ۽ 2020 ۾ ضرور توهان جي مدد ڪندا. توهان ڳولي سگهو ٿا . هدايتن تي عمل ڪريو يا ان کي پنهنجو ٺاهيو.
Vue سان چيٽ ايپ
هڪ ٻيو وڏو منصوبو توهان لاءِ ڪرڻ آهي منهنجي پسنديده JavaScript لائبريري استعمال ڪندي چيٽ ايپ ٺاهڻ: VueJS. اپليڪيشن ڪجهه هن طرح نظر ايندي:
توهان learnا سکندا
هن سبق ۾، توهان سکندا ته ڪيئن هڪ Vue ايپ شروع کان ٺاهيو - اجزاء ٺاهڻ، رياست کي سنڀالڻ، رستا ٺاهڻ، ٽئين پارٽي جي خدمتن سان ڳنڍڻ، ۽ اڃا تائين تصديق ڪرڻ.
ٽيڪنيڪل اسٽيڪ ۽ خاصيتون
- وو
- ويڪس
- وي روٽر
- Vue CLI
- پusher
- ايس ايم ايس
هي واقعي هڪ عظيم منصوبو آهي شروع ڪرڻ لاءِ Vue سان يا توهان جي موجوده صلاحيتن کي بهتر بنائڻ لاءِ 2020 ۾ ترقي حاصل ڪرڻ لاءِ. توهان ڳولي سگهو ٿا .
Angular 8 سان خوبصورت موسم واري ايپ
هي مثال توهان کي Angular 8 استعمال ڪندي هڪ خوبصورت موسم ايپ ٺاهڻ ۾ مدد ڏيندو:
توهان learnا سکندا
هي پروجيڪٽ توهان کي سيکاريندو قابل قدر مهارتن ۾ ايپليڪيشنون ٺاهڻ ۾ شروع کان - ڊيزائن کان وٺي ڊولپمينٽ تائين، سڀني طريقي سان ڊيپلائيمينٽ لاءِ تيار ايپليڪيشن تائين.
ٽيڪنيڪل اسٽيڪ ۽ خاصيتون
- ڪنڊ 8
- باهه
- سرور طرف رينجرنگ
- CSS گرڊ ۽ Flexbox سان
- موبائل دوستانه ۽ موافقت
- اونداهي موڊ
- خوبصورت انٽرفيس
جيڪو مون کي واقعي پسند آهي هن سموري پراجيڪٽ بابت اهو آهي ته توهان شين کي اڪيلائي ۾ نه پڙهو. ان جي بدران، توهان مڪمل ترقي جي عمل کي سکو، ڊيزائن کان فائنل تائين.
Svelte استعمال ڪندي ڪرڻ لاءِ ايپليڪيشن
Svelte جزو جي بنياد تي نئين ٻار وانگر آهي - گهٽ ۾ گهٽ React، Vue ۽ Angular سان ملندڙ جلندڙ. ۽ هي 2020 لاءِ گرم ترين نئين شين مان هڪ آهي.
ڪرڻ لاءِ ائپس ضروري نه آهن ته سڀ کان وڌيڪ گرم موضوع هجن، پر اهو واقعي توهان جي مدد ڪندي توهان جي Svelte صلاحيتن کي وڌائڻ ۾. اهو هن طرح نظر ايندو:
توهان learnا سکندا
هي سبق توهان کي ڏيکاريندو ته ڪيئن Svelte 3 استعمال ڪندي ايپليڪيشن ٺاهي، شروع کان ختم ڪرڻ تائين. توھان استعمال ڪندا اجزاء، اسٽائل، ۽ ايونٽ ھينڊلر
ٽيڪنيڪل اسٽيڪ ۽ خاصيتون
- سڪل 3
- اجزاء
- CSS سان اسٽائلنگ
- ES 6 نحو
اتي ڪيترائي سٺا Svelte اسٽارٽر منصوبا نه آھن، تنھنڪري مون کي مليو .
Next.js استعمال ڪندي اي ڪامرس ايپ
Next.js React ايپليڪيشنن جي تعمير لاءِ تمام مشهور فريم ورڪ آهي جيڪي سرور-سائڊ رينڊرنگ کي باڪس کان ٻاهر جي مدد ڪن ٿيون.
هي پروجيڪٽ توهان کي ڏيکاريندو ته هڪ اي ڪامرس ايپليڪيشن ڪيئن ٺاهجي جيڪا هن وانگر نظر اچي ٿي:
توهان learnا سکندا
هن پروجيڪٽ ۾، توهان سکندا ته ڪيئن ترقي ڪجي Next.js سان- نوان صفحا ۽ جزا ٺاهيو، ڊيٽا ڪڍو، ۽ انداز ٺاهيو ۽ هڪ ايندڙ ايپليڪيشن کي ترتيب ڏيو.
ٽيڪنيڪل اسٽيڪ ۽ خاصيتون
- اڳيون
- اجزاء ۽ صفحا
- ڊيٽا نموني
- اسٽائلائيزيشن
- پروجيڪٽ لڳائڻ
- SSR ۽ SPA
اهو هميشه بهترين آهي حقيقي دنيا جو مثال جيئن هڪ اي ڪامرس ايپ ڪجهه نئين سکڻ لاءِ. توهان ڪري سگهو ٿا .
Nuxt.js سان مڪمل گهڻ لساني بلاگ
Nuxt.js Vue لاءِ آهي، React لاءِ ڇا آهي Next.js: سرور-سائڊ رينڊرنگ ۽ سنگل پيج ايپليڪيشنن جي طاقت کي گڏ ڪرڻ لاءِ هڪ بهترين فريم ورڪ
آخري ايپليڪيشن جيڪا توهان ٺاهي سگهو ٿا هن وانگر نظر ايندي:
توهان learnا سکندا
هن نموني پروجيڪٽ ۾، توهان سکندا ته ڪيئن ٺاهيو مڪمل ويب سائيٽ Nuxt.js استعمال ڪندي، شروعاتي سيٽ اپ کان فائنل ڊيپلائيشن تائين.
اهو فائدو وٺي ٿو ڪيترن ئي بهترين خاصيتن مان جيڪي Nuxt کي پيش ڪرڻو آهي، جهڙوڪ صفحا ۽ اجزاء، ۽ SCSS سان اسٽائل.
ٽيڪنيڪل اسٽيڪ ۽ خاصيتون
- نيٽ ورڪ
- اجزاء ۽ صفحا
- ڪهاڻي بلاڪ ماڊل
- هيگ مڇي
- رياست جي انتظام لاء Vuex
- اسٽائل لاء SCSS
- Nuxt Middlewares
، جنهن ۾ ڪيترائي عظيم Nuxt.js خاصيتون شامل آهن. مون کي ذاتي طور تي Nuxt سان ڪم ڪرڻ پسند آهي تنهنڪري توهان کي اها ڪوشش ڪرڻ گهرجي ڇو ته اهو توهان کي هڪ عظيم Vue ڊولپر پڻ بڻائيندو.
بلاگ گيٽسبي سان
Gatsby React ۽ GraphQL استعمال ڪندي هڪ بهترين جامد سائيٽ جنريٽر آهي. هن منصوبي جو نتيجو آهي:
توهان learnا سکندا
هن سبق ۾، توهان سکندا ته ڪيئن استعمال ڪجي گيٽسبي هڪ بلاگ ٺاهڻ لاءِ جيڪو توهان استعمال ڪندا پنهنجا مضمون لکڻ لاءِ React ۽ GraphQL استعمال ڪندي.
ٽيڪنيڪل اسٽيڪ ۽ خاصيتون
- گٽسبي
- تصديق ڪريو
- گرافڪ
- پلگ ان ۽ موضوع
- MDX / مارڪ ڊائون
- بوٽ اسٽريپ CSS
- نشانيون
جيڪڏهن توهان ڪڏهن به هڪ بلاگ شروع ڪرڻ چاهيو ٿا، React ۽ GraphQL استعمال ڪندي ان کي ڪيئن ٺاهيو.
مان اهو نه ٿو چوان ته ورڈپریس هڪ خراب انتخاب آهي، پر گيٽسبي سان توهان React استعمال ڪندي اعليٰ ڪارڪردگي واريون ويب سائيٽون ٺاهي سگهو ٿا - جيڪو هڪ شاندار ميلاپ آهي.
Gridsome سان بلاگ
Gridsome for Vue... ٺيڪ آهي، اسان وٽ اڳ ۾ ئي هي آهي Next/Nuxt.
پر اهو ساڳيو آهي Gridsome ۽ Gatsby لاءِ. ٻئي استعمال ڪن ٿا GraphQL انهن جي ڊيٽا پرت جي طور تي، پر Gridsome استعمال ڪري ٿو VueJS. هي پڻ هڪ شاندار جامد سائيٽ جنريٽر آهي جيڪو توهان جي مدد ڪندو عظيم بلاگ ٺاهڻ ۾:
توهان learnا سکندا
هي پروجيڪٽ توهان کي سيکاريندو ته ڪيئن ٺاهيو هڪ سادو بلاگ Gridsome، GraphQL ۽ Markdown سان شروع ڪرڻ لاءِ. اهو پڻ احاطو ڪري ٿو ته Netlify ذريعي ايپليڪيشن کي ڪيئن ترتيب ڏيڻ.
ٽيڪنيڪل اسٽيڪ ۽ خاصيتون
- سخت
- وو
- گرافڪ
- Markdown
- Netliify
هي يقيناً سڀ کان وڌيڪ جامع سبق نه آهي، پر اهو Gridsome جي بنيادي تصورن تي پکڙيل آهي ۽ .
Quasar استعمال ڪندي SoundCloud جهڙو آڊيو پليئر
Quasar هڪ ٻيو Vue فريم ورڪ آهي جيڪو موبائل ايپليڪيشن ٺاهڻ لاءِ استعمال ٿي سگهي ٿو. هن پروجيڪٽ ۾ توهان هڪ آڊيو پليئر ايپليڪيشن ٺاهيندا، مثال طور:
توهان learnا سکندا
جڏهن ته ٻيا منصوبا خاص طور تي ويب ايپليڪيشنن تي ڌيان ڏين ٿا، هي هڪ توهان کي ڏيکاريندو ته ڪيئن موبائل ايپليڪيشن ٺاهي وئي Vue ۽ Quasar فريم ورڪ استعمال ڪندي.
توهان کي اڳ ۾ ئي Android اسٽوڊيو / Xcode ترتيب سان Cordova هلائڻ گهرجي. جيڪڏهن نه، دستياب ۾ Quasar ويب سائيٽ جي لنڪ آهي جتي اهي توهان کي ڏيکاريندا آهن ته هر شي کي ڪيئن سيٽ ڪيو وڃي.
ٽيڪنيڪل اسٽيڪ ۽ خاصيتون
- قصر
- وو
- Cordova
- WaveSurfer
- UI اجزاء
، موبائيل ايپليڪيشن ٺاهڻ لاءِ Quasar جي صلاحيتن جو مظاهرو ڪندي.
ڪريڊٽ ڪارڊ فارم
هڪ سٺي ڪريڊٽ ڪارڊ جي شڪل هموار ۽ مزيدار مائڪرو رابطي سان. نمبر فارميٽنگ، تصديق ۽ خودڪار ڪارڊ قسم جي سڃاڻپ شامل آهي. اهو Vue.js تي ٺهيل آهي ۽ پڻ مڪمل طور تي جوابدار آهي. (توهان ڏسي سگهو ٿا .)
توهان ڇا سکندا:
- پروسيس ۽ فارم جي تصديق ڪريو
- واقعن کي سنڀاليو (مثال طور، جڏهن فيلڊ تبديل ٿي)
- سمجھو ته صفحي تي عناصر کي ڪيئن ڏيکاريو ۽ رکڻو پوندو، خاص طور تي ڪريڊٽ ڪارڊ جي معلومات جيڪا فارم جي مٿي تي ظاهر ٿئي ٿي
بار گراف
هسٽوگرام هڪ چارٽ يا گراف آهي جيڪو ڪلاسيڪل ڊيٽا جي نمائندگي ڪري ٿو مستطيل بارن سان گڏ اونچائي يا ڊگھائي انهن قدرن جي متناسب انهن جي نمائندگي ڪن ٿا.
اهي عمودي يا افقي طور تي لاڳو ڪري سگهجن ٿيون. هڪ عمودي بار چارٽ ڪڏهن ڪڏهن هڪ لائن چارٽ سڏيو ويندو آهي.
توهان ڇا سکندا:
- ڊيٽا کي منظم ۽ سمجھڻ واري طريقي سان ڏيکاريو
- اضافي طور تي: سکو ته عنصر ڪيئن استعمال ڪجي
canvas۽ ان سان عناصر ڪيئن ٺاھيو
توھان ڳولي سگھوٿا دنيا جي آبادي ڊيٽا. اهي سال جي حساب سان ترتيب ڏنل آهن.
Twitter دل انيميشن
2016 ۾ واپس، Twitter پنهنجي ٽائڪن لاء هي حيرت انگيز انيميشن متعارف ڪرايو. 2019 تائين، اهو اڃا تائين حصو ڏسڻ ۾ اچي ٿو، پوء ڇو نه پنهنجو پاڻ ٺاهيو؟
توهان ڇا سکندا:
- CSS خاصيت سان ڪم ڪريو
keyframes - HTML عناصر کي منظم ۽ متحرڪ ڪريو
- جاوا اسڪرپٽ، HTML ۽ CSS کي گڏ ڪريو
ڳولها قابل GitHub مخزن
هتي ڪجھ به پسند نه آهي - GitHub مخزن صرف هڪ شاندار فهرست آهي.
مقصد آهي مخزن کي ڊسپلي ڪرڻ ۽ صارف کي انهن کي فلٽر ڪرڻ جي اجازت ڏيڻ. استعمال ڪريو هر صارف لاء مخزن حاصل ڪرڻ لاء.
GitHub پروفائيل صفحو -
توهان ڇا سکندا:
- API کان ڊيٽا حاصل ڪريو
- API مان ڊيٽا ڏيکاريو
- هر ڳولا لاءِ لاڳاپيل ڊيٽا فلٽر ۽ ڏيکاريو
- اختياري: جيڪڏهن توهان هڪ چئلينج لاء تيار آهيو، استعمال ڪريو , GraphQL استعمال ڪندي ٺهيل. .
Reddit طرز چيٽ
انهن جي سادگي ۽ استعمال ۾ آساني جي ڪري چيٽ رابطي جو هڪ مشهور طريقو آهي. پر ڇا واقعي جديد چيٽ رومن کي ٻارڻ آهي؟ WebSockets!
توهان ڇا سکندا:
- WebSockets استعمال ڪريو، حقيقي وقت مواصلات ۽ ڊيٽا اپڊيٽ
- صارف جي رسائي جي سطحن سان ڪم ڪريو (مثال طور، ھڪڙي چيٽ چينل جي مالڪ جو ڪردار آھي
admin، ۽ ٻيا ڪمري ۾ -user) - پروسيس ۽ فارم جي تصديق ڪريو - ياد رکو، پيغام موڪلڻ لاء چيٽ ونڊو آهي
input - ٺاهيو ۽ مختلف چيٽ ۾ شامل ٿيو
- ذاتي پيغامن سان ڪم ڪريو. استعمال ڪندڙ ٻين صارفين سان ذاتي طور تي چيٽ ڪري سگھن ٿا. لازمي طور تي، توهان ٻن استعمال ڪندڙن جي وچ ۾ هڪ WebSocket ڪنيڪشن قائم ڪيو ويندو.
پٽي طرز نيويگيشن
ڇا هن نيويگيشن کي منفرد بڻائي ٿو اهو آهي ته پاپ اوور ڪنٽينر مواد کي پورو ڪرڻ لاءِ تبديل ڪري ٿو. نئين پاپ اوور کي کولڻ ۽ بند ڪرڻ جي روايتي رويي جي مقابلي ۾ هن منتقلي ۾ هڪ خوبصورتي آهي.
توهان ڇا سکندا:
- سي ايس ايس اينيميشنز کي منتقلي سان گڏ ڪريو
- مواد کي مدھم ڪريو ۽ فعال ڪلاس لاڳو ڪريو floated عنصر تي
Pacman
Pacman جو پنهنجو نسخو ٺاهيو. هي هڪ بهترين طريقو آهي هڪ خيال حاصل ڪرڻ لاءِ ته ڪيئن رانديون ٺاهيا وڃن ٿا ۽ بنيادي ڳالهين کي سمجھن ٿا. JavaScript فريم ورڪ استعمال ڪريو، React يا Vue.
توھان سکندا:
- ڪئين عناصر حرڪت ڪن ٿا
- ڪھڙي ريت طئي ڪجي ته ڪھڙين ڪنجي کي دٻائڻو آھي
- تصادم جو لمحو ڪيئن طئي ڪجي
- توھان اڳتي وڌو ۽ شامل ڪري سگھوٿا گھوسٽ موومينٽ ڪنٽرول
توھان کي ھن منصوبي جو ھڪڙو مثال ملندو GitHub
استعمال ڪندڙ جو انتظام
پروجيڪٽ GitHub
يوزر ايڊمنسٽريشن لاءِ هڪ CRUD قسم جي ايپليڪيشن ٺاهڻ توهان کي ترقي جا بنيادي طريقا سيکاريندي. اهو خاص طور تي نئين ڊولپرز لاء مفيد آهي.
توھان سکندا:
- رستو ڇا آهي
- ڊيٽا داخلا فارم کي ڪيئن سنڀاليو ۽ چيڪ ڪريو ته صارف ڇا داخل ڪيو آهي
- ڊيٽابيس سان ڪيئن ڪم ڪجي - ڪارناما ٺاھيو، پڙھو، تازه ڪاري ڪريو ۽ حذف ڪريو
توهان جي جڳهه تي موسم جي جانچ ڪندي
پروجيڪٽ GitHub
جيڪڏهن توهان ايپس ٺاهڻ چاهيو ٿا، هڪ موسم ايپ سان شروع ڪريو. اهو منصوبو Swift استعمال ڪندي مڪمل ڪري سگهجي ٿو.
ايپليڪيشن ٺاهڻ جو تجربو حاصل ڪرڻ کان علاوه، توهان سکندا:
- API سان ڪيئن ڪم ڪجي
- جغرافيائي مقام ڪيئن استعمال ڪجي
- ٽيڪسٽ ان پٽ شامل ڪندي پنھنجي ايپليڪيشن کي وڌيڪ متحرڪ بڻايو. ان ۾، صارف هڪ مخصوص هنڌ تي موسم چيڪ ڪرڻ لاء پنهنجي مقام داخل ڪرڻ جي قابل هوندا.
توهان کي API جي ضرورت پوندي. موسم جي ڊيٽا حاصل ڪرڻ لاءِ، OpenWeather API استعمال ڪريو. OpenWeather API بابت وڌيڪ معلومات.
چيٽ ونڊو
منهنجي چيٽ ونڊو عمل ۾، ٻن برائوزر ٽيب ۾ کوليو
هڪ چيٽ ونڊو ٺاهڻ ساکٽس سان شروع ڪرڻ جو بهترين طريقو آهي. ٽيڪنالاجي اسٽيڪ جو انتخاب تمام وڏو آهي. Node.js، مثال طور، مڪمل آهي.
توهان سکندا ته ساکٽ ڪيئن ڪم ڪن ٿا ۽ انهن کي ڪيئن لاڳو ڪجي. هن منصوبي جو بنيادي فائدو آهي.
جيڪڏهن توهان هڪ Laravel ڊولپر آهيو جيڪو ساکٽ سان ڪم ڪرڻ چاهي ٿو، منهنجو پڙهو
گٽ لاب سي
جيڪڏهن توهان لڳاتار انضمام (CI) لاءِ نوان آهيو، GitLab CI سان گڏ راند ڪريو. ڪجھ ماحول قائم ڪريو ۽ ڪجھ ٽيسٽ هلائڻ جي ڪوشش ڪريو. اهو هڪ تمام ڏکيو منصوبو ناهي، پر مون کي پڪ آهي ته توهان ان مان گهڻو ڪجهه سکندا. ڪيتريون ئي ترقياتي ٽيمون هاڻي استعمال ڪري رهيا آهن CI. ڄاڻو ته ڪيئن استعمال ڪجي مفيد آهي.
توھان سکندا:
- GitLab CI ڇا آهي؟
- ڪيئن ترتيب ڏيڻ
.gitlab-ci.ymlجيڪو GitLab استعمال ڪندڙ کي ٻڌائي ٿو ته ڇا ڪجي - ٻين ماحولن ۾ ڪيئن ترتيب ڏيڻ
ويب سائيٽ تجزيو ڪندڙ
هڪ اسڪراپر ٺاهيو جيڪو ويب سائيٽن جي سيمينٽڪس جو تجزيو ڪري ٿو ۽ انهن جي درجه بندي ٺاهي ٿو. مثال طور، توهان تصويرن ۾ غائب alt ٽيگ لاء چيڪ ڪري سگهو ٿا. يا چيڪ ڪريو ته صفحي تي ايس اي او ميٽا ٽيگ آهن. هڪ اسڪراپر بغير يوزر انٽرفيس جي ٺاهي سگهجي ٿو.
توھان سکندا:
- اسڪراپر ڪيئن ڪم ڪندو آهي؟
- ڪيئن ٺاھيو DOM چونڊيندڙ
- هڪ الگورتھم ڪيئن لکجي
- جيڪڏهن توهان اتي روڪڻ نٿا چاهيو، يوزر انٽرفيس ٺاهيو. توهان هر ويب سائيٽ تي هڪ رپورٽ پڻ ٺاهي سگهو ٿا جيڪي توهان چيڪ ڪندا آهيو.
سماجي نيٽ ورڪن تي جذبي جي ڳولا
سوشل ميڊيا تي جذبي جو پتو لڳائڻ هڪ بهترين طريقو آهي متعارف ڪرائڻ لاءِ مشين لرننگ.
توهان صرف هڪ سماجي نيٽ ورڪ جو تجزيو ڪندي شروع ڪري سگهو ٿا. هرڪو عام طور تي Twitter سان شروع ٿئي ٿو.
جيڪڏهن توهان وٽ اڳ ۾ ئي مشين سکيا جو تجربو آهي، ڪوشش ڪريو مختلف سماجي نيٽ ورڪن مان ڊيٽا گڏ ڪرڻ ۽ انهن کي گڏ ڪرڻ.
توھان سکندا:
- مشين سکيا ڇا آهي
ٽريلو کلون
توهان ڇا سکندا:
- درخواست جي پروسيسنگ رستن جي تنظيم (روٽنگ).
- ڇڪيو ۽ dropٽو ڪر.
- نوان شيون ڪيئن ٺاھيو (بورڊ، لسٽون، ڪارڊ).
- پروسيسنگ ۽ ان پٽ ڊيٽا چيڪ ڪرڻ.
- ڪلائنٽ جي پاسي کان: مقامي اسٽوريج کي ڪيئن استعمال ڪجي، مقامي اسٽوريج ۾ ڊيٽا ڪيئن محفوظ ڪجي، مقامي اسٽوريج مان ڊيٽا ڪيئن پڙهجي.
- سرور جي پاسي کان: ڊيٽابيس کي ڪيئن استعمال ڪجي، ڊيٽابيس ۾ ڊيٽا ڪيئن محفوظ ڪجي، ڊيٽابيس مان ڊيٽا ڪيئن پڙھجي.
, React + Redux ۾ ٺهيل.
انتظامي پينل
هڪ سادي CRUD ايپليڪيشن، بنياديات سکڻ لاءِ مثالي. اچو ته سکون:
- استعمال ڪندڙ ٺاھيو، صارفين کي منظم ڪريو.
- ڊيٽابيس سان رابطو ڪريو - ٺاھيو، پڙھو، ايڊٽ ڪريو، صارفين کي ختم ڪريو.
- ان پٽ جي تصديق ڪرڻ ۽ فارم سان ڪم ڪرڻ.
Cryptocurrency tracker (ماڻي موبائل ايپ)
ڪجھ به: Swift، Objective-C، React Native، Java، Kotlin.
اچو ته مطالعو ڪريون:
- ڪئين مقامي ايپليڪيشنون ڪم ڪن ٿيون.
- API مان ڊيٽا ڪيئن حاصل ڪجي.
- ڪيئن ڏيهي صفحو layouts ڪم.
- موبائل سمائيليٽرز سان ڪيئن ڪم ڪجي.
. جيڪڏهن توهان ڪجهه بهتر ڳوليندا آهيو، تبصرن ۾ لکندا.
جيڪڏهن توهان دلچسپي رکو ٿا، اهو هتي آهي .
شروع کان پنهنجو ويب پيڪس ترتيب ترتيب ڏيو
ٽيڪنيڪل طور، هي هڪ ايپليڪيشن ناهي، پر اهو سمجهڻ لاء هڪ تمام ڪارائتو ڪم آهي ته ڪيئن ويب پيڪ اندر کان ڪم ڪري ٿو. هاڻي اهو ”ڪارو باڪس“ نه هوندو، پر هڪ سمجھڻ وارو اوزار هوندو.
گهربل
- گڏ ڪريو es7 کان es5 (بنيادي).
- jsx کي js سان گڏ ڪريو - يا - .vue کان .js (توهان کي لوڊ ڪندڙ سکڻو پوندو)
- سيٽ اپ ڪريو ويب پيڪ ڊيو سرور ۽ گرم ماڊل ٻيهر لوڊ ڪرڻ. (vue-cli ۽ Create-react-app ٻنهي جو استعمال)
- Heroku، now.sh يا Github استعمال ڪريو، سکو ته ڪيئن ويب پيڪ پروجيڪٽ کي ترتيب ڏيڻ.
- سي ايس ايس - ايس ايس ايس، گھٽ، اسٽائلس کي گڏ ڪرڻ لاء پنھنجي پسنديده پري پروسيسر سيٽ ڪريو.
- سکو ته ڪيئن استعمال ڪجي تصويرون ۽ svgs ويب پيڪ سان.
هيڪر نيوز کلون
هر Jedi کي پنهنجي هيڪر نيوز ٺاهڻ جي ضرورت آهي.
رستي ۾ توهان ڇا سکندا:
- hackernews API سان ڪيئن لهه وچڙ ۾.
- ھڪڙي صفحي جي ايپليڪيشن ڪيئن ٺاھيو.
- ڪئين خاصيتون لاڳو ڪرڻ جهڙوڪ تبصرا ڏسڻ، انفرادي رايا، پروفائلز.
- درخواست جي پروسيسنگ رستن جي تنظيم (روٽنگ).
تودوشيچڪا
سنجيدگي سان؟ Tudushka؟ انهن مان هزارين آهن. پر مون کي يقين ڪر، اتي هن مقبوليت جو هڪ سبب آهي.
Tudu ايپ هڪ بهترين طريقو آهي انهي کي يقيني بڻائڻ لاءِ ته توهان بنيادي ڳالهين کي سمجهي رهيا آهيو. ڪوشش ڪريو ھڪڙي ايپليڪيشن وينلا جاوا اسڪرپٽ ۾ ۽ ھڪڙي پنھنجي پسنديده فريم ورڪ ۾.
سکو:
- نئون ڪم ٺاهيو.
- چيڪ ڪريو ته فيلڊ ڀرجي ويا آهن.
- فلٽر ڪم (مڪمل، فعال، سڀ). استعمال ڪريو
filterиreduce. - جاوا اسڪرپٽ جي بنيادي ڳالهين کي سمجھو.
ترتيب ڏيڻ واري ڊريگ ۽ ڊراپ لسٽ
سمجھڻ لاء تمام مددگار .
اچو ته سکو:
- ڇڪيو ۽ ڇڏي ڏيو API
- امير UIs ٺاهيو
ميسينجر ڪلون (ملي ايپ)
توهان سمجھندا ته ڪيئن ويب ايپليڪيشنون ۽ مقامي ايپليڪيشنون ڪم ڪن ٿيون، جيڪي توهان کي گرين ماس کان ڌار ڪنديون.
اسان ڇا پڙهنداسين:
- ويب ساکٽ (فوري پيغام)
- ڪئين مقامي ايپليڪيشنون ڪم ڪن ٿيون.
- ڪئين ٽيمپليٽ مقامي ايپليڪيشنن ۾ ڪم ڪن ٿا.
- مقامي ايپليڪيشنن ۾ درخواست جي پروسيسنگ رستن کي منظم ڪرڻ.
ٽيڪسٽ ايڊيٽر
ٽيڪسٽ ايڊيٽر جو مقصد استعمال ڪندڙن جي ڪوشش کي گھٽائڻ آھي جيڪي پنھنجي فارميٽنگ کي صحيح HTML مارڪ اپ ۾ تبديل ڪرڻ جي ڪوشش ڪري رھيا آھن. هڪ سٺو ٽيڪسٽ ايڊيٽر صارفين کي متن کي مختلف طريقن سان فارميٽ ڪرڻ جي اجازت ڏئي ٿو.
ڪجهه نقطي تي، هرڪو استعمال ڪيو آهي ٽيڪسٽ ايڊيٽر. پوءِ ڇو نه ?
Reddit کلون
هڪ سماجي خبرن جي مجموعي، ويب مواد جي درجه بندي ۽ بحث جي سائيٽ آهي.
Reddit منهنجو گهڻو وقت وٺندو آهي، پر مان ان تي پھانسي جاري رکندو آهيان. هڪ Reddit کلون ٺاهڻ پروگرامنگ سکڻ جو هڪ مؤثر طريقو آهي (جڏهن ته ساڳئي وقت Reddit کي براؤز ڪندي).
Reddit توهان کي هڪ تمام امير سان مهيا ڪري. ڪنهن به خصوصيت کي نه ڇڏي ڏيو يا غير معمولي ڪم ڪريو. گراهڪن ۽ گراهڪن سان حقيقي دنيا ۾، توهان بي ترتيب ڪم نٿا ڪري سگهو، يا توهان جلدي پنهنجي نوڪري وڃائي ڇڏيندؤ.
سمارٽ گراهڪ فوري طور تي محسوس ڪندا ته نوڪري خراب ٿي رهي آهي ۽ ڪنهن ٻئي کي ڳوليندا.
هڪ کليل ذريعو NPM پيڪيج شايع ڪرڻ
جيڪڏهن توهان جاوا اسڪرپٽ ڪوڊ لکندا آهيو، امڪان آهن ته توهان هڪ پيڪيج مينيجر استعمال ڪندا آهيو. هڪ پيڪيج مئنيجر توهان کي موجوده ڪوڊ ٻيهر استعمال ڪرڻ جي اجازت ڏئي ٿو جيڪو ٻين ماڻهن لکيو ۽ شايع ڪيو آهي.
ھڪڙي پيڪيج جي مڪمل ترقي واري چڪر کي سمجھڻ ھڪڙو سٺو تجربو مهيا ڪندو. اتي ڪيتريون ئي شيون آھن جيڪي توھان کي ڄاڻڻ جي ضرورت آھي جڏھن ڪوڊ شايع ڪريو. توھان کي سوچڻ جي ضرورت آھي سڪيورٽي، سيمينٽڪ ورزننگ، اسڪالبلٽي، نالو ڏيڻ واري ڪنوينشن ۽ سار سنڀال.
پيڪيج ڪجھ به ٿي سگهي ٿو. جيڪڏهن توهان وٽ ڪو خيال نه آهي، پنهنجو پنهنجو Lodash ٺاهيو ۽ ان کي شايع ڪريو.
لوڊش:
جيڪو ڪجھ توهان آن لائن ڪيو آهي اهو توهان کي ٻين کان مٿي 10٪ رکي ٿو. کليل ذريعن ۽ پيڪيجز بابت.
مفت ڪوڊ ڪيمپ نصاب
freeCodecamp تمام گهڻو گڏ ڪيو آهي .
freeCodeCamp هڪ غير منافع بخش تنظيم آهي. اهو هڪ انٽرايڪٽو ويب تي ٻڌل لرننگ پليٽ فارم، هڪ آن لائين ڪميونٽي فورم، چيٽ رومز، ميڊيم پبليڪيشنز، ۽ مقامي تنظيمن تي مشتمل آهي، جيڪي ويب ڊولپمينٽ جي سکيا کي هر ڪنهن لاءِ پهچ ڪرڻ جو ارادو رکن ٿا.
جيڪڏهن توهان مڪمل ڪورس مڪمل ڪرڻ جو انتظام ڪيو ته توهان پنهنجي پهرين نوڪري لاءِ قابليت کان وڌيڪ هوندا.
شروع کان هڪ HTTP سرور ٺاهيو
HTTP پروٽوڪول ھڪڙو مکيه پروٽوڪول آھي جنھن ذريعي مواد انٽرنيٽ تي سفر ڪري ٿو. HTTP سرور جامد مواد جي خدمت ڪرڻ لاءِ استعمال ڪيا ويندا آهن جهڙوڪ HTML، CSS، ۽ JS.
شروع کان HTTP پروٽوڪول کي لاڳو ڪرڻ جي قابل ٿيڻ سان توهان جي ڄاڻ کي وڌايو ويندو ته شيون ڪيئن لهي.
مثال طور، جيڪڏهن توهان استعمال ڪريو NodeJs، پوء توهان ڄاڻو ٿا ته ايڪسپريس هڪ HTTP سرور مهيا ڪري ٿو.
حوالي لاءِ، ڏسو ته ڇا توهان ڪري سگهو ٿا:
- ڪنهن به لائبريري کي استعمال ڪرڻ کان سواء سرور قائم ڪريو
- سرور کي HTML، CSS ۽ JS مواد جي خدمت ڪرڻ گهرجي.
- شروع کان روٽر کي لاڳو ڪرڻ
- تبديلين جي نگراني ڪريو ۽ سرور کي اپڊيٽ ڪريو
جيڪڏهن توهان کي خبر ناهي ته ڇو، استعمال ڪريو ۽ HTTP سرور ٺاهڻ جي ڪوشش ڪريو شروع کان.
نوٽس لاء ڊيسڪ ٽاپ ايپ
اسان سڀ نوٽس وٺون ٿا، نه؟
اچو ته هڪ نوٽس ايپ ٺاهيو. ايپليڪيشن کي نوٽس محفوظ ڪرڻ ۽ انهن کي ڊيٽابيس سان هم وقت سازي ڪرڻ جي ضرورت آهي. Electron، Swift، يا جيڪو توهان چاهيو ٿا ۽ جيڪو توهان جي سسٽم لاءِ ڪم ڪري ٿو استعمال ڪندي هڪ مقامي ايپ ٺاهيو.
هن کي پهرين چئلينج سان گڏ ڪرڻ لاءِ آزاد محسوس ڪريو (ٽيڪسٽ ايڊيٽر).
بونس طور، ڪوشش ڪريو پنھنجي ڊيسڪ ٽاپ ورزن کي ويب ورزن سان هم وقت سازي ڪرڻ.
پوڊ ڪاسٽ (اوور ڪاسٽ ڪلون)
پوڊ ڪاسٽ ڪير نٿو ٻڌي؟
ھيٺ ڏنل ڪارڪردگي سان ويب ايپليڪيشن ٺاھيو:
- هڪ اڪائونٽ ٺاهيو
- Podcasts ڳولھيو
- پوڊ ڪاسٽ جي شرح ۽ رڪنيت حاصل ڪريو
- اسٽاپ ۽ راند ڪريو، رفتار کي تبديل ڪريو، 30 سيڪنڊن لاء اڳتي ۽ پوئتي افعال.
ڪوشش ڪريو iTunes API کي شروعاتي نقطي طور استعمال ڪريو. جيڪڏھن توھان ڪنھن ٻئي وسيلن جي ڄاڻو ٿا، مھرباني ڪري تبصرن ۾ پوسٽ ڪريو.
اسڪرين جي قبضي
سلام! مان هن وقت منهنجي اسڪرين کي فلم ڪري رهيو آهيان!
هڪ ڊيسڪ ٽاپ يا ويب ايپ ٺاهيو جيڪو توهان کي توهان جي اسڪرين کي پڪڙڻ ۽ ڪلپ کي محفوظ ڪرڻ جي اجازت ڏئي ٿي .gif
هتي اهو ڪيئن حاصل ڪجي.
ذريعو
جو ذريعو: www.habr.com