AngularJS क्या है? What is AngularJS?

 

दोस्तों आज हम इस पोस्ट की मदद से देखेंगे की AngularJS क्या है? और इसका उपयोग क्या है। और आज के समय में आप जो भी वेबसाइट एप्लीकेशन को देखते है वह सभी एप्लीकेशन फ्रेमवर्क की मदद से ही बनाये जाते है । ऐसे में आप सोच रहे होंगे की ये फ्रेमवर्क क्या होता है। तो हम आज इस पोस्ट के माध्यम से आपको जानकारी उपलब्ध कराने जा रहे है,यदि आप जानना चाहते है तो इसके लिए इस पोस्ट को शुरू से अंत तक पढते रहे। 

AngularJS क्या है?

AngularJS गूगल द्वारा निर्मित और अनुरक्षित (Maintained) एक व्यापक रूप से उपयोग किया जाने वाला जावास्क्रिप्ट फ्रेमवर्क है। AngularJS हाल के दिनों में बेहद लोकप्रिय हो गया है और छोटी और बड़ी कंपनियां अपने अनुप्रयोगों में AngularJS का उपयोग कर रही हैं। AngularJS सीखने से पहले, आपको HTML, CSS, JavaScript सीखना चाहिए।

जैसा कि हम जानते हैं कि AngularJS एक जावास्क्रिप्ट फ्रेमवर्क है। इसे <script> टैग के साथ HTML पेज में जोड़ सकते हैं। AngularJS HTML को Directives द्वारा एक्सटेंड (Extend) करता है और HTML में डेटा को एक्सप्रेशन (Expressions) में बांधता है। AngularJS को Two Way Data Binding, Dependency Injection और इसी तरह कई महत्वपूर्ण विशेषताओं को सपोर्ट करता है, और इससे इंटरैक्टिव वेब एप्लिकेशन (Interactive Web Application) बनाना आसान हो जाता है। उद्योग और आईटी दिग्गज कंपनियां जैसे आईबीएम (IBM), गूगल (Google) और कई अन्य क्षेत्रों में शक्तिशाली जावास्क्रिप्ट फ्रेमवर्क की उच्च मांग है, इसलिये जो वेब डेवलपर्स (Web Developers) को AngularJs का अच्छा ज्ञान हैं उन्हें अच्छे वेतन पैकेज (Package) मिलते हैं।

बैक-एंड डेवलपर्स (Back-End Developers) जो फ्रंट-एंड प्रोग्रामिंग (Front-End Programming) सीखना चाहते हैं वे भी AngularJS सिख सकते हैं। AngularJS सिंगल पेज एप्लिकेशन बनाने का सबसे अच्छा फ्रेमवर्क है। सिंगल पेज एप्लीकेशन का मतलब एक ऐसा एप्लिकेशन (Application) है, जिसमें हम एक पेज से दूसरे पेज पर जा सकते हैं और पेज को रिफ्रेश (Refresh) करने की जरूरत नहीं होती है। हम पेज पर डेटाबेस (Database) से डेटा दिखाते हैं, इस तरह के एप्लीकेशन (Application) को सिंगल पेज एप्लीकेशन (Single Page Applications) कहा जाता है।

AngularJS को जानने से आपको एक अच्छी नौकरी मिल सकती है या जो आपके पास है उसमें पदोन्नति (Promotion) पा सकते हैं। यह एक कौशल (Skill) है जो आपको आधुनिक वेब विकास उद्योग (Web Development Industry) में उच्च मांग (High Demand) में रखेगा और आपके जीवन को आसान बना देगा, यही कारण है कि यह बहुत लोकप्रिय जावास्क्रिप्ट फ्रेमवर्क और Google द्वारा समर्थित है। वेब डेवलपर के साथ-साथ, यह वेब डिजाइनर (Web Designer) को भी इसका ज्ञान (Knowledge) एक अलग मुकाम तक पहुंचाता है।

AngularJS एक तरफ HTML पेज को स्टेटिक (Static) से डायनामिक (Dynamic) पेज में बदलने में मदद करता हैं। दूसरी ओर, HTML Attributes के साथ, हमें कस्टम HTML Attributes बनाने की क्षमता भी देती है। AngularJS MVC आर्किटेक्चर (Architecture) को फॉलो करता है। MVC वेब एप्लिकेशन के लिए डेवलपर द्वारा उपयोग किए जाने वाले सबसे सामान्य डिजाइनिंग पैटर्न (General Designing Pattern) हैं। AngularJS का स्कोप (Scope) बढ़ता जा रहा है, आज मार्केट में AngularJS का काफी क्रेज है, और इसके डेवलपर्स (Developers) की मांग भी अधिक है।

angular.module('myApp').service('helloService',function(){ this.sayHello=function(){ alert('Hello!! Welcome to services.'); } });

