2025 में स्क्रैच से TypeScript: शुरुआती लोगों के लिए पूर्ण गाइड

TypeScript का परिचय: 2025 में कहाँ से शुरू करें

2025 में, TypeScript वेब डेवलपमेंट में सबसे अधिक मांग वाली प्रोग्रामिंग भाषाओं में से एक के रूप में अपनी स्थिति मजबूती से बनाए हुए है। यदि आप पहले से JavaScript से परिचित हैं और एक नए स्तर पर जाना चाहते हैं, या प्रोग्रामिंग में अपनी यात्रा शुरू कर रहे हैं — TypeScript आपकी विश्वसनीय नींव बनेगा। इस लेख में, हम जानेंगे कि 2025 में TypeScript सीखना कहाँ से शुरू करें, डेवलपमेंट एनवायरनमेंट सेट अप करें और अपने पहले प्रोग्राम लिखें।

TypeScript, Microsoft द्वारा विकसित JavaScript का एक सख्ती से टाइप किया गया सुपरसेट है। यह कोड में स्टैटिक टाइपिंग, इंटरफेस, जेनेरिक और कई अन्य आधुनिक सुविधाएँ जोड़ता है, जो डेवलपमेंट को अधिक सुरक्षित और पूर्वानुमानित बनाती हैं।

विशेष रूप से 2025 में TypeScript क्यों सीखें?

TypeScript बड़े प्रोजेक्ट्स के लिए डी-फैक्टो मानक बन गया है। Google, Microsoft, Airbnb जैसे दिग्गज और कई अन्य कंपनियाँ अपने उत्पादों में इसका सक्रिय रूप से उपयोग करती हैं। यहाँ कुछ कारण दिए गए हैं कि अभी क्यों शुरू करना चाहिए:

• इकोसिस्टम की स्थिरता — TypeScript संस्करण 5.x पूरी तरह से परिपक्व और विश्वसनीय टूल है।
• बाजार में उच्च मांग — TypeScript डेवलपर्स के लिए नौकरियाँ सबसे अधिक भुगतान वाली हैं।
• उत्कृष्ट टूल सपोर्ट — VS Code, WebStorm, ESLint, Prettier "आउट ऑफ द बॉक्स" TypeScript के साथ काम करते हैं।
• सीखने की आसान शुरुआत — यदि आप JavaScript जानते हैं, तो आप पहले से ही 80% TypeScript जानते हैं।

चरण 1: एनवायरनमेंट की स्थापना और कॉन्फ़िगरेशन

TypeScript के साथ काम करने के लिए आपको Node.js (संस्करण 18 या उच्चतर) की आवश्यकता होगी। इसे आधिकारिक वेबसाइट nodejs.org से इंस्टॉल करें। इंस्टॉलेशन के बाद, टर्मिनल में संस्करण जाँचें:

node -vnpm -v

अब npm के माध्यम से TypeScript को ग्लोबली इंस्टॉल करें:

npm install -g typescript

इंस्टॉलेशन जाँचें:

tsc -v

आपको एक संस्करण संख्या दिखनी चाहिए, उदाहरण के लिए Version 5.5.0। बधाई हो, आपका एनवायरनमेंट तैयार है!

चरण 2: TypeScript पर पहला प्रोग्राम

प्रोजेक्ट के लिए एक फ़ोल्डर और hello.ts फ़ाइल बनाएँ:

mkdir my-first-tscd my-first-tstouch hello.ts

फ़ाइल को एडिटर में खोलें और लिखें:

function greet(name: string): string {    return `नमस्ते, ${name}! TypeScript 2025 की दुनिया में आपका स्वागत है।`;}

const userName: string = "अलेक्से";console.log(greet(userName));

टाइप एनोटेशन : string पर ध्यान दें — यह JavaScript से मुख्य अंतर है। अब कोड को JavaScript में कंपाइल करें:

tsc hello.ts

फ़ोल्डर में hello.js फ़ाइल दिखाई देगी। इसे चलाएँ:

node hello.js

आप देखेंगे: नमस्ते, अलेक्से! TypeScript 2025 की दुनिया में आपका स्वागत है।

चरण 3: टाइपिंग की मूल बातें — डेटा टाइप्स और इंटरफेस

TypeScript एक समृद्ध टाइप सिस्टम प्रदान करता है। आइए बुनियादी टाइप्स देखें:

// प्रिमिटिव टाइप्सlet isReady: boolean = true;let count: number = 42;let message: string = "TypeScript";

// ऐरेlet numbers: number[] = [1, 2, 3];let names: Array<string> = ["अन्ना", "इवान"];

// टपलlet pair: [string, number] = ["आयु", 30];

// एनमenum Direction {    North,    East,    South,    West}let dir: Direction = Direction.North;

इंटरफेस — ऑब्जेक्ट्स की संरचना का वर्णन करने के लिए एक शक्तिशाली उपकरण:

interface User {    id: number;    name: string;    email: string;    isActive?: boolean; // वैकल्पिक गुण}

function createUser(user: User): void {    console.log(`उपयोगकर्ता बनाया गया: ${user.name} (${user.email})`);}

const newUser: User = {    id: 1,    name: "मारिया",    email: "maria@example.com"};

createUser(