Single Page Application (SPA) using AngularJS
Upcoming SlideShare
Loading in...5
×
 

Single Page Application (SPA) using AngularJS

on

  • 11,343 views

Single Page Application (SPA) using angular js. Also have some relative sample codes.

Single Page Application (SPA) using angular js. Also have some relative sample codes.
if u need then just mail me at rony.buet.cse@gmail.com

Statistics

Views

Total Views
11,343
Views on SlideShare
11,330
Embed Views
13

Actions

Likes
8
Downloads
194
Comments
0

4 Embeds 13

https://twitter.com 7
http://www.linkedin.com 4
http://mym.corp.yahoo.co.jp 1
https://trello.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Single Page Application (SPA) using AngularJS Single Page Application (SPA) using AngularJS Presentation Transcript

    • Presented byMd. Rousonur JamanSecure Link Services Ltd.
    • What is single page application? a web application that fits on a single web page providing a more fluid user experience similar to adesktop applicationCondition: all necessary code is retrieved with a single page load the page does not reload at any point in the process does not control transfer to another page20/5/2013 2SPA using AngularJS - Rouson
    • What is AngularJS? Client Side Browser App Framework Sponsored by Google Open Source Augment browser-based applications with model–view–controller (MVC) capabilityBasically AngularJS is MVW Framework.What is MVW?model–view–whatever20/5/2013 3SPA using AngularJS - Rouson
    • Why we choose AngularJS? Bootstrapping Templates 2-way data binding Module based Dependency Injection Routing Directives Unit Test20/5/2013 4SPA using AngularJS - Rouson
    • Bootstrapping Automatic Initialization Manual Initialization20/5/2013 5SPA using AngularJS - Rouson
    • Automatic Initialization Automatically initializesupon ’DOMContentLoaded’ event load the module associated with the directive. create the application injector compile the DOM treating the ng-app directive as theroot of the compilation.20/5/2013 6SPA using AngularJS - Rouson
    • Manual Initialization Give more control over the initialization process need to perform an operation before Angular compilesa page20/5/2013 7SPA using AngularJS - Rouson
    • TemplatesBelow attributes are used in a template: Directive — An attribute or element that augments anexisting DOM element or represents a reusable DOM Markup — The double curly brace notation {{ }} tobind expressions to elements is built-in angularmarkup. Filter — Formats your data for display to the user. Form controls — Lets you validate user input.20/5/2013 8SPA using AngularJS - Rouson
    • Templates20/5/2013 9SPA using AngularJS - Rouson
    • WITH CONTROLLERS20/5/2013 10SPA using AngularJS - Rouson
    • ASYNC TEMPLATES AngularJS loads the templates asynchronously.20/5/2013 11SPA using AngularJS - Rouson
    • 2-WAY DATA BINDING20/5/2013 12SPA using AngularJS - Rouson
    • HOW IT WORKS?20/5/2013 13SPA using AngularJS - Rouson
    • HOW IT WORKS?20/5/2013 14SPA using AngularJS - Rouson
    • DEPENDENCY INJECTION20/5/2013 15SPA using AngularJS - Rouson
    • HOW IT WORKS?20/5/2013 16SPA using AngularJS - Rouson
    • ROUTING20/5/2013 17SPA using AngularJS - Rouson
    • DIRECTIVES Main power of AngularJS An attribute or element that augments an existingDOM element or represents a reusable DOM20/5/2013 18SPA using AngularJS - Rouson
    • Thank YouAny Question?20/5/2013 19SPA using AngularJS - Rouson