SlideShare ist ein Scribd-Unternehmen logo
1 von 17
ANGULAR JS
By Santha Mani
INTRODUCTION
 In order to understand the purpose and value of
Angular, you must first understand something
about JavaScript.
 JavaScript is a programming language that was
written in 2 weeks and was hated by developers
for years because it was slow, difficult to work
with, and frustrating to debug. But in recent years,
tooling around JavaScript has improved
significantly and companies like Google, Apple,
and Microsoft have put millions of dollars into
making JavaScript fast. This has made it not only
possible, but even enjoyable to write large
applications to run in the browser.
ENTER ANGULAR:
 A framework for writing manageable, clean, full-
featured applications in the browser with
JavaScript. Angular was originally written by
Misko Hevery. His intention was to create a way
for designers to be able to do HTML design
using components with actual functionality. As
he got further and further along in the project, it
became obvious that the framework he was
building was actually a great way for developers
to build entire sites. As a result, Angular was
born.
AGENDA
 This course is divided up into seven different modules.
 The first one, the introduction, is what you're watching now.
 Next, we will discuss the benefits and features of Angular. This module
will focus on what makes Angular great, and show you why it is a
compelling option for most web applications.
 After that, we will take a look into some of the more interesting
architectural constructs and decisions of Angular.
 The next module, we'll look at a few technologies that play particularly
well with Angular, and allow you to do some really amazing things.
 After that, we'll get our hands a bit dirty and look at the warts of Angular.
We'll be looking at the more confusing aspects, and learn about the
kinds of things you will need to look out for.
 The next module will be a comparison of Angular with other popular
technologies for building web applications. This will show you how
Angular separates itself from the crowd.
 Finally, we'll take a look at the future of Angular, both the future of
Angular 1 and Angular 2, and what will happen to Angular 1 as Angular
2 comes on the scene.
 One of the main questions people have about Angular is why
to use it over another solution. There are many front-end
frameworks out there, from simply using jQuery, all the way to
full-featured frameworks that run on both the front and back-
end.
 Angular is a complete solution. The vast majority of use
cases could be handled by Angular without resorting to any
third-party tools or libraries. Angular is easy to learn.
 It even abstracts away much of the difficulties of working in
JavaScript so that teams of full stack or server-side
developers will find its paradigm more familiar than many
other alternatives.
 Angular is extremely popular, which makes it easy to find
answers and gives you the confidence to know that it is solid,
and stable, and performant, and that you are unlikely to run
SMALL INTRO - ON ANGULAR
 Angular is slightly opinionated, which means that
it will give you guidance on how best to write
applications while being versatile enough to adapt
to your particular situation.
 Angular is open source and has been contributed
to by hundreds of industry experts, but although
it's open source, it is also backed by one of the
most well-respected companies in the computer
industry, Google.
 Finally, Angular is highly testable, which is my
personal favorite reason to use Angular.
 Put all these items together, and it becomes pretty
obvious why Angular is dominating the front-end
landscape currently.
ANGULAR BENEFITS AND FEATURES
 These range from the straightforward features of
testability and two-way binding, to more vague
concepts such as cohesion and guidance.
 Each of the benefits and features will provide a
compelling case by themselves as to the value of
Angular, but overall, there is one reason why Angular
is a great framework to use for your development,
and that is a reduction of cost due to a reduction of
time spent by developers and other staff.
 Regardless of whether we are speaking of learning
curve, staff recruiting and retention, development
time of a project, or the maintenance costs of a
project, using Angular reduces the time and,
therefore, costs of building web applications, and
that is usually the primary reason to choose a
technology.
CODE REDUCTION
 Angular reduces the amount of code that developers write
over most other options.
 Using Angular over solutions like jQuery or Backbone, or
anything handwritten, will give you a code savings of 80%
to 90%. That means that with Angular, it would take you
1000 to 2000 lines of code to produce the same
functionality as 10,000 lines of code would take you in
jQuery or Backbone, or a similar technology.
 Those lines of code almost directly translate to savings in
time and cost. That means that you save time, not only
when the code is written, but also when developers are
debugging, and later on when the project is maintained
with new features. At each phase, you save the time and
effort that fewer lines of code gives.
TWO WAY BINDING AND FORMS
 make your forms more interactive. Other than
