21
Hello @Magizh

AngularJS workshop for beginners

Embed Size (px)

Citation preview

Page 1: AngularJS workshop for beginners

Hello

@Magizh

Page 2: AngularJS workshop for beginners

Thanks!

Codechix.org, Participants, Aakanksha

Page 3: AngularJS workshop for beginners

Learn AngularJS

Page 4: AngularJS workshop for beginners

Agenda

Getting upto speed

SPAs

Why Javascript frameworks

Basic concepts in Angular

Let’s get going

Page 5: AngularJS workshop for beginners

Hello World

Page 6: AngularJS workshop for beginners

Hello World

Page 7: AngularJS workshop for beginners

Dom Tree

Page 8: AngularJS workshop for beginners

Static webpages

http://www.internet-guide.co.uk/

Page 9: AngularJS workshop for beginners
Page 10: AngularJS workshop for beginners

Dynamic webpages

Page 11: AngularJS workshop for beginners

Web apps

Page 12: AngularJS workshop for beginners
Page 13: AngularJS workshop for beginners

● 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

Jquery

Page 15: AngularJS workshop for beginners
Page 16: AngularJS workshop for beginners

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
Page 18: AngularJS workshop for beginners

Hands on

https://github.com/magizh/angular-app

Page 19: AngularJS workshop for beginners

Angular concepts

$rootScope

$scope

modules

Controllers

Directives

Services/Factories/Providers

Page 20: AngularJS workshop for beginners

What next

Styleguide

Libraries

Angular2

Page 21: AngularJS workshop for beginners

Useful linkshttp://www.w3schools.com/angular/

http://try.jquery.com/

https://developer.mozilla.org/en-US/

https://angularjs.org/

https://github.com/angular/angular