Scribd
Upload
149 views2 pages

Angular Framework Overview & Key Concepts

Vishal Padhaar introduces himself in the document. He has 4 years of experience in software engineering and 2 years of experience as a full-stack developer. He currently works as an engineer at System Level Solution. His short term goal is to get a job at a reputed company to improve his skills, and his long term goal is to get a responsible position like project leader at a company proud of his work.

Uploaded by

Vishal Padhar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
149 views2 pages

Angular Framework Overview & Key Concepts

Vishal Padhaar introduces himself in the document. He has 4 years of experience in software engineering and 2 years of experience as a full-stack developer. He currently works as an engineer at System Level Solution. His short term goal is to get a job at a reputed company to improve his skills, and his long term goal is to get a responsible position like project leader at a company proud of his work.

Uploaded by

Vishal Padhar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

About Self

Hi, Good morning/ evening,

My name is Vishal Padhaar and I am from nadiad. I have a total 4 years of


experience in Software engineering and 2 years of experience as a full-stack developer.
Currently I am working at System Level Solution as an Engineer. My roles and
responsibilities as full-stack developer.
If I talk about my short-team goal My short-team goal is to get a good job in a reputed
company where I could improve my skills and gain my knowledge.
Now, The long-term goal is to get a responsible position like project leader and also
the company should be proud of my work and effort.
So, This is all about me. Thank you.

1.  What is Angular Framework?


Angular is a TypeScript-based open-source front-end platform that makes easy to
build applications with in Web/ Mobile/ desktop. The major features  of this
framework such as declarative templates, dependency injection, end to end tooling,
and many more features are used to ease the development.

2. What is TypeScript?
TypeScript is a typed superset of JavaScript created by Microsoft that adds optional
types, classes, async/await, and many other features, and compiles to plain
JavaScript. Angular built entirely in TypeScript and used as a primary language. You
can install it globally as
npm install -g typescript

3. What are the key components of Angular?


i. Component: These are the basic building blocks of angular application to
control HTML views.
ii. Modules: An angular module is set of angular basic building blocks like
component, directives, services etc. 
iii. Templates: This represent the views of an Angular application.
iv. Services: It is used to create components which can be shared across the
entire application.
v. Metadata: This can be used to add more data to an Angular class.

4. What are directives?


Directives add behaviour to an existing DOM element or an existing component
instance.There are four types of directives in Angular

 Components directives
 Structural directives
 Attribute directives
 Custom Directive
Structural Directives

Structural Directives are directives which change the structure of the DOM by adding
or removing elements. There are three built in structural directives, NgIf, NgFor and
NgSwitch.
Example: Structural Directives
<div *ngIf="user$ | async as user">
  <span>Name: {{user.name}}</span>
  <span>Age: {{user.age}}</span>
</div>
Attribute Directives
Attribute directives change the appearance or behavior of an element, component, or
another directive. ngClass, ngStyle are examples of attribute directives built-in to the
Angular framework.
Example: Attribute Directives
<p [ngStyle]="{'background': isBlue ? 'blue' : 'red'}"> I am an Attribute
Directive</p>
 

5. What are components?

Components are the most basic UI building block of Angular Application which formed a tree
of angular components.

You might also like