مائیکروسافٹ کلاؤڈ ایڈووکیٹس کے ذریعہ ہمارے 12 ہفتوں کے جامع کورس کے ساتھ ویب ڈیولپمنٹ کی بنیادی باتیں سیکھیں۔ 24 اسباق میں سے ہر ایک جاوا اسکرپٹ، CSS، اور HTML کی گہرائی میں جا کر عملی منصوبوں جیسے ٹیراریمز، براؤزر ایکسٹینشنز، اور اسپیس گیمز پر کام کرتا ہے۔ کوئزز، مباحثوں، اور عملی اسائنمنٹس میں شامل ہوں۔ اپنی مہارتوں کو بہتر بنائیں اور ہمارے مؤثر پروجیکٹ پر مبنی تدریسی طریقہ کار کے ساتھ اپنی معلومات کو بہتر طور پر محفوظ کریں۔ آج ہی اپنی کوڈنگ کی سفر شروع کریں!
Azure AI Foundry Discord کمیونٹی میں شامل ہوں
ان وسائل کو استعمال کرنا شروع کرنے کے لیے یہ اقدامات کریں:
- ریپوزیٹری کو فورک کریں: کلک کریں
- ریپوزیٹری کو کلون کریں:
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git - Azure AI Foundry Discord میں شامل ہوں اور ماہرین اور دیگر ڈیولپرز سے ملیں
Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Khmer | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese
کیا آپ لوکل طور پر کلون کرنا پسند کرتے ہیں؟
اس ریپوزیٹری میں 50+ زبانوں میں ترجمے شامل ہیں جو ڈاؤن لوڈ کے سائز کو کافی بڑھا دیتے ہیں۔ بغیر ترجموں کے کلون کرنے کے لیے sparse checkout استعمال کریں:
Bash / macOS / Linux:
git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'CMD (Windows):
git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"اس سے آپ کو کورس مکمل کرنے کے لیے درکار سب کچھ تیز تر ڈاؤن لوڈ کے ساتھ مل جائے گا۔
اگر آپ چاہیں کہ اضافی ترجمہ شدہ زبانوں کی حمایت کی جائے تو وہ یہاں فہرست وار دستیاب ہیں here
وزٹ کریں Student Hub page جہاں آپ کو ابتدائی وسائل، طالب علم پیکس اور مفت سرٹیفکیٹ واؤچر حاصل کرنے کے طریقے ملیں گے۔ یہ وہ صفحہ ہے جسے آپ کو نشان زد کرنا چاہیے اور وقتاً فوقتاً جانچنا چاہیے کیونکہ ہم ماہانہ مواد تبدیل کرتے ہیں۔
نیا چیلنج شامل کیا گیا ہے، زیادہ تر ابواب میں "GitHub Copilot Agent Challenge 🚀" دیکھیں۔ یہ آپ کے لیے GitHub Copilot اور Agent موڈ استعمال کرتے ہوئے مکمل کرنے کا نیا چیلنج ہے۔ اگر آپ نے پہلے Agent موڈ استعمال نہیں کیا ہے تو یہ صرف متن تیار کرنے کی صلاحیت نہیں رکھتا بلکہ فائلز بنانے، ترمیم کرنے، کمانڈز چلانے اور بہت کچھ کر سکتا ہے۔
نیا AI اسسٹنٹ پروجیکٹ ابھی شامل کیا گیا ہے، چیک کریں project
ہمارا نیا جنریٹو 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
جو کاپی آپ نے بنائی ہے اس میں، Code بٹن پر کلک کریں اور Open with Codespaces منتخب کریں۔ یہ آپ کے لیے نیا Codespace بنائے گا جہاں آپ کام کر سکیں گے۔
اپنے کمپیوٹر پر اس نصاب کو چلانے کے لیے، آپ کو ایک متن کا ایڈیٹر، ایک براؤزر، اور کمانڈ لائن ٹول درکار ہوں گے۔ ہمارا پہلا سبق، Introduction to Programming Languages and Tools of the Trade، آپ کو مختلف اختیارات سے گزرتا ہے تاکہ آپ کے لیے بہترین ٹول منتخب کیا جا سکے۔
ہماری تجویز ہے کہ آپ بطور ایڈیٹر Visual Studio Code استعمال کریں، جس میں ایک بلٹ ان Terminal بھی شامل ہے۔ آپ Visual Studio Code یہاں سے ڈاؤن لوڈ کر سکتے ہیں here۔
-
اپنے ریپوزیٹری کو اپنے کمپیوٹر پر کلون کریں۔ آپ یہ کام 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 - Visual Studio Code میں HTML صفحات کا پیش نظارہ کرنے کے لیے
- Copilot - کوڈ لکھنے میں تیزی کے لیے مددگار
- اختیاری خاکہ نوٹ
- اختیاری اضافی ویڈیو
- سبق سے پہلے وارم اپ کوئز
- تحریری سبق
- پروجیکٹ کی بنیاد پر اسباق کے لیے، پروجیکٹ بنانے کے لیے مرحلہ وار رہنمائی
- علم کی جانچ
- ایک چیلنج
- اضافی مطالعہ
- اسباق کے بعد کا کوئز post-lesson quiz
کوئزز کے بارے میں ایک نوٹ: تمام کوئزز Quiz-app فولڈر میں موجود ہیں، کل 48 کوئزز، ہر ایک میں تین سوالات ہیں۔ یہ یہاں دستیاب ہیں۔ کوئز ایپ کو مقامی طور پر چلایا جا سکتا ہے یا Azure پر ڈیپلائے کیا جا سکتا ہے؛
quiz-appفولڈر میں ہدایات پر عمل کریں۔
| پروجیکٹ کا نام | پڑھائے گئے تصورات | تعلیمی مقاصد | منسلک سبق | مصنف | |
|---|---|---|---|---|---|
| 01 | شروع کرنا | پروگرامنگ اور ٹولز کا تعارف | بیشتر پروگرامنگ زبانوں کے بنیادی اصول اور ایسے سافٹ ویئر کے بارے میں جانیں جو پیشہ ور ڈویلپرز کو ان کے کام میں مدد دیتے ہیں | پروگرامنگ زبانوں اور ٹولز کا تعارف | Jasmine |
| 02 | شروع کرنا | GitHub کی بنیادی باتیں، ٹیم کے ساتھ کام کرنا | اپنے پروجیکٹ میں GitHub کا استعمال کیسے کریں، اور دوسروں کے ساتھ کوڈ بیس پر تعاون کیسے کریں | GitHub کا تعارف | Floor |
| 03 | شروع کرنا | رسائی (Accessibility) | ویب رسائی کی بنیادی باتیں سیکھیں | Accessibility Fundamentals | Christopher |
| 04 | JS بنیادی باتیں | JavaScript کے ڈیٹا ٹائپس | جاوا اسکرپٹ کے ڈیٹا ٹائپس کی بنیادی باتیں | ڈیٹا ٹائپس | Jasmine |
| 05 | JS بنیادی باتیں | فنکشنز اور طریقہ کار | ایپلیکیشن کے لاجک فلو کو منظم کرنے کے لیے فنکشنز اور طریقہ کار کے بارے میں جانیں | فنکشنز اور طریقہ کار | Jasmine اور Christopher |
| 06 | JS بنیادی باتیں | JS میں فیصلے کرنا | اپنے کوڈ میں فیصلے کرنے کے طریقے بنانا سیکھیں | فیصلے کرنا | Jasmine |
| 07 | JS بنیادی باتیں | Arrays اور Loops | جاوا اسکرپٹ میں ڈیٹا کو Arrays اور Loops کے ذریعے سنبھالنا | Arrays اور Loops | Jasmine |
| 08 | Terrarium | HTML کی مشق | آن لائن ٹیریریم بنانے کے لیے HTML بنائیں، خاص طور پر لے آؤٹ بنانے پر توجہ دیں | HTML کا تعارف | Jen |
| 09 | Terrarium | CSS کی مشق | آن لائن ٹیریریم کو اسٹائل کرنے کے لیے CSS بنائیں، CSS کی بنیادی باتوں پر توجہ دیں بشمول صفحہ کو ذمہ دار بنانا | CSS کا تعارف | Jen |
| 10 | Terrarium | JavaScript کلوزرز، DOM کی ترمیم | JavaScript بنائیں تاکہ ٹیریریم ڈریگ/ڈراپ انٹرفیس کے طور پر کام کرے، کلوزرز اور DOM ترمیم پر توجہ دیں | JavaScript کلوزرز، DOM کی ترمیم | Jen |
| 11 | Typing Game | ٹائپنگ گیم بنائیں | اپنے JavaScript ایپ کے لاجک کو چلانے کے لیے کی بورڈ ایونٹس کا استعمال سیکھیں | ایونٹ ڈرائیون پروگرامنگ | Christopher |
| 12 | Green Browser Extension | براؤزرز کے ساتھ کام کرنا | براؤزرز کیسے کام کرتے ہیں، ان کی تاریخ، اور براؤزر ایکسٹینشن کے پہلے عناصر کو کیسے بنائیں | براؤزرز کے بارے میں | Jen |
| 13 | Green Browser Extension | فارم بنانا، API کال کرنا اور لوکل اسٹوریج میں متغیرات محفوظ کرنا | اپنی براؤزر ایکسٹینشن کے JavaScript عناصر بنائیں تاکہ API کال کریں اور لوکل اسٹوریج میں ذخیرہ کیے گئے متغیرات کا استعمال کریں | APIs، فارم اور لوکل اسٹوریج | Jen |
| 14 | Green Browser Extension | براؤزر میں پس منظر کے عمل، ویب کی کارکردگی | ایکسٹینشن کے آئیکن کو منظم کرنے کے لیے براؤزر کے پس منظر کے عمل استعمال کریں؛ ویب کی کارکردگی اور بہتر بنانے کے لیے کچھ اصلاحات سیکھیں | پس منظر کے کام اور کارکردگی | Jen |
| 15 | Space Game | JavaScript کے ساتھ مزید اعلیٰ سطحی گیم ڈویلپمنٹ | وراثت کے بارے میں جانیں، کلاسز اور کمپوزیشن دونوں کے استعمال سے، اور Pub/Sub نمونہ، گیم بنانے کی تیاری کے لیے | اعلیٰ سطحی گیم ڈویلپمنٹ کا تعارف | Chris |
| 16 | Space Game | کینوس پر ڈرائنگ | Canvas API کے بارے میں سیکھیں، جو اسکرین پر عناصر ڈرائنگ کے لیے استعمال ہوتی ہے | کینوس پر ڈرائنگ | Chris |
| 17 | Space Game | اسکرین پر عناصر کو حرکت دینا | دریافت کریں کہ عناصر کو کس طرح Cartesian کوآرڈینیٹس اور Canvas API استعمال کرتے ہوئے حرکت دی جا سکتی ہے | عناصر کو حرکت دینا | Chris |
| 18 | Space Game | ٹکراؤ کی شناخت | عناصر کو آپس میں ٹکرانے دیں اور Keypresses استعمال کرتے ہوئے رد عمل ظاہر کریں، اور گیم کی کارکردگی کو یقینی بنانے کے لیے ایک cooldown فنکشن فراہم کریں | ٹکراؤ کی شناخت | Chris |
| 19 | Space Game | اسکور رکھنا | گیم کی حالت اور کارکردگی کی بنیاد پر ریاضیاتی حسابات انجام دیں | اسکور رکھنا | Chris |
| 20 | Space Game | گیم ختم کرنا اور دوبارہ شروع کرنا | گیم کو ختم کرنے اور دوبارہ شروع کرنے کے بارے میں جانیں، بشمول اثاثوں کی صفائی اور ویریبل قدروں کو ری سیٹ کرنا | اختتامی حالت | Chris |
| 21 | Banking App | ویب ایپ میں HTML ٹیمپلیٹس اور راستے | ملٹی پیج ویب سائٹ کی ساخت بنانے کے لیے روٹنگ اور HTML ٹیمپلیٹس کا استعمال سیکھیں | HTML ٹیمپلیٹس اور راستے | Yohan |
| 22 | Banking App | لاگ ان اور رجسٹریشن فارم بنائیں | فارم بنانے اور ویلیڈیشن کی ہینڈلنگ کے بارے میں جانیں | فارم | Yohan |
| 23 | Banking App | ڈیٹا حاصل کرنے اور استعمال کرنے کے طریقے | آپ کی ایپ میں ڈیٹا کے بہاؤ، اسے حاصل کرنے، ذخیرہ کرنے، اور خارج کرنے کے طریقے | ڈیٹا | Yohan |
| 24 | Banking App | اسٹیٹ مینجمنٹ کے تصورات | اپنی ایپ میں اسٹیٹ کو برقرار رکھنے اور پروگرام کے ذریعے اسے سنبھالنے کے بارے میں سیکھیں | اسٹیٹ مینجمنٹ | Yohan |
| 25 | Browser/VScode Code | VScode کے ساتھ کام کرنا | کوڈ ایڈیٹر استعمال کرنا سیکھیں | VScode کوڈ ایڈیٹر استعمال کریں | Chris |
| 26 | AI Assistants | AI کے ساتھ کام کرنا | اپنا AI اسسٹنٹ بنانا سیکھیں | AI اسسٹنٹ پروجیکٹ | Chris |
ہمارا نصاب دو اہم تدریسی اصولوں پر مبنی ہے:
- پروجیکٹ کی بنیاد پر سیکھنا
- بار بار ہونے والے کوئزز
یہ پروگرام جاوا اسکرپٹ، HTML، اور CSS کی بنیادی باتیں سکھاتا ہے، نیز موجودہ دور کے ویب ڈویلپرز کے ذریعہ استعمال ہونے والے جدید ٹولز اور تکنیکیں بھی۔ طلباء کو موقع ملے گا کہ وہ ٹائپنگ گیم، ورچول ٹیریریم، ماحولیاتی دوست براؤزر ایکسٹینشن، اسپیس ایونڈر انداز کا گیم، اور کاروباری بینکاری ایپ بنا کر عملی تجربہ حاصل کریں۔ سلسلے کے آخر تک، طلباء کو ویب ڈویلپمنٹ کی مضبوط سمجھ حاصل ہوگی۔
🎓 آپ اس نصاب کے پہلے چند اسباق کو 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۔
تمام اسباق کا پی ڈی ایف یہاں مل سکتا ہے here۔
ہماری ٹیم دوسرے کورسز بھی فراہم کرتی ہے! چیک کریں:
-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA){kind=icon}
-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC){kind=icon}
-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9){kind=icon}
اگر آپ رکاوٹ کا سامنا کرتے ہیں یا AI ایپس بنانے کے حوالے سے کوئی سوال ہے تو MCP کے بارے میں بحث میں شامل ہوں۔ یہ ایک معاون کمیونٹی ہے جہاں سوالات خوش آمدید ہیں اور علم آزادانہ طور پر شیئر کیا جاتا ہے۔
اگر آپ کے پاس کوئی پروڈکٹ فیڈ بیک ہے یا آپ کو کام بناتے وقت کوئی غلطی پیش آتی ہے تو یہاں جائیں:
یہ ذخیرہ MIT لائسنس کے تحت لائسنس یافتہ ہے۔ مزید معلومات کے لیے LICENSE فائل دیکھیں۔
ڈس کلیمر: اس دستاویز کا ترجمہ AI ترجمہ سروس Co-op Translator کے ذریعے کیا گیا ہے۔ اگرچہ ہم درستگی کے لیے کوشاں ہیں، براہ کرم یہ بات ذہن میں رکھیں کہ خودکار تراجم میں غلطیاں یا کمی بیشی ہو سکتی ہے۔ اصل دستاویز اپنی مادری زبان میں ہی مستند ماخذ شمار کی جانی چاہیے۔ اہم معلومات کے لیے پیشہ ور انسانی ترجمہ کو ترجیح دی جانی چاہیے۔ ہم اس ترجمے کے استعمال سے پیدا ہونے والی کسی بھی غلط فہمی یا غلط تعبیر کے لیے ذمہ دار نہیں ہیں۔