validation and value collection. These are Angular's
binding features.
 one-way binding: specify a part of a page that will
display the value of some part of your data model,
and when that data model changes, that part of the
page is updated to reflect the new value.
 Angular also includes a feature called two-way
binding, where any value you put into an input
control, such as a text box, is watched and Angular
can send your changes to the model, which can then
propagate those changes to other bindings. Eg: ng-
model
COHESIVE SOLUTION
 Angular is the fact that it is a cohesive,
complete solution.
 Angular handles all forms, application
structure, routing pieces and more. From
server communication to binding, from
accessibility to routing, Angular does all of
this.
 Angular provides gentle guidance on
application structure without being overly
prescriptive.
 That means that each solution you build with
Angular won't look completely different from
an architectural standpoint.
 Angular application tends to look like
another application from the code level,
which makes it easier for developers to work
on multiple projects, or get reassigned from
one project to another.
ACCESSIBILITY AND INTERNATIONALIZATION
 A nice feature of Angular is its support for
accessibility and internationalization. In both
cases the support is good, and with little
effort you can get some basic support into
your applications, but in both cases, to make
your application fully support these
technologies you will have to put in some
additional effort. First, let's talk about
accessibility.
 ngAria module : With this module, by just
adding one script to your application, you
are immediately using a lot of the ARIA
attributes, which make applications more
friendly to accessibility devices like
screen readers. So in literally less than 1
minute, you can make your application a
heck of a lot more accessible than it
already is. Of course, full accessibility is
something that requires planning, but
ngAria gets you started and makes it
much easier to make your application
accessible.
 Next, we'll talk about internationalization.
With almost no effort you can make your
numbers, dates, and currency,
internationalized and localized.
POPULARITY
 One of the incontrovertible benefits of
Angular is its popularity
 Angular has quickly come to dominate the
front-end web space, and is now the
JavaScript framework of choice for more
companies and development teams than any
other technology.
TESTABILITY
 Angular was designed with testing in mind right
from the start.
 Angular makes testing any of its components
very easy through both unit testing and end-to-
end, or functional testing.
 Its unit testing is facilitated by a built-in mocking
component called ngMock that will let you
isolate Angular from your back-end server.
 End-to-end testing is facilitated by a tool created
by the Angular Team called Protractor.
 tool called Karma, which was also developed
by the Angular Team makes it easy to run
your tests in multiple browsers all at the
same time, and it has become extremely
popular for automating testing, even on
projects which don't use Angular.

Weitere ähnliche Inhalte

Was ist angesagt?

Getting Started with Angular JS
Getting Started with Angular JSGetting Started with Angular JS
Getting Started with Angular JSAkshay Mathur
 
AngularJS One Day Workshop
AngularJS One Day WorkshopAngularJS One Day Workshop
AngularJS One Day WorkshopShyam Seshadri
 
Angular Project Report
 Angular Project Report Angular Project Report
Angular Project ReportKodexhub
 
Learn html and css from scratch
Learn html and css from scratchLearn html and css from scratch
Learn html and css from scratchMohd Manzoor Ahmed
 
Intoduction to Angularjs
Intoduction to AngularjsIntoduction to Angularjs
Intoduction to AngularjsGaurav Agrawal
 
Introduction to AngularJS By Bharat Makwana
Introduction to AngularJS By Bharat MakwanaIntroduction to AngularJS By Bharat Makwana
Introduction to AngularJS By Bharat MakwanaBharat Makwana
 
AngularJS 101 - Everything you need to know to get started
AngularJS 101 - Everything you need to know to get startedAngularJS 101 - Everything you need to know to get started
AngularJS 101 - Everything you need to know to get startedStéphane Bégaudeau
 
HTL(Sightly) - All you need to know
HTL(Sightly) - All you need to knowHTL(Sightly) - All you need to know
HTL(Sightly) - All you need to knowPrabhdeep Singh
 
Angular js
Angular jsAngular js
Angular jsMindtree
 
Build single page applications using AngularJS on AEM
Build single page applications using AngularJS on AEMBuild single page applications using AngularJS on AEM
Build single page applications using AngularJS on AEMAdobeMarketingCloud
 
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014Gil Irizarry
 
