Free
Includes:
  • 03:11:36 Hours On demand videos
  • 9 Lessons
  • Full lifetime access
  • Access on mobile and tv

Angular JS tutorial in hindi

Angular JS एक शक्तिशाली open source javascript framework है | यह google द्वारा develop किया गया है | यह Dynamic और Interactive web application develop करने के लिए बहुत उपयोगी है |

Beginner 5(1 Ratings) 6 Students enrolled
Created by Majid Mahmood Last updated Fri, 04-Sep-2020 English
What will i learn?
  • Learn fundamental Angular JS concepts.
  • Design custom directives and save time and energy with easily reusable components.
  • Build a Single Page Application (SPA) in AngularJS.
  • Be the coder that explains AngularJS to everyone else, because you understand it better than anyone else.

Curriculum for this course
9 Lessons 03:11:36 Hours
Introduction to Angular js in hindi
1 Lessons 00:13:25 Hours
  • Introduction of Angular Js and Architecture 00:13:25
  • Developing your first App in Angular Js 00:13:50
  • Modules and Controllers 00:39:49
  • Data Binding, Event Handling and Filters 00:44:13
  • Searching Data and Angular Js Services 00:29:35
  • Routing in Angular Js 00:14:00
  • Routing part 2 00:14:40
  • Ajax Using in Angular JS 00:07:42
  • Build Project : Building a shopping list 00:14:22
Requirements
  • HTML Knowledge
  • CSS (Optional)
  • Javascript
+ View more
Description

इस पाठ्यक्रम में हम Angular JS के बारे में जानेंगे | AngularJS आजकल बहुत ही ज्यादा प्रयोग होने बाला  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 कर सकते है |

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

जैसा कि हम जानते हैं कि 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 :

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 :

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 :

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

Filters :

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

List of Common use of filters

  • UPPERCASE
  • LOWERCASE
  • CURRENCY
  • FILTER
  • ORDERBY

Module :

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

Controller : 

यह  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 :

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

Data Binding :

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

Routing :

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

+ View more
Other related courses
05:10:01 Hours
Updated Fri, 18-Sep-2020
5 21 Free
09:08:20 Hours
Updated Fri, 18-Sep-2020
0 7 Free
03:29:01 Hours
Updated Mon, 21-Sep-2020
0 5 Free
02:00:33 Hours
Updated Mon, 21-Sep-2020
0 1 Free
About the instructor
  • 1 Reviews
  • 6 Students
  • 1 Courses
+ View more

Majid has been programming since he was 12 years old, and got into web sites and web application development at 16. After graduating with a Computer Science degree, Majid continued with that interest as a Microsoft certified software application developer and architect, database designer, and user interface designer.

Student feedback
5
Average rating
  • 0%
  • 0%
  • 0%
  • 0%
  • 100%
Reviews
  • Tue, 08-Sep-2020
    Riya chaudhary
    this is very helping learn in hindi
Free
Includes:
  • 03:11:36 Hours On demand videos
  • 9 Lessons
  • Full lifetime access
  • Access on mobile and tv