35 KiB
ان وسائل کو استعمال کرنے کے لیے شروع کریں:
- ریپوزٹری کو فورک کریں: کلک کریں
- ریپوزٹری کو کلون کریں:
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 تک سب کچھ شامل کرتے ہیں۔
- تاریخی کرداروں کے ساتھ جنریٹو AI اور ہماری ساتھی ایپ کے ذریعے بات چیت کریں۔
- تفریحی اور مشغول بیانیہ، آپ وقت کے سفر پر ہوں گے!
ہر سبق میں ایک اسائنمنٹ شامل ہے، ایک علم کی جانچ اور ایک چیلنج جو آپ کو سیکھنے کے موضوعات پر رہنمائی کرے گا جیسے:
- پرامپٹنگ اور پرامپٹ انجینئرنگ
- متن اور تصویر ایپ جنریشن
- تلاش ایپس
شروع کرنے کے لیے 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 بنائے گا۔
!Codespace./images/createcodespace.png)
نصاب کو اپنے کمپیوٹر پر مقامی طور پر چلانا
اس نصاب کو اپنے کمپیوٹر پر مقامی طور پر چلانے کے لیے، آپ کو ایک ٹیکسٹ ایڈیٹر، ایک براؤزر اور ایک کمانڈ لائن ٹول کی ضرورت ہوگی۔ ہمارا پہلا سبق، پروگرامنگ زبانوں اور ٹولز کا تعارف، آپ کو ان ٹولز کے مختلف اختیارات کے ذریعے لے جائے گا تاکہ آپ وہ منتخب کریں جو آپ کے لیے بہترین کام کرتا ہے۔
ہماری سفارش ہے کہ آپ Visual Studio Code کو بطور ایڈیٹر استعمال کریں، جس میں ایک بلٹ ان Terminal بھی شامل ہے۔ آپ Visual Studio Code کو یہاں سے ڈاؤن لوڈ کر سکتے ہیں۔
-
اپنی ریپوزٹری کو اپنے کمپیوٹر پر کلون کریں۔ آپ یہ Code بٹن پر کلک کرکے اور URL کو کاپی کرکے کر سکتے ہیں:
پھر، Terminal کو Visual Studio Code کے اندر کھولیں اور درج ذیل کمانڈ چلائیں،
<your-repository-url>
کو آپ کے کاپی کردہ URL سے تبدیل کریں:git clone <your-repository-url>
-
فولڈر کو Visual Studio Code میں کھولیں۔ آپ یہ File پر کلک کرکے کر سکتے ہیں۔
فولڈر کھولیں اور وہ فولڈر منتخب کریں جو آپ نے ابھی کلون کیا ہے۔ ویژول اسٹوڈیو کوڈ کے لیے تجویز کردہ ایکسٹینشنز:
- Live Server - ویژول اسٹوڈیو کوڈ میں HTML صفحات کا پیش نظارہ کرنے کے لیے
- 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 کو ڈریگ/ڈراپ انٹرفیس کے طور پر کام کرنے کے لیے جاوا اسکرپٹ تیار کریں، خاص طور پر Closures اور DOM میں تبدیلی پر توجہ مرکوز کریں | جاوا اسکرپٹ Closures، DOM میں تبدیلی | جین |
11 | Typing Game | ایک ٹائپنگ گیم بنائیں | جاوا اسکرپٹ ایپ کی منطق کو چلانے کے لیے کی بورڈ ایونٹس کا استعمال سیکھیں | ایونٹ پر مبنی پروگرامنگ | کرسٹوفر |
12 | Green Browser Extension | براؤزرز کے ساتھ کام کرنا | براؤزرز کیسے کام کرتے ہیں، ان کی تاریخ، اور براؤزر ایکسٹینشن کے پہلے عناصر کو کیسے تیار کریں | براؤزرز کے بارے میں | جین |
13 | Green Browser Extension | ایک فارم بنانا، API کو کال کرنا اور متغیرات کو لوکل اسٹوریج میں محفوظ کرنا | اپنے براؤزر ایکسٹینشن کے جاوا اسکرپٹ عناصر کو API کو کال کرنے کے لیے بنائیں، لوکل اسٹوریج میں محفوظ متغیرات کا استعمال کریں | APIs، فارمز، اور لوکل اسٹوریج | جین |
14 | Green Browser Extension | براؤزر میں پس منظر کے عمل، ویب کی کارکردگی | براؤزر کے پس منظر کے عمل کو ایکسٹینشن کے آئیکن کو منظم کرنے کے لیے استعمال کریں؛ ویب کی کارکردگی اور کچھ اصلاحات کے بارے میں سیکھیں | پس منظر کے کام اور کارکردگی | جین |
15 | Space Game | جاوا اسکرپٹ کے ساتھ مزید جدید گیم ڈویلپمنٹ | گیم بنانے کی تیاری میں کلاسز اور کمپوزیشن اور 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، ماحول دوست براؤزر ایکسٹینشن، اسپیس انویڈر اسٹائل گیم، اور کاروبار کے لیے ایک بینکنگ ایپ بنانے کا عملی تجربہ حاصل کرنے کا موقع ملے گا۔ اس سیریز کے اختتام تک، طلباء کو ویب ڈویلپمنٹ کی ایک مضبوط سمجھ حاصل ہو جائے گی۔
🎓 آپ اس نصاب کے پہلے چند اسباق کو Learn Path کے طور پر Microsoft Learn پر لے سکتے ہیں!
یہ یقینی بنا کر کہ مواد پروجیکٹس کے ساتھ ہم آہنگ ہو، عمل کو طلباء کے لیے زیادہ دلچسپ بنایا گیا ہے اور تصورات کی یادداشت میں اضافہ ہوگا۔ ہم نے جاوا اسکرپٹ کی بنیادی باتوں میں کئی ابتدائی اسباق بھی لکھے ہیں تاکہ تصورات کا تعارف کرایا جا سکے، جنہیں "Beginners Series to: JavaScript" ویڈیو ٹیوٹوریلز کے مجموعے کے ساتھ جوڑا گیا ہے، جن میں سے کچھ کے مصنفین نے اس نصاب میں تعاون کیا ہے۔
اس کے علاوہ، کلاس سے پہلے ایک کم دباؤ والا کوئز طالب علم کے ارادے کو کسی موضوع کو سیکھنے کی طرف متوجہ کرتا ہے، جبکہ کلاس کے بعد دوسرا کوئز مزید یادداشت کو یقینی بناتا ہے۔ یہ نصاب لچکدار اور تفریحی ہونے کے لیے ڈیزائن کیا گیا تھا اور اسے مکمل یا جزوی طور پر لیا جا سکتا ہے۔ پروجیکٹس چھوٹے شروع ہوتے ہیں اور 12 ہفتوں کے سائیکل کے اختتام تک بتدریج پیچیدہ ہو جاتے ہیں۔
جبکہ ہم نے جاوا اسکرپٹ فریم ورک کو متعارف کرانے سے جان بوجھ کر گریز کیا ہے تاکہ کسی فریم ورک کو اپنانے سے پہلے ویب ڈویلپر کے طور پر درکار بنیادی مہارتوں پر توجہ مرکوز کی جا سکے، اس نصاب کو مکمل کرنے کے بعد ایک اچھا اگلا قدم Node.js کے بارے میں سیکھنا ہوگا، ویڈیوز کے ایک اور مجموعے کے ذریعے: "Beginner Series to: Node.js"۔
ہمارے Code of Conduct اور Contributing رہنما اصول دیکھیں۔ ہم آپ کی تعمیری رائے کا خیرمقدم کرتے ہیں!
🧭 آف لائن رسائی
آپ اس دستاویز کو آف لائن Docsify کا استعمال کرتے ہوئے چلا سکتے ہیں۔ اس ریپو کو فورک کریں، Docsify انسٹال کریں اپنی مقامی مشین پر، اور پھر اس ریپو کے روٹ فولڈر میں docsify serve
ٹائپ کریں۔ ویب سائٹ آپ کے لوکل ہوسٹ پر پورٹ 3000 پر دستیاب ہوگی: localhost:3000
۔
📘 پی ڈی ایف
تمام اسباق کی پی ڈی ایف یہاں دستیاب ہے۔
🎒 دیگر کورسز
ہماری ٹیم دیگر کورسز بھی تیار کرتی ہے! دیکھیں:
- Generative AI for Beginners
- Generative AI for Beginners .NET
- Generative AI with JavaScript
- Generative AI with Java
- AI for Beginners
- ڈیٹا سائنس کے ابتدائی افراد کے لیے
- مشین لرننگ کے ابتدائی افراد کے لیے
- سائبر سیکیورٹی کے ابتدائی افراد کے لیے
- ویب ڈیولپمنٹ کے ابتدائی افراد کے لیے
- آئی او ٹی کے ابتدائی افراد کے لیے
- ایکس آر ڈیولپمنٹ کے ابتدائی افراد کے لیے
- ایجنٹک استعمال کے لیے گٹ ہب کوپائلٹ میں مہارت حاصل کریں
- C#/.NET ڈیولپرز کے لیے گٹ ہب کوپائلٹ میں مہارت حاصل کریں
- اپنی کوپائلٹ ایڈونچر خود منتخب کریں
لائسنس
یہ ریپوزیٹری MIT لائسنس کے تحت لائسنس یافتہ ہے۔ مزید معلومات کے لیے LICENSE فائل دیکھیں۔
ڈسکلیمر:
یہ دستاویز AI ترجمہ سروس Co-op Translator کا استعمال کرتے ہوئے ترجمہ کی گئی ہے۔ ہم درستگی کے لیے کوشش کرتے ہیں، لیکن براہ کرم آگاہ رہیں کہ خودکار ترجمے میں غلطیاں یا غیر درستیاں ہو سکتی ہیں۔ اصل دستاویز کو اس کی اصل زبان میں مستند ذریعہ سمجھا جانا چاہیے۔ اہم معلومات کے لیے، پیشہ ور انسانی ترجمہ کی سفارش کی جاتی ہے۔ ہم اس ترجمے کے استعمال سے پیدا ہونے والی کسی بھی غلط فہمی یا غلط تشریح کے ذمہ دار نہیں ہیں۔