0
Presented by:
Brajesh
Agenda
Introduction
What should we know before using Angular JS
How Web Pages Get to Your Browser
What Is Angular JS?
How ...
AngularJS is created by Google to build single page applications which
could be more architectured and maintainable.
Angul...
• Moderate knowledge of HTML, CSS, JavaScript, including the following
concepts:
– Design Pattern
– OOP, including encapsu...
When you open your web browser on your computer and type in
http://google.com, your web browser “asks” the internet (more ...
• AngularJS is a client-side technology, written entirely in JavaScript. It works
with the long-established technologies o...
In other JavaScript frameworks, we are forced to extend from custom JavaScript objects
and manipulate the DOM from the out...
• MVC Support
• Two way data binding
• AngularJS Supports Single Page Applications.
• AngularJS Helps Developers Manage St...
AngularJS road map
Angular directory Architecture
Thank you for listening!
AngularJS Introduction
AngularJS Introduction
AngularJS Introduction
Upcoming SlideShare
Loading in...5
×

AngularJS Introduction

296

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
296
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • One very important directive defined by AngularJS is called ng-app. The 1st step AngularJS does after it gets callback forDOMContentLoaded is that it looks for the ng-app directive. We have discussed above that directive can either be a tag or an attribute.ng-app can only be used as an attribute. AngularJS expects users to use ng-app only once per application. It ignores all other declarations of ng-app if used.

  • Transcript of "AngularJS Introduction"

    1. 1. Presented by: Brajesh
    2. 2. Agenda Introduction What should we know before using Angular JS How Web Pages Get to Your Browser What Is Angular JS? How different from Others Why need angular JS? How to use Angular JS? Angular Demo Q & A
    3. 3. AngularJS is created by Google to build single page applications which could be more architectured and maintainable. AngularJS is completely clientside and entirely JavaScript, so wherever Javascript runs AngularJS also runs. It is even less than 29kb making it highly minified and compressed. Angular is the next generation framework
    4. 4. • Moderate knowledge of HTML, CSS, JavaScript, including the following concepts: – Design Pattern – OOP, including encapsulation and inheritance – Object creation, prototypes • Basic Model-View-Controller concepts • The Document Object Model • JavaScript functions, events, error handling
    5. 5. When you open your web browser on your computer and type in http://google.com, your web browser “asks” the internet (more precisely, it “asks” a DNS server) where google.com’s address is. If the DNS server knows the IP address you’re looking for, it responds with the address. If not,it passes the request along to other DNS servers until the IP address is found and served to your computer. You can see the DNS server response by typing this code into a terminal
    6. 6. • AngularJS is a client-side technology, written entirely in JavaScript. It works with the long-established technologies of the web (HTML, CSS, and JavaScript) to make the development of web apps easier and faster than ever before. • structural framework for design SPA. • AngularJS allows you to extend HTML by adding your own custom tags and attributes
    7. 7. In other JavaScript frameworks, we are forced to extend from custom JavaScript objects and manipulate the DOM from the outside in. For instance, using jQuery, to add a button in the DOM,we’ll have to know where we’re putting the element and insert it in the appropriate place: var btn = $("<button>Hi</button>"); btn.on('click', function(evt) { console.log("Clicked button") }); $("#checkoutHolder").append(btn); Although this process is not complex, it requires the developer to have knowledge of the entire DOM and force our complex logic inside JavaScript code to manipulate a foreign DOM. AngularJS, on the other hand, augments HTML to give it native Model-View-Controller (MVC) capabilities. This choice, as it turns out, makes building impressive and expressive client-side applications quick and enjoyable. It enables you, the developer, to encapsulate a portion of your entire page as one application, rather than forcing the entire page to be an AngularJS application.
    8. 8. • MVC Support • Two way data binding • AngularJS Supports Single Page Applications. • AngularJS Helps Developers Manage State. • AngularJS Gives Developers Controls. • AngularJS Enables Massively Parallel Development. • AngularJS Handles Dependencies • Routing Mechanism.
    9. 9. AngularJS road map
    10. 10. Angular directory Architecture
    11. 11. Thank you for listening!
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×