Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
AngularJS 
Timea Turdean 
www.timeaturdean.com
Agenda 
 Introduction 
 AngularJS – identify yourself 
 AngularJS – where can I find you? 
 AngularJS – what do I need...
Inroduction
AngularJS - identify yourself 
 A JavaScript open-source-framework for frontend 
 Created & maintained by people @Google...
AngularJS – where can I find you? 
 On the official website: angularjs.org 
 Online videos: Dan Wahlin AngularJS in 20is...
AngularJS – what do I need to get started? 
 angularDemo folder 
 index.html 
 index.html: 
 <script src=“lib/angular....
Let’s get started!
Before & After AngularJS
Before & After AngularJS 
Example 5 in tutorial
AngularJS Directives 
 AngularJS extends HTML with ng-directives. 
 Examples 
 ng-app Example 5 in tutorial 
 ng-model...
AngularJS Modules 
 Dan Wahling video (till 40:28) 
 ng-controller Example 10 & 11 in tutorial 
 ng-repeat Example 12 i...
AngularJS Routes 
 Routes are used for navigation between views 
 Download or link angular-route.js 
 https://ajax.goog...
AngularJS Factory 
 Factory is a service in AngularJS 
 module.factory( 'factoryName', function ); 
 Factory in Angular...
AngularJS server side 
 $http is an internal service of AngularJS 
 $https example Example 15 in tutorial
Project work
Project work
Project work
Project Work 
 Tutorial code: 
https://github.com/theRealImy/testAngular 
 Project work: 
https://github.com/edemguru/an...
THANK YOU for PARTICIPATING in 
AngularJS 
Timea Turdean 
www.timeaturdean.com
Nächste SlideShare
Wird geladen in …5
×

Intro to AngularJS

1.584 Aufrufe

Veröffentlicht am

AngularJS tutorial for beginners. The tutorial code is on https://github.com/theRealImy/testAngular

Veröffentlicht in: Internet
  • ★★ How Long Does She Want You to Last? ★★ A recent study proved that the average man lasts just 2-5 minutes in bed (during intercourse). The study also showed that many women need at least 7-10 minutes of intercourse to reach "The Big O" - and, worse still... 30% of women never get there during intercourse. Clearly, most men are NOT fulfilling there women's needs in bed. Now, as I've said many times - how long you can last is no guarantee of being a GREAT LOVER. But, not being able to last 20, 30 minutes or more, is definitely a sign that you're not going to "set your woman's world on fire" between the sheets. Question is: "What can you do to last longer?" Well, one of the best recommendations I can give you today is to read THIS report. In it, you'll discover a detailed guide to an Ancient Taoist Thrusting Technique that can help any man to last much longer in bed. I can vouch 100% for the technique because my husband has been using it for years :) Here's the link to the report ★★★ https://tinyurl.com/rockhardxxx
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier

Intro to AngularJS

  1. 1. AngularJS Timea Turdean www.timeaturdean.com
  2. 2. Agenda  Introduction  AngularJS – identify yourself  AngularJS – where can I find you?  AngularJS – what do I need to get started?  Examples & building blocks  Project work
  3. 3. Inroduction
  4. 4. AngularJS - identify yourself  A JavaScript open-source-framework for frontend  Created & maintained by people @Google since 2009  Based on the single-page application(SPA) & based on the MVC pattern  Fun fact – the versions have funny names  2014 1 .3.x unicorn-hydrafication  2014 1.2.26 captivating-disinterest  2010 0.9.0 dragon-breath
  5. 5. AngularJS – where can I find you?  On the official website: angularjs.org  Online videos: Dan Wahlin AngularJS in 20ish min, AngularJS in 60ish min  Confference: ngeurope.org  Tutorials: w3schools.com, CodeSchool  Before starting with AngularJS, you should have a basic understanding of:  HTML  CSS  JavaScript  This tutorial is based on the code @https://github.com/theRealImy/testAngular
  6. 6. AngularJS – what do I need to get started?  angularDemo folder  index.html  index.html:  <script src=“lib/angular.js”</script> from https://angularjs.org/  OR  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.2 6/angular.min.js"></script>  Example 1 in tutorial
  7. 7. Let’s get started!
  8. 8. Before & After AngularJS
  9. 9. Before & After AngularJS Example 5 in tutorial
  10. 10. AngularJS Directives  AngularJS extends HTML with ng-directives.  Examples  ng-app Example 5 in tutorial  ng-model Example 5 in tutorial  ng-bind Example 6 in tutorial  ng-init Example 9 in tutorial
  11. 11. AngularJS Modules  Dan Wahling video (till 40:28)  ng-controller Example 10 & 11 in tutorial  ng-repeat Example 12 in tutorial
  12. 12. AngularJS Routes  Routes are used for navigation between views  Download or link angular-route.js  https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/ang ular-route.js  Install a server (node/wamp/xampp)  Dan Wahling video (42:04 - 44:45)  Routes Example 13 in tutorial
  13. 13. AngularJS Factory  Factory is a service in AngularJS  module.factory( 'factoryName', function );  Factory in Angular Example 14 in tutorial
  14. 14. AngularJS server side  $http is an internal service of AngularJS  $https example Example 15 in tutorial
  15. 15. Project work
  16. 16. Project work
  17. 17. Project work
  18. 18. Project Work  Tutorial code: https://github.com/theRealImy/testAngular  Project work: https://github.com/edemguru/angularWorkshop
  19. 19. THANK YOU for PARTICIPATING in AngularJS Timea Turdean www.timeaturdean.com

×