40 KiB

Raw Blame History Unescape Escape

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

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

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

ان وسائل کو استعمال شروع کرنے کے لیے یہ اقدامات کریں:

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

🌐 کثیرالزبانی تعاون

GitHub Action کے ذریعہ حمایت یافتہ (خودکار اور ہمیشہ جدید)

مقامی طور پر کلون کرنا پسند کریں؟

یہ رفوسٹری 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 موڈ چیلنجز!

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

📣 اعلان - جنریٹو AI کی مدد سے نیا پروجیکٹ بنانے کا موقع

نیا AI Assistant پروجیکٹ ابھی شامل کیا گیا ہے، اسے چیک کریں project

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

اپنے کمپیوٹر پر لوکل طور پر نصاب چلانا

اپنے کمپیوٹر پر اس نصاب کو چلانے کے لیے آپ کو ایک ٹیکسٹ ایڈیٹر، براؤزر اور کمانڈ لائن ٹول کی ضرورت ہوگی۔ ہمارا پہلا سبق، Introduction to Programming Languages and Tools of the Trade، آپ کو ان مختلف اختیارات کے بارے میں رہنمائی دے گا تاکہ آپ اپنے لیے بہترین منتخب کر سکیں۔

ہم آپ کو یہ مشورہ دیتے ہیں کہ Visual Studio Code ایڈیٹر استعمال کریں، جس میں ایک بلٹ ان Terminal بھی شامل ہے۔ آپ Visual Studio Code یہاں سے ڈاؤن لوڈ کر سکتے ہیں here۔

اپنے ریپوزٹری کو اپنے کمپیوٹر پر کلون کریں۔ آپ یہ 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 - Visual Studio Code کے اندر HTML صفحات کا پیش نظارہ کرنے کے لیے

Copilot - آپ کو تیزی سے کوڈ لکھنے میں مدد فراہم کرنے کے لیے

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

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

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

🗃️ اسباق

	پروجیکٹ کا نام	سکھائے جانے والے تصورات	تعلیم کے مقاصد	متعلقہ سبق	مصنف