Beginning Native Android Apps
Beginning Native Android AppsBeginning Native Android Apps
Beginning Native Android AppsGil Irizarry
 

Was ist angesagt? (20)

Getting Started with Angular JS
Getting Started with Angular JSGetting Started with Angular JS
Getting Started with Angular JS
 
Angular IO
Angular IOAngular IO
Angular IO
 
Angular from Scratch
Angular from ScratchAngular from Scratch
Angular from Scratch
 
AngularJS One Day Workshop
AngularJS One Day WorkshopAngularJS One Day Workshop
AngularJS One Day Workshop
 
Angular Project Report
 Angular Project Report Angular Project Report
Angular Project Report
 
Learn html and css from scratch
Learn html and css from scratchLearn html and css from scratch
Learn html and css from scratch
 
Intoduction to Angularjs
Intoduction to AngularjsIntoduction to Angularjs
Intoduction to Angularjs
 
Angular JS
Angular JSAngular JS
Angular JS
 
Introduction to AngularJS By Bharat Makwana
Introduction to AngularJS By Bharat MakwanaIntroduction to AngularJS By Bharat Makwana
Introduction to AngularJS By Bharat Makwana
 
Html 5
Html 5Html 5
Html 5
 
AngularJS 101 - Everything you need to know to get started
AngularJS 101 - Everything you need to know to get startedAngularJS 101 - Everything you need to know to get started
AngularJS 101 - Everything you need to know to get started
 
Angular material
Angular materialAngular material
Angular material
 
HTL(Sightly) - All you need to know
HTL(Sightly) - All you need to knowHTL(Sightly) - All you need to know
HTL(Sightly) - All you need to know
 
Angular js
Angular jsAngular js
Angular js
 
Angular js
Angular jsAngular js
Angular js
 
Angular js
Angular jsAngular js
Angular js
 
Angular js 1.0-fundamentals
Angular js 1.0-fundamentalsAngular js 1.0-fundamentals
Angular js 1.0-fundamentals
 
Build single page applications using AngularJS on AEM
Build single page applications using AngularJS on AEMBuild single page applications using AngularJS on AEM
Build single page applications using AngularJS on AEM
 
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014
Make Cross-platform Mobile Apps Quickly - SIGGRAPH 2014
 
Beginning Native Android Apps
Beginning Native Android AppsBeginning Native Android Apps
Beginning Native Android Apps
 

Ähnlich wie Angular Js Advantages - Complete Reference

Where and Why Use Angular for Web Development?
Where and Why Use Angular for Web Development?Where and Why Use Angular for Web Development?
Where and Why Use Angular for Web Development?John Metthew
 
Detailed Guide of Angular Development 2022.pptx
Detailed Guide of Angular Development 2022.pptxDetailed Guide of Angular Development 2022.pptx
Detailed Guide of Angular Development 2022.pptx75waytechnologies
 
How Angular Development services can help you in expanding your business?.pdf
How Angular Development services can help you in expanding your business?.pdfHow Angular Development services can help you in expanding your business?.pdf
How Angular Development services can help you in expanding your business?.pdfSmith Daniel
 
Top Reasons to use the Angular Framework for developing Applications!
Top Reasons to use the Angular Framework for developing Applications!Top Reasons to use the Angular Framework for developing Applications!
Top Reasons to use the Angular Framework for developing Applications!Shelly Megan
 
Angular vs. angular js know the key differences
Angular vs. angular js   know the key differencesAngular vs. angular js   know the key differences
Angular vs. angular js know the key differences75waytechnologies
 
What’s new in angular 13 and why should you use it for web app development pr...
What’s new in angular 13 and why should you use it for web app development pr...What’s new in angular 13 and why should you use it for web app development pr...
What’s new in angular 13 and why should you use it for web app development pr...Moon Technolabs Pvt. Ltd.
 
10 Reasons to Choose Angular for Web App Development.pdf
10 Reasons to Choose Angular for Web App Development.pdf10 Reasons to Choose Angular for Web App Development.pdf
10 Reasons to Choose Angular for Web App Development.pdfWebGuru Infosystems Pvt. Ltd.
 
7 Key Reasons To Choose Angular for Mobile App Development Project
7 Key Reasons To Choose Angular for Mobile App Development Project7 Key Reasons To Choose Angular for Mobile App Development Project
7 Key Reasons To Choose Angular for Mobile App Development ProjectAlbiorix Technology
 
