00:00:00आज से ठीक 10 साल पहले, जो सच में हैरान कर देने वाला है, मेरे लिए एक बहुत
00:00:06महत्वपूर्ण दिन था क्योंकि तब मैंने अपने एंगुलर (Angular) कोर्स, यानी एंगुलर 2 कोर्स का पहला वर्जन रिलीज़ किया था।
00:00:12और एंगुलर की ही तरह, यह कोर्स भी इन 10 वर्षों में काफी विकसित हुआ है,
00:00:17मैंने इसे अनगिनत बार अपडेट किया है क्योंकि जाहिर है कि एंगुलर में भी काफी बदलाव आए हैं।
00:00:23और इस वीडियो में, इस एपिसोड में, मैं एंगुलर के अतीत के बारे में थोड़ी बात करना चाहता हूँ कि हमने कहाँ से
00:00:28शुरुआत की थी, आज हम कहाँ हैं और भविष्य में एंगुलर का क्या होगा,
00:00:32एंगुलर डेवलपर्स के लिए इसमें क्या छिपा है, और क्या आज भी इसे सीखना एक अच्छा विचार है, खासकर
00:00:37एआई (AI) के इस दौर में। तो चलिए, शुरू करते हैं। एंगुलर, और खास तौर पर एंगुलर 2 की
00:00:44घोषणा 2014 में हुई थी, इसे 2015 में डेवलप किया गया और उस समय यह काफी विवादास्पद था
00:00:53क्योंकि यह एंगुलर 1 (AngularJS) से बिल्कुल अलग था, जो खुद हमारे पास मौजूद
00:00:59पहले बड़े फ्रेमवर्क्स में से एक था। इसे मुख्य रूप से हमें jQuery से छुटकारा दिलाने में मदद करने के लिए
00:01:05बनाया गया था, या दूसरे शब्दों में कहें तो, अधिक सक्षम वेब एप्लिकेशन बनाने के लिए,
00:01:13इंटरेक्टिव वेब एप्लिकेशन बनाने के लिए, क्योंकि एंगुलर 1 ने क्लाइंट-साइड रेंडरिंग और कंट्रोल वाली
00:01:20एप्लिकेशन्स बनाना आसान बना दिया था। और फिर एंगुलर 2 की घोषणा हुई जो पूरी तरह अलग था।
00:01:25और 2016 में, एंगुलर का पहला स्टेबल वर्जन, यानी एंगुलर 2 रिलीज़ हुआ।
00:01:33जैसा कि मैंने बताया, फरवरी 2016 में मैंने एंगुलर 2 के बीटा वर्जन के लिए अपना पहला कोर्स निकाला था।
00:01:40और मैं आपको बता सकता हूँ कि उस बीटा फेज़ और रिलीज़ कैंडिडेट फेज़ के दौरान भी इसमें
00:01:45इतने बदलाव आ रहे थे कि मैंने तब भी कोर्स को कई बार अपडेट किया था।
00:01:51लेकिन फिर हमारे पास एंगुलर 2 आ गया। और उस समय का एंगुलर,
00:01:58आज के आधुनिक एंगुलर कोड के मुकाबले काफी अलग दिखता था। तब “ng modules” का कॉन्सेप्ट था,
00:02:05जहाँ आपको क्लासेस बनानी होती थीं और इस “ng module” डेकोरेटर का इस्तेमाल करके
00:02:12उन सभी कंपोनेंट्स को साफ़ तौर पर बताना पड़ता था जिन्हें आप इस्तेमाल करने वाले हैं। और फिर कंपोनेंट्स होते थे,
00:02:19जहाँ आपकी कंपोनेंट क्लासेस और कंस्ट्रक्टर-आधारित डिपेंडेंसी इंजेक्शन (dependency injection) होता था।
00:02:26अगर आपको कुछ इंजेक्ट करना होता था, तो वह कुछ हद तक आज के कंपोनेंट जैसा ही था,
00:02:32आखिरकार वह भी एक क्लास ही है। लेकिन फिर भी, यह काफी अलग था। और खासकर “ng modules”
00:02:39ऐसी चीज़ हैं जिसके बारे में शायद आप अब ज़्यादा न जानते हों, यह इस पर निर्भर करता है कि आपने अपनी एंगुलर
00:02:45यात्रा कब शुरू की और आप किस कंपनी में किस वर्जन पर काम कर रहे थे।
00:02:51क्योंकि आज भी ऐसी कई कंपनियाँ और प्रोजेक्ट्स हैं जो पुराने वर्जन्स पर ही टिके हुए हैं।
00:02:55अब, 2017 में आया वह वर्जन 3 जो कभी रिलीज़ ही नहीं हुआ, क्योंकि एंगुलर का रिलीज़ शेड्यूल
00:03:04आज भी ऐसा ही है कि हर छह महीने में एक नया मेजर वर्जन रिलीज़ किया जाता है।
00:03:11मुझे याद है कि उस समय बहुत से लोग इससे खुश नहीं थे, क्योंकि उन्हें लगा
00:03:17कि एंगुलर हर छह महीने में पिछला सब कुछ बदल देगा। मुझे अपने कोर्स में ऐसी कई शिकायतें
00:03:23और मैसेज मिलते थे कि एंगुलर हर समय बदलता रहता है, लेकिन असल में ऐसा नहीं था।
00:03:27यह शेड्यूल बस इसलिए था ताकि उन्हें समय-समय पर बड़े फीचर्स पेश करने का मौका मिले।
00:03:33लेकिन उन्होंने इसे हमेशा बैकवर्ड कम्पैटिबल (पिछली चीज़ों के साथ तालमेल बिठाने वाला) रखा।
00:03:40और 2017 में वर्जन 3 को इसलिए छोड़ दिया गया क्योंकि उस समय
00:03:46एंगुलर कोर पैकेजेस और एंगुलर राउटर पैकेज के बीच वर्जन नंबर्स का तालमेल नहीं बैठ पा रहा था,
00:03:51क्योंकि एंगुलर एक ऐसा फ्रेमवर्क है जो कई अलग-अलग पैकेजेस में बंटा हुआ है।
00:03:57उन्होंने वर्जन 3 को छोड़ दिया ताकि सभी को वापस एक ही वर्जन नंबर पर लाया जा सके।
00:04:03इसके बाद अगली बड़ी छलांग शायद 2020 में “Ivy compiler” की शुरुआत के साथ आई।
00:04:12ज़ाहिर है कि 2018 के आसपास के उन वर्षों में, एंगुलर टीम इस नए कंपाइलर पर
00:04:19दिन-रात काम कर रही थी, साथ ही कई छोटे-मोटे सुधार भी किए जा रहे थे।
00:04:25लेकिन उस कंपाइलर के पीछे का विचार एंगुलर के इंटरनल्स को पूरी तरह से फिर से लिखना था कि कंपोनेंट्स को
00:04:31कैसे कंपाइल किया जाए और उन्हें DOM को कंट्रोल करने वाले निर्देशों में कैसे बदला जाए। क्योंकि पुराने कंपाइलर में
00:04:38कुछ कमियाँ थीं, जिसकी वजह से बंडल साइज़ काफी बड़ा हो जाता था। इसलिए
00:04:44उन्होंने उस इंटरनल कंपाइलर को फिर से लिखने का यह बड़ा प्रोजेक्ट हाथ में लिया। अब, यह महत्वपूर्ण क्यों है?
00:04:52यह इसलिए महत्वपूर्ण है क्योंकि इस दौर को “बोरिंग फेज़” कहा जा सकता है। 2017 से
00:05:012020 तक बहुत ज़्यादा बदलाव नहीं हुए। अंदरूनी तौर पर काफी कुछ बदला और छोटे सुधार भी हुए,
00:05:10लेकिन मुख्य फीचर्स और कंपोनेंट बनाने के तरीके में कोई बड़ा बदलाव नहीं आया।
00:05:16यह क्यों महत्वपूर्ण है? क्योंकि यह वही समय था जब जावास्क्रिप्ट फ्रेमवर्क मार्केट में
00:05:22ज़बरदस्त कॉम्पिटिशन चल रहा था। 2016 में Vue.js 2 रिलीज़ हो चुका था।
00:05:27React इकोसिस्टम में काफी तेज़ी से काम हो रहा था। मेरा मतलब है,
00:05:362018 में React hooks आए थे। ऐसा लग रहा था कि बाकी जावास्क्रिप्ट इकोसिस्टम
00:05:43बहुत तेज़ी से आगे बढ़ रहा है, और यह हर किसी को पसंद नहीं आ रहा था। साफ तौर पर कहूँ तो एंगुलर
00:05:50थम सा गया था। और यह उतना बुरा भी नहीं था जितना सुनने में लगता है। बहुत से लोगों ने
00:05:57उस स्थिरता (stability) को पसंद किया क्योंकि जावास्क्रिप्ट की दुनिया में हर चीज़ के बार-बार बदलने
00:06:03की बहुत शिकायतें थीं। हालाँकि आज के दौर को देखें जहाँ AI की वजह से हर दिन
00:06:08सब कुछ इतनी तेज़ी से बदल रहा है, तो वो पुरानी शिकायतें एक मज़ाक जैसी लगती हैं।
00:06:13लेकिन हाँ, उस समय लोग इसी बात की शिकायत करते थे। तो वह बोरिंग फेज़ था।
00:06:19अब यह बोरिंग फेज़ 2022 के आसपास खत्म हुआ जब एंगुलर 14 के साथ
00:06:28“standalone components” को डेवलपर प्रिव्यू में पेश किया गया। और यहाँ विचार
00:06:33यह था कि अब आपको एंगुलर मॉड्यूल्स (ng modules) की ज़रूरत नहीं थी। इसके बजाय, आप अपने कंपोनेंट में
00:06:42एक “standalone” फ्लैग जोड़ सकते थे और फिर उस कंपोनेंट को बिना
00:06:47ng-modules के ही दूसरे कंपोनेंट्स में इस्तेमाल कर सकते थे। आप चाहें तो अभी भी ng-modules का इस्तेमाल कर सकते थे।
00:06:55आप उन्हें स्टैंडअलोन कंपोनेंट्स के साथ मिलाकर भी इस्तेमाल कर सकते थे। अपनी ज़रूरत के हिसाब से मिक्स कर सकते थे,
00:07:00क्योंकि एंगुलर टीम के लिए बैकवर्ड कम्पैटिबिलिटी और आसान माइग्रेशन हमेशा से ज़रूरी रहा है।
00:07:05लेकिन अब मॉड्यूल इस्तेमाल करना अनिवार्य नहीं था। तो ये स्टैंडअलोन कंपोनेंट्स थे
00:07:12और फिर 2023 में एंगुलर 16 के साथ तेज़ी से सिग्नल्स (signals) और कई अन्य फीचर्स आए।
00:07:20कई और फीचर्स जैसे ng-if डायरेक्टिव के बजाय @if का उपयोग करके कंटेंट को रेंडर करने का एक अलग तरीका।
00:07:26और “zoneless Angular” को लेकर भी पहले प्रयोग शुरू किए गए।
00:07:34अगर आपको नहीं पता, तो जब एंगुलर 2 रिलीज़ हुआ था, तो वह “ng-zone” या “zone.js” नाम के कॉन्सेप्ट का
00:07:40इस्तेमाल करता था। यह मूल रूप से एक लाइब्रेरी थी जो वेबसाइट पर होने वाले हर तरह के इवेंट्स को ट्रैक करती थी,
00:07:46जैसे क्लिक्स या भेजी गई HTTP रिक्वेस्ट। इसके बाद यह
00:07:54चेक करती थी (change detection) कि क्या इन इवेंट्स के जवाब में DOM को अपडेट करने की ज़रूरत है।
00:08:00इस तरीके का फायदा यह था कि DOM अपडेट्स बिल्कुल जादुई लगते थे। React की तरह
00:08:05आपको “set state” जैसा कुछ कॉल नहीं करना पड़ता था। लेकिन नुकसान यह था कि इसमें
00:08:11“monkey patching” का इस्तेमाल होता था जहाँ एक लाइब्रेरी हर तरह के इवेंट्स में अपने लिसनर्स डाल देती थी,” जिससे
00:08:17सिस्टम पर बोझ और बंडल का साइज़ बढ़ जाता था।
00:08:22इसलिए यह React के मैकेनिज्म की तुलना में कम कुशल था।
00:08:28इसलिए “zoneless” होना एक और बड़ा कदम था, जो सिग्नल्स की वजह से संभव हो पाया।
00:08:35सिग्नल्स के पीछे विचार यह था कि अब आपके पास एंगुलर को यह बताने का एक सीधा तरीका था
00:08:40कि कोई स्टेट बदल गई है। और एंगुलर यह याद रखने में सक्षम था
00:08:46कि DOM के किस हिस्से में उस स्टेट का इस्तेमाल हो रहा है, ताकि वह सिर्फ उसी हिस्से को अपडेट कर सके।
00:08:52तो यह “fine grained reactivity” 2023 में एंगुलर में आई। और इसी वजह से
00:09:01इसे अक्सर “Angular Renaissance” (एंगुलर का पुनर्जागरण) कहा जाता है। उस बोरिंग फेज़ के बाद
00:09:08और शुरुआती उन उथल-पुथल भरे दिनों के बाद, एंगुलर को कम्युनिटी से फिर से बहुत प्यार मिला,
00:09:15क्योंकि वे भविष्य की ओर बड़े कदम उठा रहे थे जिसने एंगुलर को हल्का और इस्तेमाल में आसान बना दिया,
00:09:23और इसे बाकी आधुनिक फ्रेमवर्क्स के बराबर ला खड़ा किया।
00:09:30उदाहरण के लिए, सिग्नल्स को SolidJS ने लोकप्रिय बनाया था, लेकिन असल में
00:09:36इन्हें इस्तेमाल करने वाले पहले प्रमुख फ्रेमवर्क्स में से एक Vue था।
00:09:43बस वे इसे सिग्नल्स नहीं बल्कि “refs” कहते थे। खैर, एंगुलर इसी दिशा में आगे बढ़ रहा था।
00:09:50अब 2026 और भविष्य के लिए, हम निश्चित रूप से इसमें और विकास देखेंगे।
00:09:59हमें सिग्नल फॉर्म्स देखने को मिलेंगे। एंगुलर टीम भी ज़ाहिर तौर पर AI को अपना रही है,
00:10:06जिसमें CLI में एक MCP सर्वर बनाया गया है ताकि एंगुलर ऐप्स पर AI-पावर्ड डेवलपमेंट आसान हो सके
00:10:13और AI एंगुलर के इन सभी फीचर्स को बेहतर समझ सके। तो यह एक ऐसे फ्रेमवर्क की कहानी है
00:10:19जो अपने पूरे सफर में काफी स्थिर और बैकवर्ड कम्पैटिबल रहा है,
00:10:26भले ही इसने खुद को कम से कम एक बार या शायद कई बार पूरी तरह से बदल लिया हो।
00:10:33यह बहुत ही स्थिर रहा है। और मुझे लगता है कि एंगुलर टीम ने बेहतरीन काम किया है
00:10:39और वे एंगुलर की छवि को थोड़ा बदलने में कामयाब रहे हैं, एक ऐसे फ्रेमवर्क से जो काफी भारी
00:10:46और सीखने में कठिन माना जाता था, एक आधुनिक फ्रेमवर्क तक।
00:10:54वैसे एंगुलर हमेशा से एक “batteries included” (हर चीज़ से लैस) फ्रेमवर्क रहा है
00:10:59जहाँ आपको फॉर्म हैंडलिंग, राउटिंग, HTTP रिक्वेस्ट, डिपेंडेंसी इंजेक्शन,
00:11:06और स्टेट मैनेजमेंट जैसी सभी चीज़ें फ्रेमवर्क के अंदर ही मिल जाती थीं।
00:11:12आपको इसके लिए थर्ड-पार्टी लाइब्रेरीज की ज़रूरत नहीं पड़ती थी, React के उलट जहाँ आपको
00:11:18राउटर या स्टेट मैनेजमेंट के लिए बाहरी लाइब्रेरीज का सहारा लेना पड़ता है।
00:11:23यही कारण है कि कई कंपनियाँ इसे पसंद करती हैं। अगर आप इसकी ग्रोथ का ग्राफ देखें, तो
00:11:29एंगुलर ने पिछले 10 सालों में लगातार ग्रोथ दिखाई है।
00:11:37लेकिन सच्चाई यह भी है कि React की ग्रोथ कहीं ज़्यादा रही है। मेरा मतलब है, अगर आप
00:11:45React का ग्राफ देखें, तो एंगुलर उसके सामने मुश्किल से दिखाई देता है। खासकर 2025 की शुरुआत से React
00:11:54ने बहुत तेज़ी पकड़ी और हम सब जानते हैं कि क्यों – वह है AI। क्योंकि जैसा
00:12:00कि मैंने पहले भी कई बार कहा है, AI का सबसे पसंदीदा कॉम्बिनेशन React, Next.js
00:12:06और Tailwind है, न कि एंगुलर। तो क्या इसका मतलब यह है कि एंगुलर खत्म हो चुका है या अब इसे नहीं सीखना चाहिए?
00:12:13और AI के आने के बाद एंगुलर का भविष्य कैसा दिखता है?
00:12:18देखिए, एंगुलर आज भी कई बड़े संस्थानों में इस्तेमाल किया जाता है, खास तौर पर इसकी स्थिरता और
00:12:27लगातार बनी रहने वाली बैकवर्ड कम्पैटिबिलिटी की वजह से। यह सिर्फ बातें नहीं हैं, इसे साबित भी किया गया है।
00:12:34अपनी “सब कुछ इन-बिल्ट” वाली खूबी के कारण एंगुलर बड़ी कंपनियों में लोकप्रिय है।
00:12:40बेशक, React भी बड़ी कंपनियों में बहुत लोकप्रिय है, लेकिन एंगुलर के डाउनलोड नंबर्स
00:12:46शायद कंपनियों के बीच इसकी वास्तविक उपयोगिता या लोकप्रियता को
00:12:53पूरी तरह से और सटीक रूप से नहीं दर्शाते।
00:13:00और मैं आपको बता सकता हूँ कि इस कोर्स में 8,50,000 छात्र हैं। और यह संख्या
00:13:08Udemy पर मेरे React कोर्स से बहुत पीछे नहीं है। बेशक, Udemy पर React के
00:13:15ज़्यादा बड़े कोर्सेस उपलब्ध हैं, लेकिन फिर भी मेरा अनुभव
00:13:22सिर्फ इन चार्ट्स और आंकड़ों तक सीमित नहीं रहा है। मैंने हमेशा देखा है कि
00:13:29खासकर बिजनेस कस्टमर्स एंगुलर को बहुत ज़्यादा सीखते हैं। और इसलिए यह
00:13:36आज भी मॉडर्न वेब एप्लिकेशन्स बनाने के लिए एक बेहतरीन विकल्प है।
00:13:43एंगुलर पुनर्जागरण और आने वाले नए फीचर्स की वजह से यह बहुत ही आधुनिक है।
00:13:48बेशक, विचार करने वाली बात AI है। और AI ज़ाहिर तौर पर हमारे कोड लिखने के तरीके को बदल रहा है।
00:13:57हम अब कम कोड लिखते हैं। कम से कम मैं तो अब कम कोड लिखता हूँ। मैं
00:14:04Claude या Cursor जैसे टूल्स का उपयोग करता हूँ, जिनके लिए मेरे कोर्सेस भी उपलब्ध हैं।
00:14:09अब हम प्रोग्राम अलग तरह से बनाते हैं। लेकिन हमारी टेक्नोलॉजी की पसंद अभी भी मायने रखती है।
00:14:14हम अभी भी ऐसी टेक्नोलॉजी का उपयोग करना चाहते हैं जो अपडेट होती रहे, जिसमें सुरक्षा अपडेट्स मिलें,
00:14:21और जो नए फीचर्स के साथ हमें और अधिक कुशल बनाए या बेहतर परफॉरमेंस दे।
00:14:27जब इसकी बात आती है, तो एंगुलर आज भी एक बेहतरीन और उत्कृष्ट चुनाव है,
00:14:34ठीक वैसे ही जैसे React है। और इससे पहले कि लोग कमेंट्स करें,
00:14:40हाँ, Vue और Svelte भी बहुत शानदार हैं। लेकिन जैसा कि आपने वीडियो के टाइटल और थंबनेल में
00:14:45देखा होगा, यह वीडियो एंगुलर के बारे में है।
00:14:51तो हाँ, यह आज भी एक बेहतरीन विकल्प है। और हाँ, AI को एंगुलर कोड लिखना आता है,
00:14:57खासकर तब जब आप उसे सही संदर्भ (context) दें, जो आपको किसी भी टेक्नोलॉजी के साथ करना ही पड़ता है।
00:15:02इसलिए मुझे लगता है कि एंगुलर इस AI-पावर्ड भविष्य के लिए पूरी तरह तैयार है।
00:15:08अगर आपको लगता है कि तीन साल में कोई कोड लिखेगा ही नहीं और टेक्नोलॉजी की पसंद मायने नहीं रखेगी,
00:15:13तो आपकी राय अलग हो सकती है। लेकिन मेरा ऐसा मानना नहीं है।
00:15:19मैं अपने रोज़ाना के काम में AI का बहुत इस्तेमाल करता हूँ और मेरा ज़्यादातर कोड AI द्वारा ही जेनरेट किया जाता है,
00:15:25लेकिन मैं कह सकता हूँ कि उसे कंट्रोल करना, सही दिशा देना और सही सॉफ्टवेयर आर्किटेक्चर चुनना
00:15:30आज पहले से कहीं ज़्यादा महत्वपूर्ण हो गया है। और हाँ, एंगुलर वहाँ भी एक बेहतरीन विकल्प है।
00:15:35तो यह थी एंगुलर की एक छोटी सी हिस्ट्री, एक ऐसा फ्रेमवर्क जिसका मेरे दिल में हमेशा एक खास स्थान रहेगा।
00:15:41जैसा कि मैंने बताया, यह मेरा Udemy पर रिलीज़ हुआ पहला बड़ा कोर्स था। और इसने मेरे लिए बहुत कुछ बदल दिया।
00:15:48इसकी वजह से ही मैं कोर्सेस बनाने को अपना करियर बना सका। इसने अनगिनत लोगों के जीवन और करियर को बदला है।
00:15:54मुझे इतने शानदार मैसेज और फीडबैक मिले हैं। इसलिए एंगुलर हमेशा से कमाल रहा है,
00:16:00और मेरे लिए तो यह बेहद खास है।
00:16:07for me. It allowed me to create courses for a living. It has changed the lives and careers
00:16:13of countless people. I got so many awesome messages and feedback. And therefore, yeah,
00:16:19Angular always was amazing. And it's especially amazing for me.