10 Reasons to choose AngularJS
it`s like marriage...
Choosing a Framework
nirkaufman@gmail.com
You used to be in charge.
it`s going to change.
Inversion of control
nirkaufman@gmail.com
First, let`s make it clear.
Framework vs Library
nirkaufman@gmail.com
Library
A set of function that you call.
Each function does some work, and returns
the control back to you.
You Are in Charge.
nirkaufman@gmail.com
Framework
Has 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.
nirkaufman@gmail.com
“ 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
nirkaufman@gmail.com
Let`s see what angularJS
Has to offer
Wear the architect Hat!
nirkaufman@gmail.com
I want my application to be able to grow.
I want to add features painlessly.
Modularity
nirkaufman@gmail.com
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.
nirkaufman@gmail.com
I want to write code that i can reuse.
I want to share components across projects.
Reusability
nirkaufman@gmail.com
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.
nirkaufman@gmail.com
I want to understand what's going on in my
app just by reading the code.
Readability
nirkaufman@gmail.com
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.
nirkaufman@gmail.com
I want to plug-in functionality into existing
project easily.
Embeddable
nirkaufman@gmail.com
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
nirkaufman@gmail.com
I want me and my team to get started quickly
as possible.
Learning Curve
nirkaufman@gmail.com
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?
nirkaufman@gmail.com
I want to perform tests with minimum effort
Testable
nirkaufman@gmail.com
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.
nirkaufman@gmail.com
I want to add funcullity to the framework.
I want to replace parts of the components
with my own.
Extendable
nirkaufman@gmail.com
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.
nirkaufman@gmail.com
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.
nirkaufman@gmail.com
I want to choose my own folder structure.
I want to model my data my way.
Flexibility
nirkaufman@gmail.com
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.
nirkaufman@gmail.com
I want to meet and learn from people who
using the same framework.
Community
nirkaufman@gmail.com
Not at all! angular is HOT.
Meetups, Forums, LinkedIn groups and much
more..
Are we alone?
google trends
angularjs-il
stackoverflow
nirkaufman@gmail.com
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/
nirkaufman@gmail.com
I want a variety of learning resources for me
and my team.
Resources
nirkaufman@gmail.com
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...
nirkaufman@gmail.com
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
nirkaufman@gmail.com
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
nirkaufman@gmail.com
Endless online resources are
there 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 links
nirkaufman@gmail.com
AngularJS On-line
nirkaufman@gmail.com
Grab the code:
https://github.com/nirkaufman/angularjs-reference-project
il.linkedin.com/in/nirkaufman/
nirkaufman@gmail.com
Thank You!
nirkaufman@gmail.com

Angular js - 10 reasons to choose angularjs

  • 1.
    10 Reasons tochoose AngularJS
  • 2.
    it`s like marriage... Choosinga Framework nirkaufman@gmail.com
  • 3.
    You used tobe in charge. it`s going to change. Inversion of control nirkaufman@gmail.com
  • 4.
    First, let`s makeit clear. Framework vs Library nirkaufman@gmail.com
  • 5.
    Library A set offunction that you call. Each function does some work, and returns the control back to you. You Are in Charge. nirkaufman@gmail.com
  • 6.
    Framework Has a behaviourbuilt 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. nirkaufman@gmail.com
  • 7.
    “ The frameworkoften 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 nirkaufman@gmail.com
  • 8.
    Let`s see whatangularJS Has to offer Wear the architect Hat! nirkaufman@gmail.com
  • 9.
    I want myapplication to be able to grow. I want to add features painlessly. Modularity nirkaufman@gmail.com
  • 10.
    In angular, wecan 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. nirkaufman@gmail.com
  • 11.
    I want towrite code that i can reuse. I want to share components across projects. Reusability nirkaufman@gmail.com
  • 12.
    We can packour 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. nirkaufman@gmail.com
  • 13.
    I want tounderstand what's going on in my app just by reading the code. Readability nirkaufman@gmail.com
  • 14.
    Angular directives enableus 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. nirkaufman@gmail.com
  • 15.
    I want toplug-in functionality into existing project easily. Embeddable nirkaufman@gmail.com
  • 16.
    Thanks to theconcept 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 nirkaufman@gmail.com
  • 17.
    I want meand my team to get started quickly as possible. Learning Curve nirkaufman@gmail.com
  • 18.
    AngularJS embrace webstandards, 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? nirkaufman@gmail.com
  • 19.
    I want toperform tests with minimum effort Testable nirkaufman@gmail.com
  • 20.
    Angular designed tobe 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. nirkaufman@gmail.com
  • 21.
    I want toadd funcullity to the framework. I want to replace parts of the components with my own. Extendable nirkaufman@gmail.com
  • 22.
    AngularJS built onthe 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. nirkaufman@gmail.com
  • 23.
    Angular packed witha 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. nirkaufman@gmail.com
  • 24.
    I want tochoose my own folder structure. I want to model my data my way. Flexibility nirkaufman@gmail.com
  • 25.
    Angular do notforce 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. nirkaufman@gmail.com
  • 26.
    I want tomeet and learn from people who using the same framework. Community nirkaufman@gmail.com
  • 27.
    Not at all!angular is HOT. Meetups, Forums, LinkedIn groups and much more.. Are we alone? google trends angularjs-il stackoverflow nirkaufman@gmail.com
  • 28.
    And the communitytake 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/ nirkaufman@gmail.com
  • 29.
    I want avariety of learning resources for me and my team. Resources nirkaufman@gmail.com
  • 30.
    Angular documentation hasbecome really easy to read and understand so it`s a good place to start. Choose your media But thats not all... nirkaufman@gmail.com
  • 31.
    Dozens of bookshave 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 nirkaufman@gmail.com
  • 32.
    Countless videos areout there.. My top 2 angularJS videos sites: ● codeschool - a complete free course ● egghead.io - 127 (and counting) angular lessons AngularJS Videos nirkaufman@gmail.com
  • 33.
    Endless online resourcesare there 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 links nirkaufman@gmail.com AngularJS On-line nirkaufman@gmail.com
  • 34.
  • 35.