Difference Between Angular and AngularJS.pdf
Difference Between Angular and AngularJS.pdfDifference Between Angular and AngularJS.pdf
Difference Between Angular and AngularJS.pdfYour Team in India
 
Which technology has a better future_ AngularJS or ReactJS_.pdf
Which technology has a better future_ AngularJS or ReactJS_.pdfWhich technology has a better future_ AngularJS or ReactJS_.pdf
Which technology has a better future_ AngularJS or ReactJS_.pdfMoon Technolabs Pvt. Ltd.
 
The Pros and Cons of Angular Development: All You Need to Know
The Pros and Cons of Angular Development: All You Need to KnowThe Pros and Cons of Angular Development: All You Need to Know
The Pros and Cons of Angular Development: All You Need to KnowHepto Software Company
 
AngularJS Training in Gurgaon
AngularJS Training in GurgaonAngularJS Training in Gurgaon
AngularJS Training in Gurgaonshailendragurgaon
 
Angular.js vs. vue.js – which one is the better choice in 2022
Angular.js vs. vue.js – which one is the better choice in 2022 Angular.js vs. vue.js – which one is the better choice in 2022
Angular.js vs. vue.js – which one is the better choice in 2022 Moon Technolabs Pvt. Ltd.
 
Top 10 Angular Development Tools For Developers
Top 10 Angular Development Tools For DevelopersTop 10 Angular Development Tools For Developers
Top 10 Angular Development Tools For DevelopersAlbiorix Technology
 
quantum_leap_angularjs_tools_redefining_development_in_2023.pdf
quantum_leap_angularjs_tools_redefining_development_in_2023.pdfquantum_leap_angularjs_tools_redefining_development_in_2023.pdf
quantum_leap_angularjs_tools_redefining_development_in_2023.pdfsarah david
 
When It Comes Down To Choosing Between Angular OR React Framework For Your Ap...
When It Comes Down To Choosing Between Angular OR React Framework For Your Ap...When It Comes Down To Choosing Between Angular OR React Framework For Your Ap...
When It Comes Down To Choosing Between Angular OR React Framework For Your Ap...Moon Technolabs Pvt. Ltd.
 

Ähnlich wie Angular Js Advantages - Complete Reference (20)

Where and Why Use Angular for Web Development?
Where and Why Use Angular for Web Development?Where and Why Use Angular for Web Development?
Where and Why Use Angular for Web Development?
 
Detailed Guide of Angular Development 2022.pptx
Detailed Guide of Angular Development 2022.pptxDetailed Guide of Angular Development 2022.pptx
Detailed Guide of Angular Development 2022.pptx
 
How Angular Development services can help you in expanding your business?.pdf
How Angular Development services can help you in expanding your business?.pdfHow Angular Development services can help you in expanding your business?.pdf
How Angular Development services can help you in expanding your business?.pdf
 
Top Reasons to use the Angular Framework for developing Applications!
Top Reasons to use the Angular Framework for developing Applications!Top Reasons to use the Angular Framework for developing Applications!
Top Reasons to use the Angular Framework for developing Applications!
 
Angular vs. angular js know the key differences
Angular vs. angular js   know the key differencesAngular vs. angular js   know the key differences
Angular vs. angular js know the key differences
 
What’s new in angular 13 and why should you use it for web app development pr...
What’s new in angular 13 and why should you use it for web app development pr...What’s new in angular 13 and why should you use it for web app development pr...
What’s new in angular 13 and why should you use it for web app development pr...
 
Advantages of AngularJS
Advantages of AngularJSAdvantages of AngularJS
Advantages of AngularJS
 
10 Reasons to Choose Angular for Web App Development.pdf
10 Reasons to Choose Angular for Web App Development.pdf10 Reasons to Choose Angular for Web App Development.pdf
10 Reasons to Choose Angular for Web App Development.pdf
 
What is the Use of Angular?
What is the Use of Angular?What is the Use of Angular?
What is the Use of Angular?
 
7 Key Reasons To Choose Angular for Mobile App Development Project
7 Key Reasons To Choose Angular for Mobile App Development Project7 Key Reasons To Choose Angular for Mobile App Development Project
7 Key Reasons To Choose Angular for Mobile App Development Project
 
