AngularJS workshop for beginners.

Hello

@Magizh

Thanks!

Codechix.org, Participants, Aakanksha

Learn AngularJS

Agenda

Getting upto speed

SPAs

Why Javascript frameworks

Basic concepts in Angular

Let’s get going

Hello World

Hello World

Dom Tree

Static webpages

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

Dynamic webpages

Web apps

● 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

Jquery

Why Javascript Frameworks ?

● Don't Reinvent The Wheel● Chances Are, You Aren't The Expert● MVC - Model, View, Controller● Organize code ● Testing ● Modules

Hands on

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

Angular concepts

$rootScope

$scope

modules

Controllers

Directives

Services/Factories/Providers

What next

Styleguide

Libraries

Angular2

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

http://try.jquery.com/

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

https://angularjs.org/

https://github.com/angular/angular