|
|
2 months ago | |
|---|---|---|
| .. | ||
| 1-getting-started-lessons | 2 months ago | |
| 2-js-basics | 2 months ago | |
| 3-terrarium | 2 months ago | |
| 4-typing-game | 3 months ago | |
| 5-browser-extension | 3 months ago | |
| 6-space-game | 3 months ago | |
| 7-bank-project | 3 months ago | |
| 8-code-editor/1-using-a-code-editor | 2 months ago | |
| 9-chat-project | 3 months ago | |
| docs | 3 months ago | |
| lesson-template | 3 months ago | |
| memory-game | 2 months ago | |
| quiz-app | 3 months ago | |
| AGENTS.md | 2 months ago | |
| CODE_OF_CONDUCT.md | 3 months ago | |
| CONTRIBUTING.md | 3 months ago | |
| README.md | 2 months ago | |
| SECURITY.md | 3 months ago | |
| SUPPORT.md | 3 months ago | |
| _404.md | 3 months ago | |
| for-teachers.md | 2 months ago | |
README.md
ان وسائل کو استعمال کرنے کے لیے درج ذیل مراحل پر عمل کریں:
- ریپوزیٹری کو فورک کریں: کلک کریں
- ریپوزیٹری کو کلون کریں:
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git - Azure AI Foundry Discord میں شامل ہوں اور ماہرین اور دیگر ڈویلپرز سے ملاقات کریں
ویب ڈیولپمنٹ برائے ابتدائی - ایک نصاب
مائیکروسافٹ کلاؤڈ ایڈووکیٹس کے 12 ہفتوں کے جامع کورس کے ذریعے ویب ڈیولپمنٹ کے بنیادی اصول سیکھیں۔ ہر ایک 24 اسباق جاوا اسکرپٹ، CSS، اور HTML کو عملی منصوبوں جیسے ٹیراریئم، براؤزر ایکسٹینشنز، اور اسپیس گیمز کے ذریعے سکھاتا ہے۔ کوئزز، مباحثے، اور عملی اسائنمنٹس کے ذریعے مشغول ہوں۔ اپنی مہارت کو بہتر بنائیں اور ہمارے مؤثر پروجیکٹ پر مبنی تدریسی طریقہ کار کے ساتھ اپنے علم کو بہتر بنائیں۔ آج ہی اپنی کوڈنگ کا سفر شروع کریں!
🌐 کثیر زبان کی حمایت
GitHub ایکشن کے ذریعے سپورٹ (خودکار اور ہمیشہ اپ ڈیٹ)
فرانسیسی | ہسپانوی | جرمن | روسی | عربی | فارسی | اردو | چینی (سادہ) | چینی (روایتی، مکاؤ) | چینی (روایتی، ہانگ کانگ) | چینی (روایتی، تائیوان) | جاپانی | کوریائی | ہندی | بنگالی | مراٹھی | نیپالی | پنجابی (گرمکھی) | پرتگالی (پرتگال) | پرتگالی (برازیل) | اطالوی | پولش | ترکی | یونانی | تھائی | سویڈش | ڈینش | نارویجین | فنش | ڈچ | عبرانی | ویتنامی | انڈونیشیائی | ملائی | ٹیگالوگ (فلپائنی) | سواحلی | ہنگری | چیک | سلوواک | رومانیائی | بلغاریائی | سربیائی (سیریلک) | کروشین | سلووینیائی | یوکرینیائی | برمی (میانمار)
اگر آپ اضافی زبانوں میں ترجمہ چاہتے ہیں تو سپورٹڈ زبانوں کی فہرست یہاں موجود ہے۔
🧑🎓 کیا آپ طالب علم ہیں؟
اسٹوڈنٹ ہب صفحہ پر جائیں جہاں آپ کو ابتدائی وسائل، اسٹوڈنٹ پیک اور یہاں تک کہ مفت سرٹیفکیٹ واؤچر حاصل کرنے کے طریقے ملیں گے۔ یہ وہ صفحہ ہے جسے آپ بک مارک کریں اور وقتاً فوقتاً چیک کریں کیونکہ ہم ماہانہ مواد تبدیل کرتے ہیں۔
📣 اعلان - نیا پروجیکٹ جنریٹو AI کے ساتھ بنانے کے لیے
نیا AI اسسٹنٹ پروجیکٹ ابھی شامل کیا گیا ہے، اسے دیکھیں پروجیکٹ
📣 اعلان - نیا نصاب جنریٹو AI برائے جاوا اسکرپٹ ابھی جاری ہوا ہے
ہمارا نیا جنریٹو AI نصاب مت چھوڑیں!
شروع کرنے کے لیے https://aka.ms/genai-js-course پر جائیں!
- اسباق جو بنیادی اصولوں سے لے کر RAG تک سب کچھ شامل کرتے ہیں۔
- تاریخی کرداروں کے ساتھ GenAI اور ہماری ساتھی ایپ کے ذریعے بات چیت کریں۔
- دلچسپ اور مشغول بیانیہ، آپ وقت کے سفر پر ہوں گے!
ہر سبق میں شامل ہے:
- پرامپٹنگ اور پرامپٹ انجینئرنگ
- متن اور تصویر ایپ جنریشن
- سرچ ایپس
شروع کرنے کے لیے https://aka.ms/genai-js-course پر جائیں!
🌱 شروع کریں
اساتذہ، ہم نے کچھ تجاویز شامل کی ہیں کہ اس نصاب کو کیسے استعمال کریں۔ ہمیں آپ کی رائے ہمارے مباحثہ فورم میں پسند آئے گی!
سیکھنے والے، ہر سبق کے لیے، پری لیکچر کوئز سے شروع کریں اور لیکچر مواد پڑھنے، مختلف سرگرمیاں مکمل کرنے اور پوسٹ لیکچر کوئز کے ذریعے اپنی سمجھ کو چیک کریں۔
اپنے سیکھنے کے تجربے کو بہتر بنانے کے لیے، اپنے ساتھیوں کے ساتھ مل کر پروجیکٹس پر کام کریں! مباحثے ہمارے مباحثہ فورم میں حوصلہ افزائی کی جاتی ہے جہاں ہمارے ماڈریٹرز کی ٹیم آپ کے سوالات کے جوابات دینے کے لیے دستیاب ہوگی۔
اپنی تعلیم کو مزید آگے بڑھانے کے لیے، ہم Microsoft Learn کو اضافی مطالعہ مواد کے لیے دریافت کرنے کی سختی سے سفارش کرتے ہیں۔
📋 اپنے ماحول کو ترتیب دینا
یہ نصاب ایک تیار شدہ ترقیاتی ماحول کے ساتھ آتا ہے! شروع کرتے وقت آپ اس نصاب کو Codespace (ایک براؤزر پر مبنی، انسٹال کی ضرورت نہیں ہے) یا اپنے کمپیوٹر پر مقامی طور پر ایک ٹیکسٹ ایڈیٹر جیسے Visual Studio Code کے ذریعے چلا سکتے ہیں۔
اپنی ریپوزیٹری بنائیں
اپنا کام آسانی سے محفوظ کرنے کے لیے، یہ تجویز کیا جاتا ہے کہ آپ اس ریپوزیٹری کی اپنی کاپی بنائیں۔ آپ صفحے کے اوپر Use this template بٹن پر کلک کرکے ایسا کر سکتے ہیں۔ یہ آپ کے GitHub اکاؤنٹ میں نصاب کی ایک کاپی کے ساتھ ایک نئی ریپوزیٹری بنائے گا۔
ان مراحل پر عمل کریں:
- ریپوزیٹری کو فورک کریں: اس صفحے کے اوپر دائیں کونے میں "Fork" بٹن پر کلک کریں۔
- ریپوزیٹری کو کلون کریں:
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
Codespace میں نصاب چلانا
اس ریپوزیٹری کی اپنی کاپی میں جو آپ نے بنائی ہے، Code بٹن پر کلک کریں اور Open with Codespaces منتخب کریں۔ یہ آپ کے کام کرنے کے لیے ایک نیا Codespace بنائے گا۔
اپنے کمپیوٹر پر مقامی طور پر نصاب چلانا
اپنے کمپیوٹر پر اس نصاب کو چلانے کے لیے، آپ کو ایک ٹیکسٹ ایڈیٹر، ایک براؤزر اور ایک کمانڈ لائن ٹول کی ضرورت ہوگی۔ ہمارا پہلا سبق، پروگرامنگ زبانوں اور ٹولز کا تعارف، آپ کو ان ٹولز کے مختلف اختیارات کے ذریعے لے جائے گا تاکہ آپ وہ منتخب کریں جو آپ کے لیے بہترین کام کرتا ہے۔
ہماری سفارش ہے کہ آپ Visual Studio Code کو بطور ایڈیٹر استعمال کریں، جس میں ایک بلٹ ان Terminal بھی شامل ہے۔ آپ یہاں سے Visual Studio Code ڈاؤن لوڈ کر سکتے ہیں۔
-
اپنی ریپوزیٹری کو اپنے کمپیوٹر پر کلون کریں۔ آپ Code بٹن پر کلک کرکے اور URL کو کاپی کرکے ایسا کر سکتے ہیں:
پھر، Visual Studio Code میں Terminal کھولیں اور درج ذیل کمانڈ چلائیں،
<your-repository-url>کو اس URL سے تبدیل کریں جو آپ نے ابھی کاپی کیا ہے:git clone <your-repository-url> -
فولڈر کو Visual Studio Code میں کھولیں۔ آپ File > Open Folder پر کلک کرکے اور وہ فولڈر منتخب کرکے ایسا کر سکتے ہیں جو آپ نے ابھی کلون کیا ہے۔
تجویز کردہ Visual Studio Code ایکسٹینشنز:
- Live Server - HTML صفحات کو Visual Studio Code کے اندر پیش نظارہ کرنے کے لیے
- Copilot - کوڈ کو تیزی سے لکھنے میں مدد کے لیے
📂 ہر سبق میں شامل ہے:
- اختیاری اسکیچ نوٹ
- اختیاری اضافی ویڈیو
- سبق سے پہلے وارم اپ کوئز
- تحریری سبق
- پروجیکٹ پر مبنی اسباق کے لیے، پروجیکٹ بنانے کے لیے مرحلہ وار گائیڈز
- علم کی جانچ
- ایک چیلنج
- اضافی مطالعہ
- اسائنمنٹ
- سبق کے بعد کوئز
کوئز کے بارے میں ایک نوٹ: تمام کوئز Quiz-app فولڈر میں موجود ہیں، کل 48 کوئز ہیں، ہر ایک میں تین سوالات۔ یہ یہاں دستیاب ہیں۔ کوئز ایپ کو مقامی طور پر چلایا جا سکتا ہے یا Azure پر ڈپلائی کیا جا سکتا ہے؛
quiz-appفولڈر میں دی گئی ہدایات پر عمل کریں۔
🗃️ اسباق
| پروجیکٹ کا نام | سکھائے گئے تصورات | سیکھنے کے مقاصد | منسلک سبق | مصنف | |
|---|---|---|---|---|---|
| 01 | شروعات | پروگرامنگ کا تعارف اور پیشہ ورانہ آلات | زیادہ تر پروگرامنگ زبانوں کے بنیادی اصولوں اور اس سافٹ ویئر کے بارے میں سیکھیں جو پیشہ ور ڈویلپرز کو ان کا کام کرنے میں مدد دیتا ہے | پروگرامنگ زبانوں اور پیشہ ورانہ آلات کا تعارف | جیسمن |
| 02 | شروعات | GitHub کی بنیادی باتیں، ٹیم کے ساتھ کام کرنا | اپنے پروجیکٹ میں GitHub استعمال کرنے کا طریقہ، کوڈ بیس پر دوسروں کے ساتھ تعاون کرنے کا طریقہ | GitHub کا تعارف | فلور |
| 03 | شروعات | رسائی | ویب رسائی کی بنیادی باتیں سیکھیں | رسائی کے بنیادی اصول | کرسٹوفر |
| 04 | جاوا اسکرپٹ کی بنیادی باتیں | جاوا اسکرپٹ ڈیٹا کی اقسام | جاوا اسکرپٹ ڈیٹا کی اقسام کی بنیادی باتیں | ڈیٹا کی اقسام | جیسمن |
| 05 | جاوا اسکرپٹ کی بنیادی باتیں | فنکشنز اور میتھڈز | ایپلیکیشن کے لاجک فلو کو منظم کرنے کے لیے فنکشنز اور میتھڈز کے بارے میں سیکھیں | فنکشنز اور میتھڈز | جیسمن اور کرسٹوفر |
| 06 | جاوا اسکرپٹ کی بنیادی باتیں | جاوا اسکرپٹ کے ساتھ فیصلے کرنا | فیصلہ سازی کے طریقوں کا استعمال کرتے ہوئے اپنے کوڈ میں شرائط بنانے کا طریقہ سیکھیں | فیصلے کرنا | جیسمن |
| 07 | جاوا اسکرپٹ کی بنیادی باتیں | Arrays اور Loops | جاوا اسکرپٹ میں Arrays اور Loops کا استعمال کرتے ہوئے ڈیٹا کے ساتھ کام کریں | Arrays اور Loops | جیسمن |
| 08 | Terrarium | HTML کی مشق | ایک آن لائن Terrarium بنانے کے لیے HTML بنائیں، لے آؤٹ بنانے پر توجہ مرکوز کریں | HTML کا تعارف | جین |
| 09 | Terrarium | CSS کی مشق | آن لائن Terrarium کو اسٹائل کرنے کے لیے CSS بنائیں، CSS کی بنیادی باتوں پر توجہ مرکوز کریں بشمول صفحہ کو ریسپانسیو بنانا | CSS کا تعارف | جین |
| 10 | Terrarium | جاوا اسکرپٹ Closures، DOM کی ہیرا پھیری | Terrarium کو Drag/Drop انٹرفیس کے طور پر کام کرنے کے لیے جاوا اسکرپٹ بنائیں، Closures اور DOM کی ہیرا پھیری پر توجہ مرکوز کریں | جاوا اسکرپٹ Closures، DOM کی ہیرا پھیری | جین |
| 11 | Typing Game | ایک Typing Game بنائیں | اپنے جاوا اسکرپٹ ایپ کی منطق کو چلانے کے لیے کی بورڈ ایونٹس کا استعمال کرنے کا طریقہ سیکھیں | ایونٹ پر مبنی پروگرامنگ | کرسٹوفر |
| 12 | Green Browser Extension | براؤزرز کے ساتھ کام کرنا | براؤزرز کیسے کام کرتے ہیں، ان کی تاریخ، اور براؤزر ایکسٹینشن کے پہلے عناصر کو کیسے تیار کریں | براؤزرز کے بارے میں | جین |
| 13 | Green Browser Extension | ایک فارم بنانا، API کو کال کرنا اور متغیرات کو لوکل اسٹوریج میں محفوظ کرنا | اپنے براؤزر ایکسٹینشن کے جاوا اسکرپٹ عناصر بنائیں تاکہ لوکل اسٹوریج میں محفوظ متغیرات کا استعمال کرتے ہوئے API کو کال کریں | APIs، فارم، اور لوکل اسٹوریج | جین |
| 14 | Green Browser Extension | براؤزر میں بیک گراؤنڈ پروسیسز، ویب کی کارکردگی | ایکسٹینشن کے آئیکن کو منظم کرنے کے لیے براؤزر کے بیک گراؤنڈ پروسیسز کا استعمال کریں؛ ویب کی کارکردگی اور کچھ اصلاحات کے بارے میں سیکھیں | بیک گراؤنڈ ٹاسکس اور کارکردگی | جین |
| 15 | Space Game | جاوا اسکرپٹ کے ساتھ مزید ایڈوانس گیم ڈیولپمنٹ | گیم بنانے کی تیاری میں Classes اور Composition کا استعمال کرتے ہوئے Inheritance اور Pub/Sub پیٹرن کے بارے میں سیکھیں | ایڈوانس گیم ڈیولپمنٹ کا تعارف | کرس |
| 16 | Space Game | کینوس پر ڈرائنگ | کینوس API کے بارے میں سیکھیں، جو اسکرین پر عناصر کو ڈرائنگ کرنے کے لیے استعمال ہوتا ہے | کینوس پر ڈرائنگ | کرس |
| 17 | Space Game | اسکرین پر عناصر کو حرکت دینا | دریافت کریں کہ عناصر کارٹیسین کوآرڈینیٹس اور کینوس API کا استعمال کرتے ہوئے حرکت کیسے حاصل کر سکتے ہیں | عناصر کو حرکت دینا | کرس |
| 18 | Space Game | تصادم کا پتہ لگانا | عناصر کو ایک دوسرے سے ٹکرانے اور ردعمل دینے کے لیے بنائیں، کی پریسز کا استعمال کریں اور گیم کی کارکردگی کو یقینی بنانے کے لیے کول ڈاؤن فنکشن فراہم کریں | تصادم کا پتہ لگانا | کرس |
| 19 | Space Game | اسکور رکھنا | گیم کی حیثیت اور کارکردگی کی بنیاد پر ریاضی کے حسابات کریں | اسکور رکھنا | کرس |
| 20 | Space Game | گیم کو ختم کرنا اور دوبارہ شروع کرنا | گیم کو ختم کرنے اور دوبارہ شروع کرنے کے بارے میں سیکھیں، بشمول اثاثوں کو صاف کرنا اور متغیرات کی قدروں کو دوبارہ ترتیب دینا | اختتامی شرط | کرس |
| 21 | Banking App | HTML ٹیمپلیٹس اور ویب ایپ میں روٹس | روٹنگ اور HTML ٹیمپلیٹس کا استعمال کرتے ہوئے ایک ملٹی پیج ویب سائٹ کی آرکیٹیکچر کا خاکہ بنانے کا طریقہ سیکھیں | HTML ٹیمپلیٹس اور روٹس | یوہان |
| 22 | Banking App | لاگ ان اور رجسٹریشن فارم بنائیں | فارم بنانے اور توثیق کے معمولات کو سنبھالنے کے بارے میں سیکھیں | فارمز | یوہان |
| 23 | Banking App | ڈیٹا کو حاصل کرنے اور استعمال کرنے کے طریقے | آپ کی ایپ میں ڈیٹا کیسے بہتا ہے، اسے کیسے حاصل کریں، محفوظ کریں، اور ختم کریں | ڈیٹا | یوہان |
| 24 | Banking App | اسٹیٹ مینجمنٹ کے تصورات | آپ کی ایپ اسٹیٹ کو کیسے برقرار رکھتی ہے اور اسے پروگرام کے ذریعے کیسے منظم کریں | اسٹیٹ مینجمنٹ | یوہان |
| 25 | Browser/VScode Code | VScode کے ساتھ کام کرنا | کوڈ ایڈیٹر استعمال کرنے کا طریقہ سیکھیں | VScode کوڈ ایڈیٹر استعمال کریں | کرس |
| 26 | AI Assistants | AI کے ساتھ کام کرنا | اپنا AI اسسٹنٹ بنانے کا طریقہ سیکھیں | AI اسسٹنٹ پروجیکٹ | کرس |
🏫 تدریسی اصول
ہمارا نصاب دو اہم تدریسی اصولوں پر مبنی ہے:
- پروجیکٹ پر مبنی سیکھنا
- بار بار کوئز لینا
یہ پروگرام جاوا اسکرپٹ، HTML، اور CSS کے بنیادی اصولوں کے ساتھ ساتھ آج کے ویب ڈویلپرز کے استعمال کردہ جدید ترین آلات اور تکنیکوں کو سکھاتا ہے۔ طلباء کو ٹائپنگ گیم، ورچوئل Terrarium، ماحول دوست براؤزر ایکسٹینشن، Space Invader طرز کا گیم، اور کاروباروں کے لیے بینکنگ ایپ بنانے کے ذریعے عملی تجربہ حاصل کرنے کا موقع ملے گا۔ اس سیریز کے اختتام تک، طلباء ویب ڈویلپمنٹ کی ٹھوس سمجھ حاصل کر چکے ہوں گے۔
🎓 آپ اس نصاب کے ابتدائی چند اسباق کو Microsoft Learn پر Learn Path کے طور پر لے سکتے ہیں!
یہ یقینی بنا کر کہ مواد پروجیکٹس کے ساتھ ہم آہنگ ہے، طلباء کے لیے عمل کو زیادہ دلچسپ بنایا گیا ہے اور تصورات کی یادداشت کو بڑھایا جائے گا۔ ہم نے جاوا اسکرپٹ کی بنیادی باتوں میں کئی ابتدائی اسباق بھی لکھے ہیں تاکہ تصورات کو متعارف کرایا جا سکے، جنہیں "Beginners Series to: JavaScript" ویڈیو ٹیوٹوریلز کے مجموعے کے ساتھ جوڑا گیا ہے، جن کے کچھ مصنفین نے اس نصاب میں تعاون کیا ہے۔
اس کے علاوہ، کلاس سے پہلے ایک کم دباؤ والا کوئز طالب علم کو کسی موضوع کو سیکھنے کی طرف راغب کرتا ہے، جبکہ کلاس کے بعد دوسرا کوئز مزید یادداشت کو یقینی بناتا ہے۔ یہ نصاب لچکدار اور دلچسپ بنایا گیا ہے اور اسے مکمل یا جزوی طور پر لیا جا سکتا ہے۔ پروجیکٹس چھوٹے سے شروع ہوتے ہیں اور 12 ہفتے کے سائیکل کے اختتام تک بتدریج پیچیدہ ہو جاتے ہیں۔
جبکہ ہم نے جاوا اسکرپٹ فریم ورک کو متعارف کرانے سے جان بوجھ کر گریز کیا ہے تاکہ ویب ڈویلپر کے طور پر فریم ورک اپنانے سے پہلے درکار بنیادی مہارتوں پر توجہ مرکوز کی جا سکے، اس نصاب کو مکمل کرنے کے بعد اگلا اچھا قدم Node.js کے بارے میں سیکھنا ہوگا، ویڈیوز کے ایک اور مجموعے کے ذریعے: "Beginner Series to: Node.js".
ہمارے Code of Conduct اور Contributing رہنما اصول دیکھیں۔ ہم آپ کی تعمیری رائے کا خیر مقدم کرتے ہیں!
🧭 آف لائن رسائی
آپ اس دستاویزات کو آف لائن Docsify کا استعمال کرتے ہوئے چلا سکتے ہیں۔ اس ریپو کو فورک کریں، Docsify انسٹال کریں اپنی مقامی مشین پر، اور پھر اس ریپو کے روٹ فولڈر میں docsify serve ٹائپ کریں۔ ویب سائٹ آپ کے localhost پر پورٹ 3000 پر پیش کی جائے گی: localhost:3000.
تمام اسباق کا PDF یہاں پایا جا سکتا ہے۔
🎒 دیگر کورسز
ہماری ٹیم دیگر کورسز بھی تیار کرتی ہے! دیکھیں:
- Generative AI for Beginners
- Generative AI for Beginners .NET
- Generative AI with JavaScript
- Generative AI with Java
- AI for Beginners
- Data Science for Beginners
- ML for Beginners
- Cybersecurity for Beginners
- Web Dev for Beginners
- IoT for Beginners
- XR Development for Beginners
- Mastering GitHub Copilot for Agentic use
- Mastering GitHub Copilot for C#/.NET Developers
- اپنا کوپائلٹ ایڈونچر منتخب کریں
مدد حاصل کریں
اگر آپ کہیں پھنس جائیں یا AI ایپس بنانے کے بارے میں کوئی سوال ہو، تو شامل ہوں:
اگر آپ کو پروڈکٹ کے بارے میں رائے دینی ہو یا ایپس بنانے کے دوران کوئی خرابی پیش آئے تو یہاں جائیں:
لائسنس
یہ ریپوزٹری MIT لائسنس کے تحت لائسنس یافتہ ہے۔ مزید معلومات کے لیے LICENSE فائل دیکھیں۔
ڈسکلیمر:
یہ دستاویز AI ترجمہ سروس Co-op Translator کا استعمال کرتے ہوئے ترجمہ کی گئی ہے۔ ہم درستگی کے لیے کوشش کرتے ہیں، لیکن براہ کرم آگاہ رہیں کہ خودکار ترجمے میں غلطیاں یا غیر درستیاں ہو سکتی ہیں۔ اصل دستاویز کو اس کی اصل زبان میں مستند ذریعہ سمجھا جانا چاہیے۔ اہم معلومات کے لیے، پیشہ ور انسانی ترجمہ کی سفارش کی جاتی ہے۔ اس ترجمے کے استعمال سے پیدا ہونے والی کسی بھی غلط فہمی یا غلط تشریح کے لیے ہم ذمہ دار نہیں ہیں۔


