What Angular is ?
Angular is a platform and framework for building single-page client applications using HTML
and TypeScript. Angular is written in TypeScript. It implements core and optional functionality
as a set of TypeScript libraries that we can import into our apps.
The architecture of an Angular application relies on certain fundamental concepts. The basic
building blocks are NgModules, which provide a compilation context for components.
NgModules collect related code into functional sets; an Angular app is defined by a set of
NgModules. An app always has at least a root module that enables bootstrapping, and typically
has many more feature modules.
2. Outline
Introduction
Architecture of an Angular application
Role of Angular in the Web World
Difference Between Angular And AngularJS
Applications
Conclusion
3. Introduction Recently, numerous new mobile and web-based
application frameworks have been released and
adopted in both communities of software
development industry and research. For example,
there are currently the KnockoutJS, BackboneJS and
ReactJS frameworks competing together with the
different versions of ‘Angular’ frameworks.
Usage of frameworks is a crucial technology to be
successful in developing business, Angular
has exploded in usage because of its unique features.
4. What is Angular ?
Angular is a platform and framework for
building single-page client applications
using HTML and TypeScript. Angular is
written in TypeScript. It implements core
and optional functionality as a set of
TypeScript libraries that we can import
into our apps.
5. Architecture of an Angular application
Architecture of an Angular application contains the main building blocks are modules,
components, templates, metadata, data binding, directives, services, and dependency injection.
● Together, a component and template define an Angular view.
○ A decorator on a component class adds the metadata, including a pointer to the
associated template.
○ Directives and binding markup in a component's template modify views based on
program data and logic.
● The dependency injector provides services to a component, such as the router service that
define navigation among views.
10. Top Applications made in Angular
● Gmail
● Forbes
● Upwork
● PayPal
● Weather.com
● Wikiwand
● JetBlue
● Creadoor
11. Gmail :
● Single-page app.
● Renders data on the front-end.
● Enables access to cached data in the
offline regime.
● Content is available offline.
● Live Hangouts chats available.
● Simple interface & uninterrupted
experience.
● Huge user oriented app.
● More than 1.5 billion users.
12. Forbes :
● “Write once, use everywhere”
principle : The reusable codebase
allows the Forbes website to
perform well on any device, OS, or
browser.
● An uninterrupted, rich experience is
here as well. Readers just scroll and
browse the website as long as they
want to; interesting articles
organically appears on the screen.
● Support and maintenance are simple:
The frame grows and improves, so
the Forbes website does as well.
13. jetBlue :
● Seamless Booking and
Search Flights features
that help to find the
best fares.
● Integration with third-
party services for
accommodations
booking and car
rentals.
14. Creadoor :
● Creadoor is an online
marketplace.
● Content producers & bloggers.
● Promoting personal brand or
business.
● Angular 7 on the front-end.
● PHP and Laravel on the back-
end.
● 3 different types os databases :
MySQL, MongoDB and Redis.
● Stripe for payment processing,
etc.
16. PayPal :
❖ On a website, we will notice a simple
few-clicks authorization feature for
both individual or business use built
in Angular.
❖ Seamless checkout that allow
completion of the purchase without
leaving the web store is real thanks
to checkout.js - an Angular tool.
❖ There is tons of information, tutorials
and tips regarding PayPal integration
with Angular websites.
17. Upwork :
● Seamless navigation: The framework
provides out-of-the-box solutions to
upgrade any website with intuitive
navigation and filtering.
● Just like many other website written
in Angular, Upwork demonstrates
high webpage performance.
18. AngularJS
Use Cases :
● On-demand video streaming apps
● User Review Apps
● Travel Apps
● Weather Apps
● Content portals apps
● Progressive web apps (PWAs)
● Static content and lightweight websites
● Enterprise web apps
● Dynamic content apps