Difference Between Angular and AngularJS.pdf
Difference Between Angular and AngularJS.pdfDifference Between Angular and AngularJS.pdf
Difference Between Angular and AngularJS.pdf
 
Which technology has a better future_ AngularJS or ReactJS_.pdf
Which technology has a better future_ AngularJS or ReactJS_.pdfWhich technology has a better future_ AngularJS or ReactJS_.pdf
Which technology has a better future_ AngularJS or ReactJS_.pdf
 
The Pros and Cons of Angular Development: All You Need to Know
The Pros and Cons of Angular Development: All You Need to KnowThe Pros and Cons of Angular Development: All You Need to Know
The Pros and Cons of Angular Development: All You Need to Know
 
THE FUTURE OF ANGULAR JS
THE FUTURE OF ANGULAR JSTHE FUTURE OF ANGULAR JS
THE FUTURE OF ANGULAR JS
 
AngularJS Training in Gurgaon
AngularJS Training in GurgaonAngularJS Training in Gurgaon
AngularJS Training in Gurgaon
 
Angular.js vs. vue.js – which one is the better choice in 2022
Angular.js vs. vue.js – which one is the better choice in 2022 Angular.js vs. vue.js – which one is the better choice in 2022
Angular.js vs. vue.js – which one is the better choice in 2022
 
Angular
AngularAngular
Angular
 
Top 10 Angular Development Tools For Developers
Top 10 Angular Development Tools For DevelopersTop 10 Angular Development Tools For Developers
Top 10 Angular Development Tools For Developers
 
quantum_leap_angularjs_tools_redefining_development_in_2023.pdf
quantum_leap_angularjs_tools_redefining_development_in_2023.pdfquantum_leap_angularjs_tools_redefining_development_in_2023.pdf
quantum_leap_angularjs_tools_redefining_development_in_2023.pdf
 
When It Comes Down To Choosing Between Angular OR React Framework For Your Ap...
When It Comes Down To Choosing Between Angular OR React Framework For Your Ap...When It Comes Down To Choosing Between Angular OR React Framework For Your Ap...
When It Comes Down To Choosing Between Angular OR React Framework For Your Ap...
 

Mehr von EPAM Systems

Complete Notes on Angular 2 and TypeScript
Complete Notes on Angular 2 and TypeScriptComplete Notes on Angular 2 and TypeScript
Complete Notes on Angular 2 and TypeScriptEPAM Systems
 
Css Complete Notes
Css Complete NotesCss Complete Notes
Css Complete NotesEPAM Systems
 
Css3 Complete Reference
Css3 Complete ReferenceCss3 Complete Reference
Css3 Complete ReferenceEPAM Systems
 
HTML 5 Complete Reference
HTML 5 Complete ReferenceHTML 5 Complete Reference
HTML 5 Complete ReferenceEPAM Systems
 
Jquery Complete Presentation along with Javascript Basics
Jquery Complete Presentation along with Javascript BasicsJquery Complete Presentation along with Javascript Basics
Jquery Complete Presentation along with Javascript BasicsEPAM Systems
 
Bootstrap PPT Part - 2
Bootstrap PPT Part - 2Bootstrap PPT Part - 2
Bootstrap PPT Part - 2EPAM Systems
 
Bootstrap Part - 1
Bootstrap Part - 1Bootstrap Part - 1
Bootstrap Part - 1EPAM Systems
 

Mehr von EPAM Systems (9)

Complete Notes on Angular 2 and TypeScript
Complete Notes on Angular 2 and TypeScriptComplete Notes on Angular 2 and TypeScript
Complete Notes on Angular 2 and TypeScript
 
Css Complete Notes
Css Complete NotesCss Complete Notes
Css Complete Notes
 
Css3 Complete Reference
Css3 Complete ReferenceCss3 Complete Reference
Css3 Complete Reference
 
Bootstrap 4 ppt
Bootstrap 4 pptBootstrap 4 ppt
Bootstrap 4 ppt
 
HTML 5 Complete Reference
HTML 5 Complete ReferenceHTML 5 Complete Reference
HTML 5 Complete Reference
 
