Angular JS tutorial in hindi

इस पाठ्यक्रम में हम Angular JS के बारे में जानेंगे | AngularJS in hindi आजकल बहुत ही ज्यादा प्रयोग होने बाला  user interface framework बन गया है और छोटी और बड़ी कंपनियां अपने अनुप्रयोगों में AngularJS का उपयोग कर रही हैं।  इस कोर्स को करने  के लिए, आपको HTML, CSS, JavaScript आना चाहिए। Angular JS एक शक्तिशाली open source javascript framework है | यह google द्वारा  develop किया गया है | जिसे 2009 में  Misko Hevery द्वारा बनाया गया था| यह Dynamic और Interactive web application develop करने के लिए बहुत उपयोगी है | Single Page Application बनाने क लिए आने वाली चुनौतियों को हल करने के लिए डिज़ाइन किया गया था | क्युकी ये routing की mechanism को support करता है | Routing में हम URL के base पे Page का View हम change कर सकते है |

इस कोर्स को सिखने के लिए आपको जावास्क्रिप्ट का Basic आना चाहिए आप निचे दिए गए लिंक पे क्लिक करके जावास्क्रिप्ट की knowledge ले सकते है

Javascript in hindi tutorial 

Angular JS के Features कौन से है ( Features of Angular Js in hindi ) :

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

• MVC (Model View Controller)
• Cross browser support
• Open source and complete free
• Routing
• services
• Two way data binding
• Dependency Injection
• Testing
• Filters

Course Outline :

• what is angular js ?
• Environment setup
• MVC Architecture in angular js
• Filters in angular js
• First Angular js application
• Expressions in angular js
• Directives in angular js
• Modules in angular js
• Controllers in angular js
• ng-src directives in angular js
• ng-show and ng-hide directives
• Forms in angular js
• Data Binding in angular js
• Two way data binding in angular js
• ng-repeat directives
• Event handing in angular js
• ng-init directives
• ng-include directives
• Consuming a web services
• Service in angular js
• Creating a custom service
• Routing in angular js
• Sorting data in angular js
• Searching data in angular js

Model View Controller Architecture in Angular JS in hindi:

MVC  Software Design का patern है, जो user interface layer को application logic से separate करता है |  MVC Architecture में 3 Components होते है |

• MODEL :  यह इस patern का सबसे lowest level है  | जो data को maintain करने के लिए  जिम्मेदार होता है  |
• VIEW :  यह User interface layer होती है जो data show करने की responsibility लेता है |
• CONTROLLER :  यह Model और view के बीच में interaction का work करता है | view direct model से डाटा नहीं ले सकता इसलिए controller के through model से data आता है  |

Directives in Angularjs in hindi:

Directives को हम HTML TAG के अंदर as a attribute use करते है |  ये special attribute होते है | जो की ng- से start होते है  |

• Uppercase :  its use convert text to uppercase.

• Lowercase :  its use convert text to uppercase.

• Currency  :    Its use formats text in currency format.

• Filter          :     Filter the array to a subset of it on a provided area.

• Order by   :   Orders the array based on provided area.

Expression in Angularjs in hindi :

HTML के साथ data को bind करना हो तो expression का use करते है | Expression ng-bind directive के समान व्यवहार करती हैं | Expression को double curly braces के अंदर लिखा जाता है जैसे कि {{7+8}}.

Filters in Angularjs in hindi :

Angular JS में Data को संशोधित (Modify) करने के लिए filter का उपयोग किया जाता है। उन्हें PIPE (!) character का उपयोग करके Expression या Directive में clubbed किया जा सकता है।

List of Common use of filters

• UPPERCASE
• LOWERCASE
• CURRENCY
• FILTER
• ORDERBY

Module in Angularjs in hindi :

Angular JS modular approach  को support करता है | Modular approach से हम छोटे छोटे module में devide कर देते है | Module view and logic को separate करते है | यह एक ऐसा container है जिसमे Angular JS के components हो सकते है. जैसे  : Expression , Directives , filters , controllers etc.

Controller in Angularjs in hindi :

यह  basically एक object  है  जिसकी कुछ properties and functions होती है | यह module की  functionality को define करता है  | Deep में जानने क लिए इस कोर्स को पूरा देखो  |

Angular Js Form :

AngularJS form भरने और सत्यापन को समृद्ध करता है। हम click button को handle करने के लिए ng-click event का उपयोग कर सकते हैं और एक सहज तरीके से सत्यापन करने के लिए $dirty और $invalid flags  का उपयोग कर सकते हैं। किसी भी ब्राउज़र-विशिष्ट (Browser-specific) सत्यापन को अक्षम करने के लिए एक फॉर्म घोषणा के साथ novalidate  का उपयोग करें।

Angular Services in hindi :

AngularJS Service की वास्तुकला (Architecture) का उपयोग करते हुए सेपरेशन ऑफ कॉन्सर्न (Separation of Concerns) की अवधारणा का support करता है। Services को हम javascript functions  कहते  हैं, जो केवल विशिष्ट कार्य करने के लिए ज़िम्मेदार हैं।

Data Binding in Angularjs in hindi:

AngularJS में Data binding Model और view के बीच synchronize है।

Routing in Angularjs in hindi:

Routing का प्रयोग हम वेबपेज (Webpage) को change करने के लिए करते है | Single page web application बनाने में routing का प्रयोग बहुत ही जरुरी है| हम पेज को बिना load किये वेब पेज Data को change कर लेते है