Single page app
with
HTML enhanced for web apps!
tweet tweet: @amir.souchami
Angular js
The Super-heroic Javascript MVW framework.
Why
HTML is great for declaring static documents.
But it falters when we try to use it for web-applications.
AngularJS lets you extend HTML vocabulary for your application.
And its also
Backed by Google (& DoubleClick),
Built for rest,
Built with unit test in mind,
fast,
actively maintained open source project,
NG loves jQuery.
** works on top of DART, TypeScript, Coffee Script, ECMA Script 6+
The Goal
Creating development environment which is:
- readable
- and quick to develop maintain and extend.
According to the OOP Best Practices
For developers
Beginner to intermediate?
AngularJS will save you from SPAGHETTI code
For developers
Advanced?
Create complex web apps in a more simpler, faster way.
Write code with unit tests in mind
write OO modular code and reuse components across the team
Prototype fast, and move on to deal with the main business issues.
Re-Envision web development
NG in very OPINIONATED
(e.g. There is a typically a "right" way to do things in the angular way)
NG gives you a way to organize your code.
But you will still write quite simple HTML/JS (directives, services, controllers)
NG does a lot of heavy lifting for you
2 way data binding , templating, dependency injection, routes, filters, pubsub, performance and more
2 way data binding
Two-way data binding is the ability to bind changes to an object’s properties to changes in the UI, and viceversa.
In other words, if we have a user object with a name property, whenever we assign a new value to user.name the UI should show the new name.
In the same way, if the UI includes an input field for the user’s name, entering a value should cause the name property of the user object to be changed accordingly.
You might feel... $#@!?
LETS CODE
In Practice:
and now???
some sources
2. EggHead.io
Questions?!
Thanks :)