Jquery Complete Presentation along with Javascript Basics
Jquery Complete Presentation along with Javascript BasicsJquery Complete Presentation along with Javascript Basics
Jquery Complete Presentation along with Javascript Basics
 
Bootstrap PPT Part - 2
Bootstrap PPT Part - 2Bootstrap PPT Part - 2
Bootstrap PPT Part - 2
 
Bootstrap Part - 1
Bootstrap Part - 1Bootstrap Part - 1
Bootstrap Part - 1
 
Html
HtmlHtml
Html
 

Kürzlich hochgeladen

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 

Kürzlich hochgeladen (20)

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 

Angular Js Advantages - Complete Reference

  • 2. INTRODUCTION  In order to understand the purpose and value of Angular, you must first understand something about JavaScript.  JavaScript is a programming language that was written in 2 weeks and was hated by developers for years because it was slow, difficult to work with, and frustrating to debug. But in recent years, tooling around JavaScript has improved significantly and companies like Google, Apple, and Microsoft have put millions of dollars into making JavaScript fast. This has made it not only possible, but even enjoyable to write large applications to run in the browser.
  • 3. ENTER ANGULAR:  A framework for writing manageable, clean, full- featured applications in the browser with JavaScript. Angular was originally written by Misko Hevery. His intention was to create a way for designers to be able to do HTML design using components with actual functionality. As he got further and further along in the project, it became obvious that the framework he was building was actually a great way for developers to build entire sites. As a result, Angular was born.
  • 4. AGENDA  This course is divided up into seven different modules.  The first one, the introduction, is what you're watching now.  Next, we will discuss the benefits and features of Angular. This module will focus on what makes Angular great, and show you why it is a compelling option for most web applications.  After that, we will take a look into some of the more interesting architectural constructs and decisions of Angular.  The next module, we'll look at a few technologies that play particularly well with Angular, and allow you to do some really amazing things.  After that, we'll get our hands a bit dirty and look at the warts of Angular. We'll be looking at the more confusing aspects, and learn about the kinds of things you will need to look out for.  The next module will be a comparison of Angular with other popular technologies for building web applications. This will show you how Angular separates itself from the crowd.  Finally, we'll take a look at the future of Angular, both the future of Angular 1 and Angular 2, and what will happen to Angular 1 as Angular 2 comes on the scene.
  • 5.  One of the main questions people have about Angular is why to use it over another solution. There are many front-end frameworks out there, from simply using jQuery, all the way to full-featured frameworks that run on both the front and back- end.  Angular is a complete solution. The vast majority of use cases could be handled by Angular without resorting to any third-party tools or libraries. Angular is easy to learn.  It even abstracts away much of the difficulties of working in JavaScript so that teams of full stack or server-side developers will find its paradigm more familiar than many other alternatives.  Angular is extremely popular, which makes it easy to find answers and gives you the confidence to know that it is solid, and stable, and performant, and that you are unlikely to run SMALL INTRO - ON ANGULAR
  • 6.  Angular is slightly opinionated, which means that it will give you guidance on how best to write applications while being versatile enough to adapt to your particular situation.  Angular is open source and has been contributed to by hundreds of industry experts, but although it's open source, it is also backed by one of the most well-respected companies in the computer industry, Google.  Finally, Angular is highly testable, which is my personal favorite reason to use Angular.  Put all these items together, and it becomes pretty obvious why Angular is dominating the front-end landscape currently.
  • 7. ANGULAR BENEFITS AND FEATURES  These range from the straightforward features of testability and two-way binding, to more vague concepts such as cohesion and guidance.  Each of the benefits and features will provide a compelling case by themselves as to the value of Angular, but overall, there is one reason why Angular is a great framework to use for your development, and that is a reduction of cost due to a reduction of time spent by developers and other staff.  Regardless of whether we are speaking of learning curve, staff recruiting and retention, development time of a project, or the maintenance costs of a project, using Angular reduces the time and, therefore, costs of building web applications, and that is usually the primary reason to choose a technology.
  • 8. CODE REDUCTION  Angular reduces the amount of code that developers write over most other options.  Using Angular over solutions like jQuery or Backbone, or anything handwritten, will give you a code savings of 80% to 90%. That means that with Angular, it would take you 1000 to 2000 lines of code to produce the same functionality as 10,000 lines of code would take you in jQuery or Backbone, or a similar technology.  Those lines of code almost directly translate to savings in time and cost. That means that you save time, not only when the code is written, but also when developers are debugging, and later on when the project is maintained with new features. At each phase, you save the time and effort that fewer lines of code gives.
  • 9. TWO WAY BINDING AND FORMS  make your forms more interactive. Other than validation and value collection. These are Angular's binding features.  one-way binding: specify a part of a page that will display the value of some part of your data model, and when that data model changes, that part of the page is updated to reflect the new value.  Angular also includes a feature called two-way binding, where any value you put into an input control, such as a text box, is watched and Angular can send your changes to the model, which can then propagate those changes to other bindings. Eg: ng- model
  • 10. COHESIVE SOLUTION  Angular is the fact that it is a cohesive, complete solution.  Angular handles all forms, application structure, routing pieces and more. From server communication to binding, from accessibility to routing, Angular does all of this.
  • 11.  Angular provides gentle guidance on application structure without being overly prescriptive.  That means that each solution you build with Angular won't look completely different from an architectural standpoint.  Angular application tends to look like another application from the code level, which makes it easier for developers to work on multiple projects, or get reassigned from one project to another.
  • 12. ACCESSIBILITY AND INTERNATIONALIZATION  A nice feature of Angular is its support for accessibility and internationalization. In both cases the support is good, and with little effort you can get some basic support into your applications, but in both cases, to make your application fully support these technologies you will have to put in some additional effort. First, let's talk about accessibility.
  • 13.  ngAria module : With this module, by just adding one script to your application, you are immediately using a lot of the ARIA attributes, which make applications more friendly to accessibility devices like screen readers. So in literally less than 1 minute, you can make your application a heck of a lot more accessible than it already is. Of course, full accessibility is something that requires planning, but ngAria gets you started and makes it much easier to make your application accessible.
  • 14.  Next, we'll talk about internationalization. With almost no effort you can make your numbers, dates, and currency, internationalized and localized.
  • 15. POPULARITY  One of the incontrovertible benefits of Angular is its popularity  Angular has quickly come to dominate the front-end web space, and is now the JavaScript framework of choice for more companies and development teams than any other technology.
  • 16. TESTABILITY  Angular was designed with testing in mind right from the start.  Angular makes testing any of its components very easy through both unit testing and end-to- end, or functional testing.  Its unit testing is facilitated by a built-in mocking component called ngMock that will let you isolate Angular from your back-end server.  End-to-end testing is facilitated by a tool created by the Angular Team called Protractor.
  • 17.  tool called Karma, which was also developed by the Angular Team makes it easy to run your tests in multiple browsers all at the same time, and it has become extremely popular for automating testing, even on projects which don't use Angular.

