|
|
6 months ago | |
|---|---|---|
| .. | ||
| 1-getting-started-lessons | 6 months ago | |
| 2-js-basics | 6 months ago | |
| 3-terrarium | 6 months ago | |
| 4-typing-game | 6 months ago | |
| 5-browser-extension | 6 months ago | |
| 6-space-game | 6 months ago | |
| 7-bank-project | 6 months ago | |
| 8-code-editor/1-using-a-code-editor | 6 months ago | |
| docs | 6 months ago | |
| lesson-template | 6 months ago | |
| quiz-app | 6 months ago | |
| CODE_OF_CONDUCT.md | 6 months ago | |
| CONTRIBUTING.md | 6 months ago | |
| README.md | 6 months ago | |
| SECURITY.md | 6 months ago | |
| SUPPORT.md | 6 months ago | |
| _404.md | 6 months ago | |
| for-teachers.md | 6 months ago | |
README.md
ویب ڈویلپمنٹ برائے ابتدائی - ایک نصاب
مائیکروسافٹ کلاؤڈ ایڈووکیٹس کے ذریعے 12 ہفتوں کا جامع کورس سیکھیں جو ویب ڈویلپمنٹ کی بنیادی باتوں پر مشتمل ہے۔ 24 اسباق میں جاوا اسکرپٹ، سی ایس ایس، اور ایچ ٹی ایم ایل کو عملی منصوبوں جیسے ٹیراریئمز، براؤزر ایکسٹینشنز، اور اسپیس گیمز کے ذریعے سکھایا گیا ہے۔ کوئزز، مباحثے، اور عملی اسائنمنٹس کے ذریعے اپنی مہارت کو بہتر بنائیں اور پروجیکٹ پر مبنی تدریسی طریقہ کار کے ذریعے اپنے علم کو مضبوط کریں۔ آج ہی اپنے کوڈنگ کے سفر کا آغاز کریں!
🧑🎓 کیا آپ طالب علم ہیں؟
اسٹوڈنٹ ہب صفحہ پر جائیں جہاں آپ کو ابتدائی وسائل، اسٹوڈنٹ پیک، اور مفت سرٹیفکیٹ واؤچر حاصل کرنے کے طریقے ملیں گے۔ یہ وہ صفحہ ہے جسے آپ بک مارک کریں اور وقتاً فوقتاً چیک کریں کیونکہ ہم ہر ماہ مواد کو تبدیل کرتے ہیں۔
📣 اعلان - نیا نصاب جنریٹو اے آئی برائے جاوا اسکرپٹ جاری کر دیا گیا ہے
ہمارا نیا جنریٹو اے آئی نصاب مت چھوڑیں!
https://aka.ms/genai-js-course پر جائیں اور شروع کریں!
- بنیادی باتوں سے لے کر RAG تک کے اسباق۔
- جنریٹو اے آئی اور ہماری ساتھی ایپ کے ذریعے تاریخی کرداروں کے ساتھ بات چیت کریں۔
- ایک دلچسپ اور پرلطف کہانی، آپ وقت میں سفر کریں گے!
ہر سبق میں شامل ہیں:
- اسائنمنٹ مکمل کریں
- علم کی جانچ
- چیلنج
آپ درج ذیل موضوعات سیکھیں گے:
- پرامپٹنگ اور پرامپٹ انجینئرنگ
- ٹیکسٹ اور امیج ایپ جنریشن
- سرچ ایپس
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 کو اپنے ایڈیٹر کے طور پر استعمال کریں، جس میں ایک بلٹ ان ٹرمینل بھی شامل ہے۔ آپ Visual Studio Code کو یہاں سے ڈاؤن لوڈ کر سکتے ہیں۔
-
اپنی ریپوزٹری کو اپنے کمپیوٹر پر کلون کریں۔ آپ یہ Code بٹن پر کلک کرکے اور URL کو کاپی کرکے کر سکتے ہیں:
پھر، Visual Studio Code کے اندر ٹرمینل کھولیں اور درج ذیل کمانڈ چلائیں،
<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 - کوڈ تیزی سے لکھنے میں مدد کے لیے
📂 ہر سبق میں شامل ہیں:
- اختیاری اسکیچ نوٹ
- اختیاری اضافی ویڈیو
- سبق سے پہلے کا وارم اپ کوئز
- تحریری سبق
- پروجیکٹ پر مبنی اسباق کے لیے، پروجیکٹ بنانے کے لیے مرحلہ وار رہنما
- علم کی جانچ
- ایک چیلنج
- اضافی مطالعہ
- اسائنمنٹ
- سبق کے بعد کا کوئز
کوئزز کے بارے میں نوٹ: تمام کوئزز Quiz-app فولڈر میں موجود ہیں، کل 48 کوئزز، ہر ایک میں تین سوالات۔ یہ اسباق کے اندر سے منسلک ہیں۔ Quiz-app کو مقامی طور پر چلایا جا سکتا ہے یا Azure پر تعینات کیا جا سکتا ہے؛
quiz-appفولڈر میں ہدایات پر عمل کریں۔ یہ بتدریج مقامی زبانوں میں ترجمہ کیے جا رہے ہیں۔
🗃️ اسباق
| پروجیکٹ کا نام | سکھائے گئے تصورات | سیکھنے کے مقاصد | منسلک سبق | مصنف | |
|---|---|---|---|---|---|
| 01 | شروعات | پروگرامنگ اور ٹولز کا تعارف | زیادہ تر پروگرامنگ زبانوں کے بنیادی اصول اور وہ سافٹ ویئر سیکھیں جو پیشہ ور ڈویلپرز اپنے کام کے لیے استعمال کرتے ہیں | پروگرامنگ زبانوں اور ٹولز کا تعارف | جیسمن |
| 02 | شروعات | GitHub کی بنیادی باتیں، ٹیم کے ساتھ کام کرنا | اپنے پروجیکٹ میں GitHub کا استعمال کیسے کریں، دوسروں کے ساتھ کوڈ بیس پر تعاون کیسے کریں | GitHub کا تعارف | فلور |
| 03 | شروعات | رسائی | ویب رسائی کی بنیادی باتیں سیکھیں | رسائی کے بنیادی اصول | کرسٹوفر |
| 04 | جاوا اسکرپٹ کی بنیادی باتیں | جاوا اسکرپٹ ڈیٹا کی اقسام | جاوا اسکرپٹ ڈیٹا کی اقسام کی بنیادی باتیں | ڈیٹا کی اقسام | جیسمن |
| 05 | جاوا اسکرپٹ کی بنیادی باتیں | فنکشنز اور میتھڈز | ایپلیکیشن کے لاجک فلو کو منظم کرنے کے لیے فنکشنز اور میتھڈز کے بارے میں سیکھیں | فنکشنز اور میتھڈز | جیسمن اور کرسٹوفر |
| 06 | جاوا اسکرپٹ کی بنیادی باتیں | جاوا اسکرپٹ کے ساتھ فیصلے کرنا | فیصلہ سازی کے طریقوں کا استعمال کرتے ہوئے اپنے کوڈ میں حالات کیسے بنائیں | فیصلے کرنا | جیسمن |
| 07 | جاوا اسکرپٹ کی بنیادی باتیں | Arrays اور Loops | جاوا اسکرپٹ میں ڈیٹا کے ساتھ کام کرنے کے لیے Arrays اور Loops کا استعمال کریں | Arrays اور Loops | جیسمن |
| 08 | ٹیراریئم | HTML کی مشق | ایک آن لائن ٹیراریئم بنانے کے لیے HTML بنائیں، لے آؤٹ بنانے پر توجہ مرکوز کریں | HTML کا تعارف | جین |
| 09 | ٹیراریئم | CSS کی مشق | آن لائن ٹیراریئم کو اسٹائل کرنے کے لیے CSS بنائیں، CSS کی بنیادی باتوں پر توجہ مرکوز کریں، بشمول صفحہ کو ریسپانسیو بنانا | CSS کا تعارف | جین |
| 10 | ٹیراریئم | جاوا اسکرپٹ کلوزرز، DOM میں تبدیلی | ٹیراریئم کو ڈریگ/ڈراپ انٹرفیس کے طور پر کام کرنے کے لیے جاوا اسکرپٹ بنائیں، کلوزرز اور DOM میں تبدیلی پر توجہ مرکوز کریں | جاوا اسکرپٹ کلوزرز، DOM میں تبدیلی | جین |
| 11 | ٹائپنگ گیم | ایک ٹائپنگ گیم بنائیں | جاوا اسکرپٹ ایپ کی منطق کو چلانے کے لیے کی بورڈ ایونٹس کا استعمال کیسے کریں | ایونٹ پر مبنی پروگرامنگ | کرسٹوفر |
| 12 | گرین براؤزر ایکسٹینشن | براؤزرز کے ساتھ کام کرنا | سیکھیں کہ براؤزرز کیسے کام کرتے ہیں، ان کی تاریخ، اور براؤزر ایکسٹینشن کے ابتدائی عناصر کیسے بنائے جائیں | براؤزرز کے بارے میں | جین |
| 13 | گرین براؤزر ایکسٹینشن | فارم بنانا، API کال کرنا اور لوکل اسٹوریج میں ویریبلز محفوظ کرنا | اپنے براؤزر ایکسٹینشن کے جاوا اسکرپٹ عناصر بنائیں تاکہ لوکل اسٹوریج میں محفوظ ویریبلز کے ذریعے API کال کی جا سکے | APIs، فارمز، اور لوکل اسٹوریج | جین |
| 14 | گرین براؤزر ایکسٹینشن | براؤزر میں بیک گراؤنڈ پروسیسز، ویب پرفارمنس | براؤزر کے بیک گراؤنڈ پروسیسز کا استعمال کریں تاکہ ایکسٹینشن کے آئیکن کو مینیج کیا جا سکے؛ ویب پرفارمنس اور کچھ آپٹیمائزیشنز کے بارے میں سیکھیں | بیک گراؤنڈ ٹاسکس اور پرفارمنس | جین |
| 15 | اسپیس گیم | جاوا اسکرپٹ کے ساتھ مزید ایڈوانس گیم ڈیولپمنٹ | کلاسز اور کمپوزیشن دونوں کے ذریعے انہرٹینس کے بارے میں سیکھیں اور گیم بنانے کی تیاری کے لیے پب/سب پیٹرن کو سمجھیں | ایڈوانس گیم ڈیولپمنٹ کا تعارف | کرس |
| 16 | اسپیس گیم | کینوس پر ڈرائنگ | کینوس API کے بارے میں سیکھیں، جو اسکرین پر عناصر ڈرائنگ کرنے کے لیے استعمال ہوتا ہے | کینوس پر ڈرائنگ | کرس |
| 17 | اسپیس گیم | اسکرین پر عناصر کو حرکت دینا | دریافت کریں کہ کارٹیزین کوآرڈینیٹس اور کینوس API کے ذریعے عناصر کو حرکت کیسے دی جا سکتی ہے | عناصر کو حرکت دینا | کرس |
| 18 | اسپیس گیم | تصادم کا پتہ لگانا | عناصر کو ایک دوسرے سے ٹکرانے اور ردعمل دینے کے لیے کی پریسز کا استعمال کریں اور گیم کی پرفارمنس کو یقینی بنانے کے لیے کول ڈاؤن فنکشن فراہم کریں | تصادم کا پتہ لگانا | کرس |
| 19 | اسپیس گیم | اسکور رکھنا | گیم کی حالت اور کارکردگی کی بنیاد پر ریاضی کے حسابات کریں | اسکور رکھنا | کرس |
| 20 | اسپیس گیم | گیم ختم کرنا اور دوبارہ شروع کرنا | گیم ختم کرنے اور دوبارہ شروع کرنے کے بارے میں سیکھیں، بشمول اثاثوں کو صاف کرنا اور ویریبلز کی قدریں ری سیٹ کرنا | اختتامی حالت | کرس |
| 21 | بینکنگ ایپ | ویب ایپ میں HTML ٹیمپلیٹس اور روٹس | ملٹی پیج ویب سائٹ کی آرکیٹیکچر کا خاکہ بنانے کے لیے روٹنگ اور HTML ٹیمپلیٹس کا استعمال کرنا سیکھیں | HTML ٹیمپلیٹس اور روٹس | یوہان |
| 22 | بینکنگ ایپ | لاگ ان اور رجسٹریشن فارم بنانا | فارمز بنانے اور ویلیڈیشن روٹینز کو ہینڈل کرنے کے بارے میں سیکھیں | فارمز | یوہان |
| 23 | بینکنگ ایپ | ڈیٹا حاصل کرنے اور استعمال کرنے کے طریقے | آپ کی ایپ میں ڈیٹا کیسے آتا اور جاتا ہے، اسے کیسے حاصل کریں، محفوظ کریں، اور ختم کریں | ڈیٹا | یوہان |
| 24 | بینکنگ ایپ | اسٹیٹ مینجمنٹ کے تصورات | سیکھیں کہ آپ کی ایپ اسٹیٹ کو کیسے برقرار رکھتی ہے اور اسے پروگرام کے ذریعے کیسے مینیج کیا جا سکتا ہے | اسٹیٹ مینجمنٹ | یوہان |
🏫 تدریسی طریقہ کار
ہمارا نصاب دو اہم تدریسی اصولوں پر مبنی ہے:
- پروجیکٹ پر مبنی تعلیم
- بار بار کوئز لینا
یہ پروگرام جاوا اسکرپٹ، HTML، اور CSS کے بنیادی اصولوں کے ساتھ ساتھ آج کے ویب ڈیولپرز کے استعمال کردہ جدید ترین ٹولز اور تکنیکوں کو سکھاتا ہے۔ طلباء کو ٹائپنگ گیم، ورچوئل ٹیریریم، ماحول دوست براؤزر ایکسٹینشن، اسپیس انویڈر اسٹائل گیم، اور کاروبار کے لیے بینکنگ ایپ بنانے کے ذریعے عملی تجربہ حاصل کرنے کا موقع ملے گا۔ اس سیریز کے اختتام تک، طلباء ویب ڈیولپمنٹ کی ایک مضبوط سمجھ حاصل کر لیں گے۔
🎓 آپ اس نصاب کے ابتدائی چند اسباق کو 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
- 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
- Choose Your Own Copilot Adventure
لائسنس
یہ ریپوزٹری MIT لائسنس کے تحت لائسنس یافتہ ہے۔ مزید معلومات کے لیے LICENSE فائل دیکھیں۔
ڈسکلیمر:
یہ دستاویز AI ترجمہ سروس Co-op Translator کا استعمال کرتے ہوئے ترجمہ کی گئی ہے۔ ہم درستگی کے لیے کوشش کرتے ہیں، لیکن براہ کرم آگاہ رہیں کہ خودکار ترجمے میں غلطیاں یا غیر درستیاں ہو سکتی ہیں۔ اصل دستاویز کو اس کی اصل زبان میں مستند ذریعہ سمجھا جانا چاہیے۔ اہم معلومات کے لیے، پیشہ ور انسانی ترجمہ کی سفارش کی جاتی ہے۔ ہم اس ترجمے کے استعمال سے پیدا ہونے والی کسی بھی غلط فہمی یا غلط تشریح کے ذمہ دار نہیں ہیں۔