AngularJS का उपयोग करने के लिए, हमें AngularJS की लाइब्रेरी (Library) को डाउनलोड (Download) करना होगा। AngularJS लाइब्रेरी डाउनलोड करने के लिए इस लिंक पर क्लिक करें – https://angularjs.org/

फ्रेमवर्क क्या होता है – 

टेक्निकल भाषा में फ्रेमवर्क को लाइब्रेरी का समूह कहा जाता है । और इन लाइब्रेरी को एप्लीकेशन बनाने के लिए उपयोग किया जाता है और पूरा एप्लीकेशन development लाइब्रेरी की मदद से ही होता है | आइये जानते कुछ फ्रेमवर्क को।

प्रोग्रामिंग लैंग्वेज                                                           फ्रेमवर्क 

• जावा                                                 –          SPRING, SPRING-BOOT,
• जावास्क्रिप्ट                                      –           एंगुलर,एंगुलर JS, React Js, Vue Js, Backbone
• PYTHON                                        –           DJANGO
• PHP                                                 –           CODEIGNITER
• .NET                                                –          .NET-MVC

AngularJS का इतिहास -

AngularJS एक लाइटवेट (Lightweight) ओपन-सोर्स जावास्क्रिप्ट फ्रेमवर्क (Framework) है। इसका उपयोग MVC आधारित वेब एप्लिकेशन बनाने के लिए किया जाता है। AngularJS का इतिहास (History) 2008 और 2009 में शुरू हुआ था। जब Google का एक डेवलपर “Misko Hevery” वेब एप्लिकेशन को आसान बनाने के लिए एक पार्ट टाइम प्रोजेक्ट पर काम कर रहा है। 2009 में, इसे Misko Hevery और Adam Abrons ने GetAngular नाम से बनाया था। AngularJS मूल रूप से 2009 में Misat Hevery और Adam Abrons द्वारा Brat Tech LLC में विकसित किया गया था।

AngularJs v1.0 आधिकारिक तौर पर 20 अक्टूबर 2010 में रिलीज (Release) किया गया है। यह परियोजना बहुत अच्छा निकला, और अब आधिकारिक तौर पर Google (MIT License) द्वारा समर्थित और अनुरक्षित है। इसका नवीनतम संस्करण 1.2.21 है। इसकी ताकत का अंदाजा इसी से लगाया जा सकता है कि इसे गूगल ने शुरू किया था लेकिन अब यह एक ओपन सोर्स पावरफुल क्लाइंट साइड जावास्क्रिप्ट MVC फ्रेमवर्क है।

AngularJS की विशेषताएं -

• AngularJS एक वेबसाइट को बहुत आकर्षक और सुंदर बनाता है क्योंकि क्योंकि डेटाबेस (Database) से जो डेटा हम वेबसाइट पर लाकर दिखा रहे हैं। उस डेटा पर प्रोग्रामर (Programmer) का बहुत ज्यादा नियंत्रण (Control) होता है।
• AngularJS का उपयोग करके, हम आसानी से एंड्रॉइड ऐप (Android App) या आईओएस ऐप (IOS App) जैसे मोबाइल ऐप बना सकते हैं, इसलिए हमें बहुत सारी प्रोग्रामिंग भाषा सीखने की ज़रूरत नहीं है। हम एक ही भाषा से कई विभिन्न प्रकार के एप्लिकेशन बना सकते हैं। AngularJS से मोबाइल एप्लिकेशन बनाने के लिए, हमें Ionic फ्रेमवर्क के साथ AngularJS का उपयोग करना होगा।
• AngularJS की मदद से, हम किसी भी एप्लिकेशन डेवलपमेंट (Application Development) के काम को मॉडल (Model), व्यू (View) और कंट्रोलर (Controller) में विभाजित कर सकते हैं, ताकि एप्लीकेशन डेवलपमेंट का काम बहुत आसान और सरल हो जाता है।

AngularJS के फायदे -

• यह एक ओपन सोर्स (Open Source) फ्रेमवर्क है जिसका उपयोग करते समय आप कम से कम एर्रोर्स (Errors) और समस्याओं (Problems) की उम्मीद कर सकते हैं।
• AngularJS गूगल द्वारा समर्थित (Supported) है।
• AngularJS बहुत तेजी से काम करता है क्योंकि यह अजाक्स (Ajax) के साथ काम करता है और केवल आवश्यक सामग्री (Required Content) को लोड (Load) करता है।
• यह MVC डिजाइन पैटर्न का सपोर्ट (Support) करता है।
• इस फ्रेमवर्क को समझने के लिए, हमें किसी अन्य स्क्रिप्टिंग भाषा (Scripting Language) को सीखने की आवश्यकता नहीं है। हमारा पूरा काम जावास्क्रिप्ट और HTML के माध्यम से होगा।
• AngularJS सिंगल पेज एप्लीकेशन (Single Page Applications) बनाने के लिए यह एक बेहतरीन फ्रेमवर्क है।
• AngularJS Dependency Injection का उपयोग करता है।
• इसमें Built-In Attributes (Directives) हैं जो HTML को डायनामिक बनाती है।
• AngularJS डेटा (Data) और मॉडल (Model) को एक्सप्रेशन (Expression) के साथ सीधे जोड़ने में मदद करता है।
• AngularJS कोड को मॉड्यूल (Modules) में विभाजित करता है, जो कोड को कुशलता से उपयोग करने में मदद करता है।
• AngularJS के साथ, डेवलपर्स शॉर्ट कोड (Short code) लिखकर अधिक कार्यक्षमता (Functionality) प्राप्त कर सकते हैं।

