آن لائن JavaScript سیکھیں اور ایسے ویب صفحات بنائیں جو ردعمل دیں

• JavaScript کہاں چلتی ہے: براؤزر اور Node.js
• ویب صفحے میں اسکرپٹ شامل کرنا
• براؤزر کنسول اور ⁦console.log()⁩
• اسٹیٹمنٹس، کمنٹس اور strict mode

console.log("Hello from JavaScript");

• ⁦let⁩ اور ⁦const⁩، اور ⁦var⁩ سے کیوں بچا جاتا ہے
• نمبرز، اسٹرنگز، بولینز، ⁦null⁩ اور ⁦undefined⁩
• ٹیمپلیٹ لٹرلز
• ⁦typeof⁩ اور ٹائپ کی تبدیلی

const name = "Sara"; let score = 0;

• ⁦if⁩، ⁦else if⁩ اور ⁦else⁩
• موازنہ اور منطقی آپریٹرز، بشمول ⁦===⁩ اور ⁦!==⁩
• ⁦for⁩، ⁦while⁩ اور ⁦for…of⁩ لوپس
• ⁦switch⁩ اسٹیٹمنٹس

for (const n of [1, 2, 3]) console.log(n * 2);

• فنکشن ڈیکلریشنز اور ایرو فنکشنز
• پیرامیٹرز، ڈیفالٹ ویلیوز اور ⁦return⁩
• اسکوپ اور کلوژرز
• ایک فنکشن کو دوسرے فنکشن میں دینا (کال بیکس)

const square = (x) => x * x;

• ایریز بنانا، پڑھنا اور اپ ڈیٹ کرنا
• ایرے میتھڈز: ⁦map, filter, find, reduce⁩
• آبجیکٹس، پراپرٹیز اور میتھڈز
• ڈی اسٹرکچرنگ اور اسپریڈ آپریٹر
• JSON: ڈیٹا کو ٹیکسٹ میں بدلنا اور واپس لانا

const passed = marks.filter((m) => m >= 50);

• ⁦querySelector⁩ سے عناصر منتخب کرنا
• ٹیکسٹ، کلاسز اور اسٹائلز بدلنا
• عناصر بنانا اور ہٹانا
• ایونٹس: ⁦click, input, submit⁩
• فارم بھیجے جانے سے پہلے اس کی جانچ

button.addEventListener("click", showResult);

• کچھ کوڈ انتظار کیوں کرتا ہے: ٹائمرز اور ایونٹ لوپ
• کال بیکس اور promises
• ⁦async⁩ اور ⁦await⁩
• ⁦fetch()⁩ سے ڈیٹا لوڈ کرنا اور ⁦try⁩ اور ⁦catch⁩ سے ناکامی سنبھالنا

const res = await fetch("/data.json");

• ٹائپ اینوٹیشنز، انفرنس اور کمپائلر (⁦tsc⁩)
• انٹرفیسز، ٹائپ ایلیاسز اور اختیاری پراپرٹیز
• یونین ٹائپس، لٹرل ٹائپس اور narrowing
• فنکشنز، کلاسز اور انٹرفیسز میں جنریکس
• یوٹیلیٹی ٹائپس جیسے ⁦Partial, Pick, Record⁩
• strict mode، ⁦tsconfig⁩ اور API سے آنے والے ڈیٹا کی ٹائپنگ

function first<T>(items: T[]): T | undefined { return items[0]; }

• کمپوننٹس اور JSX
• props، state اور ⁦useState⁩ ہُک
• ایونٹس، فارمز اور کنٹرولڈ ان پٹس
• لسٹس، keys اور شرطی رینڈرنگ
• ⁦useEffect⁩ اور ڈیٹا لوڈ کرنا
• کسٹم ہُکس، context، اور TypeScript کے ساتھ React

const [count, setCount] = useState(0);

• کمپوننٹس، ٹیمپلیٹس اور ڈیٹا بائنڈنگ
• بلٹ اِن کنٹرول فلو اور ڈائریکٹوز
• سروسز اور ڈیپینڈنسی انجیکشن
• صفحات کے درمیان روٹنگ
• ٹیمپلیٹ ڈرِون اور ری ایکٹو فارمز
• ⁦HttpClient⁩ اور RxJS observables کی بنیادی باتیں

@Component({ selector: "app-tasks", templateUrl: "./tasks.html" })

• بنیادی کمپوننٹس: ⁦View, Text, Image, FlatList⁩
• ⁦StyleSheet⁩ اور Flexbox سے اسٹائلنگ
• ٹچ، ٹیکسٹ ان پٹ اور سادہ جیسچرز
• اسکرینز کے درمیان آنا جانا
• موبائل ایپ میں API سے ڈیٹا لوڈ کرنا
• ایپ کو اپنے فون یا ایمولیٹر پر چلانا

<Text style={styles.title}>My tasks</Text>