37 KiB

Raw Blame History Unescape Escape

ابتدائیوں کے لیے ویب ڈیولپمنٹ - ایک نصاب

مائیکروسافٹ کلاؤڈ ایڈووکیٹس کے 12 ہفتوں کے جامع کورس کے ساتھ ویب ڈیولپمنٹ کے بنیادی اصول سیکھیں۔ ہر ایک 24 اسباق جاوا اسکرپٹ، CSS، اور HTML میں عملی منصوبوں جیسے ٹیراریومز، براؤزر ایکسٹینشنز، اور اسپیس گیمز کے ذریعے گہرائی میں جاتا ہے۔ کوئزز، مباحثے، اور عملی اسائنمنٹس کے ساتھ مشغول ہوں۔ اپنی مہارت کو بہتر بنائیں اور ہمارے مؤثر پروجیکٹ پر مبنی تدریسی طریقہ کار کے ساتھ اپنے علم کو بہتر بنائیں۔ آج ہی اپنی کوڈنگ کا سفر شروع کریں!

Azure AI Foundry Discord کمیونٹی میں شامل ہوں

ان وسائل کو استعمال کرنے کے لیے شروع کرنے کے لیے ان مراحل پر عمل کریں:

ریپوزٹری کو فورک کریں: کلک کریں
ریپوزٹری کو کلون کریں: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
Azure AI Foundry Discord میں شامل ہوں اور ماہرین اور ساتھی ڈیولپرز سے ملاقات کریں

🌐 کثیر زبان کی حمایت

GitHub ایکشن کے ذریعے سپورٹ (خودکار اور ہمیشہ اپ ڈیٹ)

اگر آپ اضافی ترجمہ زبانوں کی حمایت چاہتے ہیں تو یہاں درج ہیں یہاں

🧑‍🎓 کیا آپ طالب علم ہیں؟

اسٹوڈنٹ ہب صفحہ پر جائیں جہاں آپ کو ابتدائی وسائل، اسٹوڈنٹ پیک اور یہاں تک کہ مفت سرٹیفکیٹ واؤچر حاصل کرنے کے طریقے ملیں گے۔ یہ وہ صفحہ ہے جسے آپ بک مارک کرنا چاہتے ہیں اور وقتاً فوقتاً چیک کرنا چاہتے ہیں کیونکہ ہم ماہانہ مواد کو تبدیل کرتے ہیں۔

📣 اعلان - نئے GitHub Copilot Agent موڈ چیلنجز مکمل کرنے کے لیے!

نیا چیلنج شامل کیا گیا، "GitHub Copilot Agent Challenge 🚀" کو زیادہ تر ابواب میں تلاش کریں۔ یہ آپ کے لیے ایک نیا چیلنج ہے جسے GitHub Copilot اور Agent موڈ کا استعمال کرتے ہوئے مکمل کرنا ہے۔ اگر آپ نے پہلے Agent موڈ استعمال نہیں کیا ہے تو یہ نہ صرف متن تیار کرنے کی صلاحیت رکھتا ہے بلکہ فائلیں بنانے اور ترمیم کرنے، کمانڈز چلانے اور مزید بہت کچھ کرنے کی صلاحیت رکھتا ہے۔

📣 اعلان - نیا پروجیکٹ جنریٹو 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 کو کاپی کرکے کر سکتے ہیں:

CodeSpace

پھر، Visual Studio Code کے اندر Terminal کھولیں اور درج ذیل کمانڈ چلائیں، <your-repository-url> کو اس URL سے تبدیل کریں جو آپ نے ابھی کاپی کیا ہے:
```
git clone <your-repository-url>
```
فولڈر کو Visual Studio Code میں کھولیں۔ آپ یہ File > Open Folder پر کلک کرکے اور فولڈر کو منتخب کرکے کر سکتے ہیں جو آپ نے ابھی کلون کیا ہے۔

تجویز کردہ Visual Studio Code ایکسٹینشنز:

لائیو سرور - HTML صفحات کو Visual Studio Code میں پیش کرنے کے لیے

کوپائلٹ - کوڈ کو تیزی سے لکھنے میں مدد کے لیے

📂 ہر سبق میں شامل ہیں:

اختیاری خاکہ نوٹ
اختیاری اضافی ویڈیو
سبق سے پہلے وارم اپ کوئز
تحریری سبق
پروجیکٹ پر مبنی اسباق کے لیے، پروجیکٹ بنانے کے مرحلہ وار رہنما
علم کی جانچ
ایک چیلنج
اضافی مطالعہ
اسائنمنٹ
سبق کے بعد کوئز

