angular js up & running
TRANSCRIPT
![Page 1: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/1.jpg)
UP & RUNNING
![Page 2: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/2.jpg)
Junaid Qadir@jeykeu
The Brand Crew
![Page 3: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/3.jpg)
Come on, It’s just angularJS!
![Page 4: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/4.jpg)
What is AngularJS?
● a framework for dynamic web apps
● it allows you to use HTML as your template language
● it lets you extend HTML's syntax to express your application's components.
● Angular's data binding and dependency injection eliminate much of the code you would otherwise have to write.
![Page 5: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/5.jpg)
Why AngularJS?
● Easy to get started
● MVC - MVW actually
● DI
● Testing-Ready
● Large Community
![Page 6: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/6.jpg)
Give your app super powers!
![Page 7: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/7.jpg)
Care for some jargon?
![Page 8: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/8.jpg)
Data Bindingautomatic way of updating the view whenever the model changes.
![Page 9: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/9.jpg)
Directivesa unique and powerful feature available only in Angular. They let you invent new HTML syntax, specific to your application.
![Page 10: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/10.jpg)
Scopethe context where the model is stored so that controllers, directives and expressions can access it.
![Page 11: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/11.jpg)
Modelthe data shown to the user in the view and with which the user interacts.
![Page 12: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/12.jpg)
Viewwhat the user sees (the DOM)
![Page 13: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/13.jpg)
Controllerthe business logic behind views
![Page 14: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/14.jpg)
Modulea container for the different parts of an app including controllers, services, filters, directives which configures the Injector.
![Page 15: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/15.jpg)
Servicereusable business logic independent of views.
![Page 16: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/16.jpg)
Show me some code will ya?
![Page 17: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/17.jpg)
Questions
![Page 18: Angular js up & running](https://reader031.vdocuments.net/reader031/viewer/2022021923/5a6dadbb7f8b9a1b428b60bf/html5/thumbnails/18.jpg)
Go make somethin' cool!