Scribd
Upload
4 views

Lesson 01 What is Angular

Angular 17 is a structural framework for dynamic web applications, evolving from AngularJS, which emphasizes a clean Model View Controller (MVC) architecture. It features improvements such as TypeScript support, two-way data binding, and dependency injection, making it faster and more productive than its predecessors. Angular 17 is open source, backed by Google, and has a large community contributing to its development.

Uploaded by

fathamdq
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
4 views

Lesson 01 What is Angular

Angular 17 is a structural framework for dynamic web applications, evolving from AngularJS, which emphasizes a clean Model View Controller (MVC) architecture. It features improvements such as TypeScript support, two-way data binding, and dependency injection, making it faster and more productive than its predecessors. Angular 17 is open source, backed by Google, and has a large community contributing to its development.

Uploaded by

fathamdq
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 27

Angular 17

Lesson 1—What is Angular?


Introduction

“Angular is what HTML would have been had it been


designed for applications.”

Miško Hevery
- Creator of AngularJS
Introduction

173,8171 websites have used AngularJS.

builtwith.com

Angular is powered by
Learning Objectives

What is Angular?

Advantages of Angular 17

Features of Angular 17
What is Angular?
Topic 1—What is Angular?
What Is Angular?

Angular is a structural framework for dynamic web applications.

AngularJS provides developers an option to write client side application (using


JavaScript) in a clean Model View Controller (MVC) way.
Angular—History

Angular was created in the year 20017 as AngularJS.

It is a large and fast- It is Open Source and

growing community. supported by Google.


Angular—History (Contd.)

• Additional concepts from • Performance


The first stable version
Angular • The changing web
• Patch releases
• Concept of a component- • Mobile
• Bug fixes
based architecture • Ease of use
• Small features
Angular 1.3 Angular 1.17 Angular 17.0

Angular 1.4 Angular 1.6 Angular 4


Performance Boost • Sandbox support has • Smaller and Faster
• 30% faster digest times vs. been removed • Animation Package
1.3 • Uses new router • Angular Universal
• New router • Uses ES6 modules • TypeScript 2.1 and 2.2
• Internationalization • Uses ES6 in general (this compatibility
• ng-animate, ng-messages, ng- will make migration easy) • New ParamMap interface
cookies * We will discuss more in the last
lesson of this course.
Getting Started With Angular 17

In Angular 17, JavaScript is replaced by TypeScript (TS).

Here is what you need for Angular 17:

• New Router

• Internationalization

• Material Design

• Migration plan to Angular 17 (If you are in Angular 1.x)


Advantages Of Angular 17 Over Angular 1

Simple

Consisten Flexible
t

Fast Productive
What is Angular?
Topic 2—Advantages of Angular 17
Angular 17 Over Other Frameworks

Angular 17 possesses the following features when compared to other frameworks.


Angular 17 Over Other Frameworks (Contd.)

Two-way Data Binding:

Data binding in AngularJS is the synchronization between the model and the view.

When data in the model changes, the view reflects the change, and when data in
the view changes, the model is updated as well.

In two-way data binding, data flows in both the directions, and you have to write less
code.
Angular 17 Over Other Frameworks (Contd.)

Dependency Injection (DI) is a design pattern that passes an object as a dependency to


different components across the application. DI helps in keeping the code modularized.

It enables HTML template Modularized code makes


programming within the browser unit testing easier
Angular 17 Over Other Frameworks (Contd.)

Directives are extended HTML attributes with the prefix


ng- .
It enables developers to extend HTML syntax to clearly express the application’s
components.
What is Angular?
Topic 3—Features of Angular 17
Features of Angular 17

Components Single Page Application Community

Angular 17 has ready-made components which include:


Services

Pipes Directives

Components
Data Binding Routing

Templates Modularizatio
n
Features of Angular 17 (Contd.)

Components Single Page Community


Application

Web applications are composed of a single page

Views (HTML Fragments) are dynamically loaded into the page

Better user experience (no reloads!)

Calls to the server are done asynchronously behind the scenes

Decoupling of front-end and back-end development


Features of Angular 17 (Contd.)

Components Single Page Application Community

Stars on GitHub 27.2 K


—

Third Party Modules 780 NgModules


—

Stack Overflow Questions 170K


—

GitHub Contributors 1700


—

Chrome Extension Users — More than 1170 K


Additional Features of Angular 17

Develops Single Page Application Keeps the client side app


using JavaScript Framework separate from the server side
app

Supports all major desktop


Develops testing friendly code
and mobile browsers

Well-organized and highly Creates much lighter web application


modular
Key Takeaways

AngularJS is a Single Page Application (SPA) JavaScript


Framework

AngularJS is open source JavaScript Framework

SPA is a web application composed of a single page


Quiz
QUIZ
Which of the following is correct for AngularJS?
1

a. It is a Single Page Application

b. Implements client-side MVW pattern

c. Focused on Testing

d. All of the above


QUIZ
Which of the following is correct for AngularJS?
1

a. It is a Single Page Application

b. Implements client-side MVW pattern

c. Focused on Testing

d. All of the above

The correct answer is d.


AngularJS is an SPA, implements client-side MVW pattern, and is focused on testing.
QUIZ Angular 17 is an open source JavaScript framework to build web
2 applications in HTML and JavaScript and has been conceived as a _______.

a. mobile first approach

b. UI first approach

c. web first approach

d. All of the above


QUIZ Angular 17 is an open source JavaScript framework to build web
2 applications in HTML and JavaScript and has been conceived as a _______.

a. mobile first approach

b. UI first approach

c. web first approach

d. All of the above

The correct answer is a.


Angular 17 is an open source JavaScript framework to build web applications in HTML
and JavaScript and has been conceived as a mobile first approach.
Thank You

You might also like