01	Getting Started	پروگرامنگ اور اس کے اوزار کا تعارف	زیادہ تر پروگرامنگ زبانوں اور پیشہ ورانہ ترقی کاروں کی مدد کرنے والے سافٹ ویئر کی بنیادی باتیں سیکھیں	Intro to Programming Languages and Tools of the Trade	Jasmine
02	Getting Started	GitHub کی بنیادی باتیں، ٹیم کے ساتھ کام کرنا	اپنے پروجیکٹ میں GitHub کو کیسے استعمال کریں، اور دوسروں کے ساتھ ایک کوڈ بیس پر کس طرح تعاون کریں	Intro to GitHub	Floor
03	Getting Started	Accessibility	ویب ایکسیسبلٹی کی بنیادی باتیں سیکھیں	Accessibility Fundamentals	Christopher
04	JS Basics	جاوااسکرپٹ ڈیٹا کی اقسام	جاوا اسکرپٹ ڈیٹا کی اقسام کی بنیادی باتیں	Data Types	Jasmine
05	JS Basics	فنکشنز اور میتھڈز	ایپلیکیشن کے منطق کے بہاؤ کو منظم کرنے کے لیے فنکشنز اور میتھڈز کے بارے میں سیکھیں	Functions and Methods	Jasmine and Christopher
06	JS Basics	JS میں فیصلے کرنا	اپنے کوڈ میں فیصلہ سازی کے طریقے استعمال کرتے ہوئے شرائط بنانے کے بارے میں سیکھیں	Making Decisions	Jasmine
07	JS Basics	Arrays اور Loops	جاوا اسکرپٹ میں arrays اور loops کے ذریعہ ڈیٹا کے ساتھ کام کریں	Arrays and Loops	Jasmine
08	Terrarium	HTML عملی طور پر	آن لائن ٹیریریم بنانے کے لیے HTML تیار کریں، لے آؤٹ بنانے پر توجہ دیں	Introduction to HTML	Jen
09	Terrarium	CSS عملی طور پر	آن لائن ٹیریریم کو اسٹائل کرنے کے لیے CSS تیار کریں، CSS کی بنیادی باتوں پر توجہ دیں بشمول صفحے کا ردعمل دینا	Introduction to CSS	Jen
10	Terrarium	جاوا اسکرپٹ Closures، DOM میں ترمیم	ٹیریریم کو ڈریگ/ڈراپ انٹرفیس کے طور پر فعال بنانے کے لیے جاوا اسکرپٹ بنائیں، closures اور DOM میں ترمیم پر توجہ دیں	JavaScript Closures, DOM manipulation	Jen
11	Typing Game	ٹائپنگ گیم بنائیں	جاوا اسکرپٹ ایپ کے منطقی بہاؤ کے لیے کی بورڈ ایونٹس کو کیسے استعمال کریں	Event-Driven Programming	Christopher
12	Green Browser Extension	براؤزر کے ساتھ کام کرنا	براؤزر کیسے کام کرتے ہیں، ان کی تاریخ، اور براؤزر ایکسٹینشن کے پہلا عناصر کس طرح تیار کرتے ہیں	About Browsers	Jen
13	Green Browser Extension	فارم بنانا، API کال کرنا اور لوکل اسٹوریج میں متغیرات محفوظ کرنا	اپنے براؤزر ایکسٹینشن کے جاوا اسکرپٹ عناصر تیار کریں تاکہ API کال کی جا سکے جو لوکل اسٹوریج میں محفوظ متغیرات استعمال کرتے ہیں	APIs, Forms, and Local Storage	Jen
14	Green Browser Extension	براؤزر کے پس منظر کے مراحل، ویب کی کارکردگی	ایکسٹینشن کے آئیکن کو منظم کرنے کے لیے براؤزر کے پس منظر کے مراحل استعمال کریں؛ ویب کارکردگی اور کچھ اصلاحات سیکھیں تاکہ کارکردگی بڑھائی جا سکے	Background Tasks and Performance	Jen
15	Space Game	جاوا اسکرپٹ کے ساتھ مزید جدید کھیل کی ترقی	کلاسز اور کمپوزیشن دونوں استعمال کرتے ہوئے وراثت اور Pub/Sub پیٹرن کے بارے میں سیکھیں، گیم بنانے کی تیاری کے لیے	Introduction to Advanced Game Development	Chris
16	Space Game	کینوس پر ڈرائنگ	کینوس API کے بارے میں سیکھیں، جو سیریز پر عناصر ڈرائنگ کے لیے استعمال ہوتا ہے	Drawing to Canvas	Chris
17	Space Game	اسکرین پر عناصر کو حرکت دینا	دریافت کریں کہ کس طرح عناصر کو کارٹیسیئن کوآرڈی نیٹس اور کینوس API کی مدد سے حرکت دی جا سکتی ہے	Moving Elements Around	Chris
18	Space Game	تصادم کا پتہ لگانا	عناصر کو آپس میں ٹکرائیں اور ایک دوسرے کے ردعمل کو یقینی بنانے کے لیے keypresses استعمال کریں؛ گیم کی کارکردگی کو یقینی بنانے کے لیے cooldown فنکشن فراہم کریں	Collision Detection	Chris
19	Space Game	سکور رکھنا	گیم کی حالت اور کارکردگی کی بنیاد پر ریاضی کے حسابات کریں	Keeping Score	Chris
20	Space Game	گیم کا اختتام اور دوبارہ شروع کرنا	گیم کا اختتام اور دوبارہ شروع کرنے کے بارے میں سیکھیں، بشمول اثاثوں کی صفائی اور متغیرات کی ری سیٹ کرنا	The Ending Condition	Chris
21	Banking App	ویب ایپ میں HTML ٹیمپلیٹس اور روٹس	ملٹی پیج ویب سائٹ کے فن تعمیر کی اسکافولڈنگ کو روٹنگ اور HTML ٹیمپلیٹس کا استعمال کر کے سیکھیں	HTML Templates and Routes	Yohan
22	Banking App	لاگ ان اور رجسٹریشن فارم بنائیں	فارم بنانے اور ویلیڈیشن کے طریقہ کار کے بارے میں سیکھیں	Forms	Yohan
23	Banking App	ڈیٹا حاصل کرنے اور استعمال کرنے کے طریقے	آپ کی ایپ میں ڈیٹا کیسے آتا اور جاتا ہے، اسے کیسے حاصل کریں، محفوظ کریں، اور ختم کریں	Data	Yohan
24	Banking App	اسٹیٹ مینجمنٹ کے تصورات	اپنی ایپ میں اسٹیٹ کو کیسے برقرار رکھا جاتا ہے اور پروگرام کے ذریعے اسے کیسے منظم کیا جاتا ہے	State Management	Yohan
25	Browser/VScode Code	VScode کے ساتھ کام کرنا	کوڈ ایڈیٹر استعمال کرنا سیکھیں	Use VScode Code Editor	Chris
26	AI Assistants	AI کے ساتھ کام کرنا	اپنا AI اسسٹنٹ بنانا سیکھیں	AI Assistant project	Chris

🏫 تعلیم

ہمارا نصاب دو اہم تعلیمی اصولوں کو مدنظر رکھتے ہوئے ڈیزائن کیا گیا ہے:

پروجیکٹ پر مبنی سیکھنا
کثرت سے کوئزز

یہ پروگرام جاوا اسکرپٹ، HTML، اور CSS کی بنیادیں سکھاتا ہے، نیز آج کے ویب ڈویلپرز کی طرف سے استعمال ہونے والے جدید اوزار اور تکنیکس بھی۔ طلباء کو ٹائپنگ گیم، ورچوئل ٹیریریم، ماحولیاتی براؤزر ایکسٹینشن، اسپیس انویڈر طرز کا گیم، اور کاروباری بنکنگ ایپ بنانے کا عملی تجربہ حاصل کرنے کا موقع ملے گا۔ سیریز کے آخر تک، طلباء کو ویب ڈویلپمنٹ کی ایک مضبوط سمجھ حاصل ہو جائے گی۔

🎓 آپ اس نصاب کے ابتدائی چند اسباق کو مائیکروسافٹ لرن پر 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

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

🎒 دیگر کورسز

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

LangChain

Azure / Edge / MCP / Agents

Generative AI Series

Core Learning

Copilot Series

مدد حاصل کریں

اگر آپ پھنس جائیں یا AI ایپس بنانے کے بارے میں کوئی سوال ہو تو۔ MCP کے بارے میں بحث میں دیگر سیکھنے والوں اور تجربہ کار ڈویلپرز سے شامل ہوں۔ یہ ایک معاون کمیونٹی ہے جہاں سوالات خوش آمدید ہیں اور علم آزادانہ طور پر شیئر کیا جاتا ہے۔

اگر آپ کو کسی پروڈکٹ کا فیڈبیک ہو یا تعمیر کے دوران کوئی خرابی ہو تو ملاحظہ کریں:

لائسنس

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

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

40 KiB Raw Blame History Unescape Escape