angular js up & running

18
UP & RUNNING

Upload: junaid-baloch

Post on 28-Jan-2018

211 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Angular js up & running

UP & RUNNING

Page 2: Angular js up & running

Junaid Qadir@jeykeu

The Brand Crew

Page 3: Angular js up & running

Come on, It’s just angularJS!

Page 4: Angular js up & running

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

Why AngularJS?

● Easy to get started

● MVC - MVW actually

● DI

● Testing-Ready

● Large Community

Page 6: Angular js up & running

Give your app super powers!

Page 7: Angular js up & running

Care for some jargon?

Page 8: Angular js up & running

Data Bindingautomatic way of updating the view whenever the model changes.

Page 9: Angular js up & running

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

Scopethe context where the model is stored so that controllers, directives and expressions can access it.

Page 11: Angular js up & running

Modelthe data shown to the user in the view and with which the user interacts.

Page 12: Angular js up & running

Viewwhat the user sees (the DOM)

Page 13: Angular js up & running

Controllerthe business logic behind views

Page 14: Angular js up & running

Modulea container for the different parts of an app including controllers, services, filters, directives which configures the Injector.

Page 15: Angular js up & running

Servicereusable business logic independent of views.

Page 16: Angular js up & running

Show me some code will ya?

Page 17: Angular js up & running

Questions

Page 18: Angular js up & running

Go make somethin' cool!