angular js - 10 reasons to choose angularjs
DESCRIPTION
A presentation made for the AngularJS-ILl that took place in july 2014 at Google TLV Campus (http://www.meetup.com/AngularJS-IL/events/189970902/) its an overview angularjs features from an architact perspective. this slideshow contain a link for reference code.TRANSCRIPT
![Page 1: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/1.jpg)
10 Reasons to choose AngularJS
![Page 5: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/5.jpg)
LibraryA set of function that you call.Each function does some work, and returns the control back to you.
You Are in Charge.
![Page 6: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/6.jpg)
FrameworkHas a behaviour built in.we plug-in into it, register our classes and the framework code is calling our code in a point in time.
You are not in charge.
![Page 7: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/7.jpg)
“ The framework often plays the role of the main
program in coordinating and sequencing
application activity. This inversion of control
gives frameworks the power to serve as
extensible skeletons. The methods supplied by
the user tailor the generic algorithms defined in
the framework for a particular application. “
-- Ralph Johnson and Brian Foote
![Page 9: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/9.jpg)
I want my application to be able to grow.I want to add features painlessly.
Modularity
![Page 10: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/10.jpg)
In angular, we can organized our code into module objects which can depend on each other.it`s make our code cleaner and modular.
Building blocks
we can add, replace, update or even parallel develop modules.
![Page 11: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/11.jpg)
I want to write code that i can reuse.I want to share components across projects.
Reusability
![Page 12: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/12.jpg)
We can pack our code in modules and share them across apps.Angular components are just POJO`s, we can use them in any javaScript project.
Reusable Components
which makes our maintenance work more efficient.
![Page 13: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/13.jpg)
I want to understand what's going on in my app just by reading the code.
Readability
![Page 14: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/14.jpg)
Angular directives enable us to develop in a declarative style that is very readable.Because angular development is done in plain javaScript, we can keep it clean and effective.
Declarative code style
Directives enable designers to develop without writing code.
![Page 16: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/16.jpg)
Thanks to the concept of root Scope, angular app can run only in a limited section on the page.3rd party libraries are welcome.
Play nice with others
We can wrap any 3rd party library in a directive to keep our loose coupling to the view
![Page 18: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/18.jpg)
AngularJS embrace web standards, which we already know..
● HTML - used for templates. ● CSS - used for Animations & other internal
work● JavaScript - just plain javaScript. no need to
inherit from proprietary types. code can be reused.
New technologies?
![Page 20: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/20.jpg)
Angular designed to be testable.Thanks to a good separation of logic from view, and the dependency injection system,code can be easily isolated for testing.
Testing is easy
Angular provides us ready to use mocks to make it even easier.
![Page 21: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/21.jpg)
I want to add funcullity to the framework.I want to replace parts of the components
with my own.
Extendable
![Page 22: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/22.jpg)
AngularJS built on the concept of directives.The angular team expose us the same API they use to develop directives.
Give me your API!
Which means that we can extend & replace core directives easily.
![Page 23: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/23.jpg)
Angular packed with a collection of core services.we can use decorators to wrap them and add custom features
What about services?
We can completely override core services, or delegate to them.
![Page 24: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/24.jpg)
I want to choose my own folder structure.I want to model my data my way.
Flexibility
![Page 25: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/25.jpg)
Angular do not force us to a certain folder structure. Data models are not predefined.there are no conventions restricts.
I'm the architect!
Which means that we have the freedom to choose what's fits us.
![Page 27: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/27.jpg)
Not at all! angular is HOT.Meetups, Forums, LinkedIn groups and much more..
Are we alone?
google trends
angularjs-il
stackoverflow
![Page 28: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/28.jpg)
And the community take advantage of this to extend angular and create custom tools.
After all, it`s open-source
The ionic framework is a great example:
http://ionicframework.com/[email protected]
![Page 30: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/30.jpg)
Angular documentation has become really easy to read and understand so it`s a good place to start.
Choose your media
But thats not all...
![Page 31: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/31.jpg)
Dozens of books have already been written on angularJS.
My top 3 AngularJS books:
● ng-book by Ari Lerner
● AngularJS Directives by Alex Vanston
● build your own angularJS by Tero Parviainen
AngularJS Books
![Page 32: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/32.jpg)
Countless videos are out there..
My top 2 angularJS videos sites:
● codeschool - a complete free course
● egghead.io - 127 (and counting) angular lessons
AngularJS Videos
![Page 33: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/33.jpg)
Endless online resources arethere just a click-away..
My top 2 angularJS online sources:
● ng-newsletter - delivered weekly
● ng-learn.org - angular news and more..
● angular blog - useful and contain great [email protected]
AngularJS On-line
![Page 34: Angular js - 10 reasons to choose angularjs](https://reader034.vdocuments.mx/reader034/viewer/2022042714/554d1efdb4c905c5208b493d/html5/thumbnails/34.jpg)
Grab the code:https://github.com/nirkaufman/angularjs-reference-project
il.linkedin.com/in/nirkaufman/