AngularJS के नुकसान -

जावास्क्रिप्ट आधारित फ्रेमवर्क होने के कारण, AngularJS में लिखा गया एप्लिकेशन उतना सुरक्षित (Secure) नहीं होता है। सर्वर-साइड ऑथेंटिकेशन (Server-Side Authentication) एप्लिकेशन को सुरक्षित रखने के आवश्यक हैं।

यदि आपके एप्लिकेशन का उपयोगकर्ता (User) जावास्क्रिप्ट को अक्षम (Disable JavaScript) करता है, तो बेसिक पेज (Basic Page) के अलावा कुछ भी दिखाई नहीं देगा।

एंगुलर फ्रेमवर्क से  एप्लीकेशन बनाने के लिए आपको क्या-क्या आना चाहिए- 

HTML: html लैंग्वेज  डाटा के रिप्रजेंटेशन के लिए उपयोग किया जाता है।

CSS : css का उपयोग html डॉक्यूमेंट को ब्यूटीफुल बनाने के लिए उपयोग  किया जाता है।

JS : javascript प्रोग्रामिंग  का उपयोग क्लाइंट side वेलिडेशन और इंटरेक्शन और server पर load कम करने के लिए उपयोग किया जाता है ।

DATABASE: 

• डेटाबेस का इस्तेमाल हम डाटा को स्टोर करने के लिए करते है।
• Mongo-db , Sql Sever ,Oracle

APPLICATION SERVER :

• एप्लीकेशन Server का इस्तेमाल क्लाइंट की रिक्वेस्ट के अनुसार   Responce को generate करना ओए क्लाइंट (यूजर) को output सेंड करना ।
• Node-js, JSP ,Python ,

MIDDLEWARE :

• मिडिलवेयर नेटवर्क कम्युनिकेशन  पर एप्लीकेशन को हैंडल करता है ।
• Express JS, JBOSS

WEBSERVER :

• वेब server का इस्तेमाल एप्लीकेशन को तैयार करने के लिए किया जाता है । और वेब server यूजर की रिक्वेस्ट को वेरीफाई करता है और और फिर midddlewear को सेंड करता है आगे प्रोसेस के लिए।
• IIS, Tomcat

IDE: 

• IDE(Integrated Development Environment ) की मदद से आप अपने एप्लीकेशन को डिजाईन , डिबग ,और टेस्ट कर सकते है।
• VS-CODE , NOTEPAD++, web Strom

SPA सिंगल पेज एप्लीकेशन क्या होता है -

आज के समय में हम इन्टरनेट पर सिंगल पेज एप्लीकेशन देख रहे है । सिंगल पेज एप्लीकेशन वह एप्लीकेशन होता है जिसके द्वारा यूजर एक सिंगल पेज  की मदद से पूरे एप्लीकेशन को एक्सेस कर सकता है अब आप सोच रहे होंगे की यह कोनसा नया तरीका है एप्लीकेशन चलाने का है आइये हम जानते है कुछ सिंगल पेज एप्लीकेशन के बारे में।

• FACEBOOK:    फेसबुक एक सिंगल पेज एप्लीकेशन है जिसको आप अपने दैनिक जीवन में उपयोग कर रहे हो ।
• TWITTER:  ट्विटर वर्ल्ड में आने वाला सबसे पहला पेज  एप्लीकेशन है ।
• GMAIL: जी-मेल भी एक सिंगल पेज एप्लीकेशन है।
• GOOGLE -MAP : यह भी एक सिंगल पेज एप्लीकेशन है ।

गूगल का नया एंगुलर प्लेटफार्म  क्या है  – 

एंगुलर एंगुलर JS से बिलकुल अलग है । एंगुलर एक डेवलपर प्लेटफार्म है जहा पर डेवलपर End to End Application को develop कर सकता है। ये एंगुलर js का अपग्रेड / Rewrite version है । यह प्लेटफार्म आपको एंगुलर js से बेहतर प्लेटफार्म प्रदान करता है एप्लीकेशन develop करने के लिए । एंगुलर का नया version ANGULAR -10 है जो अभी 2020 में गूगल कंपनी ने release किया है।