angularjs workshop for beginners
TRANSCRIPT
![Page 1: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/1.jpg)
Hello
@Magizh
![Page 2: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/2.jpg)
Thanks!
Codechix.org, Participants, Aakanksha
![Page 3: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/3.jpg)
Learn AngularJS
![Page 4: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/4.jpg)
Agenda
Getting upto speed
SPAs
Why Javascript frameworks
Basic concepts in Angular
Let’s get going
![Page 5: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/5.jpg)
Hello World
![Page 6: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/6.jpg)
Hello World
![Page 7: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/7.jpg)
Dom Tree
![Page 9: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/9.jpg)
![Page 10: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/10.jpg)
Dynamic webpages
![Page 11: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/11.jpg)
Web apps
![Page 12: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/12.jpg)
![Page 13: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/13.jpg)
● Loads a single HTML ● Dynamically update it as user interacts. ● Use AJAX to load data.● Lot of dom manipulation.● Logic is on the client side.
SPAs
![Page 14: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/14.jpg)
Jquery
![Page 15: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/15.jpg)
![Page 16: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/16.jpg)
Why Javascript Frameworks ?
● Don't Reinvent The Wheel● Chances Are, You Aren't The Expert● MVC - Model, View, Controller● Organize code ● Testing ● Modules
![Page 17: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/17.jpg)
![Page 19: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/19.jpg)
Angular concepts
$rootScope
$scope
modules
Controllers
Directives
Services/Factories/Providers
![Page 21: AngularJS workshop for beginners](https://reader034.vdocuments.site/reader034/viewer/2022042610/58a7ab171a28ab03128b6bc9/html5/thumbnails/21.jpg)
Useful linkshttp://www.w3schools.com/angular/
http://try.jquery.com/
https://developer.mozilla.org/en-US/
https://angularjs.org/
https://github.com/angular/angular