Course Progress 3%

AngularJS Introduction

← AngularJS Tutorial in Hindi AngularJS Get Started →

AngularJS एक open-source JavaScript framework है जिसे Google द्वारा develop किया गया है। इसका मुख्य उद्देश्य dynamic और interactive web applications को आसानी से बनाना है। AngularJS का उपयोग करके हम HTML को extend कर सकते हैं और उसे एक powerful application language की तरह use कर सकते हैं।

AngularJS खास तौर पर Single Page Applications (SPA) बनाने के लिए design किया गया है, जहाँ page बार-बार reload नहीं होता, बल्कि data dynamically update होता रहता है।

AngularJS क्या है

AngularJS एक JavaScript-based front-end framework है जो browser में run होता है। यह HTML, CSS और JavaScript के साथ मिलकर काम करता है और web application के UI (User Interface) और logic को बेहतर तरीके से manage करता है।

AngularJS में HTML सिर्फ static markup नहीं रहता, बल्कि यह application का एक active हिस्सा बन जाता है।

AngularJS क्यों उपयोग करें

AngularJS traditional JavaScript या jQuery से अलग approach follow करता है। यह code को structured, readable और maintainable बनाता है।

AngularJS के main फायदे:

  • Code कम लिखना पड़ता है
  • Data और UI अपने आप sync रहते हैं
  • Large applications को manage करना आसान होता है
  • Reusable components बनाए जा सकते हैं
  • Testing और debugging आसान होती है

AngularJS कैसे काम करता है

AngularJS MVC (Model View Controller) architecture पर based होता है।

  • Model: Application का data
  • View: HTML UI
  • Controller: Model और View के बीच connection

AngularJS में जब Model का data change होता है, तो View अपने आप update हो जाता है। इसी तरह, View में change होने पर Model भी update हो जाता है। इसे Two-Way Data Binding कहते हैं।

AngularJS का Simple Example

नीचे एक basic AngularJS example दिया गया है:

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body>

<div ng-app>
  <p>Enter your name:</p>
  <input type="text" ng-model="name">
  <h2>Hello {{name}}</h2>
</div>

</body>
</html>

इस example में:

  • ng-app AngularJS application को start करता है
  • ng-model input field को data से bind करता है
  • {{ }} expression के जरिए data HTML में display होता है

AngularJS और JavaScript में Difference

AngularJS plain JavaScript से अलग है क्योंकि:

  • AngularJS data binding provide करता है
  • AngularJS directives के जरिए HTML को extend करता है
  • AngularJS application structure define करता है
  • AngularJS large-scale applications के लिए suitable है

AngularJS कहाँ उपयोग होता है

AngularJS का उपयोग कई तरह की applications में किया जाता है:

  • Single Page Applications
  • Dashboard systems
  • Admin panels
  • Form-based applications
  • Data-driven web apps

AngularJS Versions के बारे में

AngularJS को Angular 1.x भी कहा जाता है। यह Angular (2+, 17 आदि) से अलग framework है। AngularJS और modern Angular एक जैसे नहीं हैं, लेकिन AngularJS ने modern Angular की foundation रखी है।

इस tutorial में हम सिर्फ AngularJS (Angular 1.x) पर focus करेंगे।

AngularJS सीखने से पहले क्या आना चाहिए

AngularJS सीखने के लिए आपके पास basic knowledge होनी चाहिए:

  • HTML
  • CSS
  • JavaScript (basic level)

अगर आपको JavaScript की basics आती हैं, तो AngularJS सीखना आपके लिए आसान रहेगा।

← AngularJS Tutorial in Hindi AngularJS Get Started →
  • Home