کوئز کے بارے میں ایک نوٹ: تمام کوئز Quiz-app فولڈر میں موجود ہیں، کل 48 کوئز، ہر ایک میں تین سوالات۔ یہ یہاں دستیاب ہیں۔ کوئز ایپ کو مقامی طور پر چلایا جا سکتا ہے یا Azure پر تعینات کیا جا سکتا ہے؛ quiz-app فولڈر میں دی گئی ہدایات پر عمل کریں۔

🗃️ اسباق

	پروجیکٹ کا نام	سکھائے گئے تصورات	سیکھنے کے مقاصد	منسلک سبق	مصنف
01	شروعات	پروگرامنگ کا تعارف اور پیشہ ورانہ آلات	زیادہ تر پروگرامنگ زبانوں کے بنیادی اصولوں اور سافٹ ویئر کے بارے میں سیکھیں جو پیشہ ورانہ ڈویلپرز کو ان کا کام کرنے میں مدد کرتا ہے	پروگرامنگ زبانوں اور پیشہ ورانہ آلات کا تعارف	جیسمن
02	شروعات	GitHub کی بنیادی باتیں، ٹیم کے ساتھ کام کرنا	اپنے پروجیکٹ میں GitHub کو استعمال کرنے کا طریقہ، کوڈ بیس پر دوسروں کے ساتھ تعاون کرنے کا طریقہ	GitHub کا تعارف	فلور
03	شروعات	رسائی	ویب رسائی کی بنیادی باتیں سیکھیں	رسائی کے بنیادی اصول	کرسٹوفر
04	JS بنیادی باتیں	جاوا اسکرپٹ ڈیٹا کی اقسام	جاوا اسکرپٹ ڈیٹا کی اقسام کی بنیادی باتیں	ڈیٹا کی اقسام	جیسمن
05	JS بنیادی باتیں	فنکشنز اور طریقے	ایپلیکیشن کے منطق کے بہاؤ کو منظم کرنے کے لیے فنکشنز اور طریقوں کے بارے میں سیکھیں	فنکشنز اور طریقے	جیسمن اور کرسٹوفر
06	JS بنیادی باتیں	JS کے ساتھ فیصلے کرنا	فیصلہ سازی کے طریقوں کا استعمال کرتے ہوئے اپنے کوڈ میں شرائط بنانے کا طریقہ سیکھیں	فیصلے کرنا	جیسمن
07	JS بنیادی باتیں	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 اور Pub/Sub پیٹرن کا استعمال کرتے ہوئے Inheritance کے بارے میں سیکھیں	جدید گیم ڈویلپمنٹ کا تعارف	کرس
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	براؤزر/VScode کوڈ	VScode کے ساتھ کام کرنا	کوڈ ایڈیٹر استعمال کرنے کا طریقہ سیکھیں	VScode کوڈ ایڈیٹر استعمال کریں	کرس
26	AI اسسٹنٹس	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 ٹائپ کریں۔ ویب سائٹ آپ کے لوکل ہوسٹ پر پورٹ 3000 پر پیش کی جائے گی: localhost:3000۔

📘 پی ڈی ایف

تمام اسباق کی پی ڈی ایف یہاں دستیاب ہے۔

🎒 دیگر کورسز

ہماری ٹیم دیگر کورسز بھی تیار کرتی ہے! دیکھیں:

مدد حاصل کریں

اگر آپ کو کسی مسئلے کا سامنا ہو یا اے آئی ایپس بنانے کے بارے میں سوالات ہوں، تو شامل ہوں:

اگر آپ کو پروڈکٹ کے بارے میں رائے دینی ہو یا کوئی خرابی ہو تو یہاں جائیں:

لائسنس

یہ ریپوزٹری MIT لائسنس کے تحت لائسنس یافتہ ہے۔ مزید معلومات کے لیے LICENSE فائل دیکھیں۔

ڈسکلیمر:
یہ دستاویز AI ترجمہ سروس Co-op Translator کا استعمال کرتے ہوئے ترجمہ کی گئی ہے۔ ہم درستگی کے لیے کوشش کرتے ہیں، لیکن براہ کرم آگاہ رہیں کہ خودکار ترجمے میں غلطیاں یا غیر درستیاں ہو سکتی ہیں۔ اصل دستاویز کو اس کی اصل زبان میں مستند ذریعہ سمجھا جانا چاہیے۔ اہم معلومات کے لیے، پیشہ ور انسانی ترجمہ کی سفارش کی جاتی ہے۔ ہم اس ترجمے کے استعمال سے پیدا ہونے والی کسی بھی غلط فہمی یا غلط تشریح کے ذمہ دار نہیں ہیں۔

37 KiB Raw Blame History Unescape Escape