Hinweis der Redaktion

  1. Later on in this course, we will take a closer look at the advantages and benefits of Angular, and compare using Angular to many different alternatives. But here, we will talk about the high level points of Angular Hello World application takes only moments to write, and the overwhelming amount of tutorials and documentation, not to mention vast quantities of developers who have significant experience with Angular, make it easy for any team to get up and running in no time.
  2. In fact, testing is such a high priority for the Angular Team that some awesome testing tools, including Karma and Protractor, have actually been produced by the team and are being used by developers to test applications that aren't Angular applications
  3. that fewer lines of code gives. Today there are other frameworks, which give similar savings over the more basic options, so this benefit isn't exclusive to Angular, but it is one of the most objective and easy-to-understand benefits.
  4. One of the most commonly used features in a web app is forms. Here, Angular not only handles the things you would normally expect, like validation and value collection in a simple and straightforward manner, but there are a couple of specific features of Angular, which make it particularly easy to make your forms interactive. $scope.transferAmout= 0; $scope.currentBalance= 3000; $scope.afterBalance= function() { return $scope.currentBalance-$scope.transferAmout; }
  5. One of the main benefits is that you and your team won't get caught in analysis paralysis trying to determine exactly which routing library to use from 10 different choices, or how to handle server communication from the 5 different options.
  6. With Angular, everything is handled, and when you need something that one of the built-in pieces doesn't handle, it's clear when that's the case, and it's simple to replace it with a more complex component.