36 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 Action کے ذریعے سپورٹ (خودکار اور ہمیشہ اپ ڈیٹ)

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

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

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

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

Live Server - HTML صفحات کو Visual Studio Code کے اندر پیش نظارہ کرنے کے لیے

Copilot - کوڈ کو تیزی سے لکھنے میں مدد کے لیے

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

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

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

🗃️ اسباق

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

📘 PDF

تمام اسباق کا PDF یہاں پایا جا سکتا ہے۔

🎒 دیگر کورسز

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

مدد حاصل کرنا

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

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

لائسنس

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

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

36 KiB Raw Blame History Unescape Escape