Scribd
Upload
86 views4 pages

ANGULAR

This document provides an overview of key concepts in Angular including components, data binding, templates, directives, pipes, services, dependency injection, HTTP requests, observables, routing, forms, and Angular Material. It discusses the purpose of Angular and how it addresses drawbacks of HTML and CSS for building user interfaces. Major topics include the DOM and DOM manipulation, TypeScript, classes, interfaces, modules, decorators, Angular app setup, essentials of components, templates, styles, built-in and custom directives, pipes, services, HTTP requests, observables and operators, routing, forms, and Angular Material.

Uploaded by

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

ANGULAR

This document provides an overview of key concepts in Angular including components, data binding, templates, directives, pipes, services, dependency injection, HTTP requests, observables, routing, forms, and Angular Material. It discusses the purpose of Angular and how it addresses drawbacks of HTML and CSS for building user interfaces. Major topics include the DOM and DOM manipulation, TypeScript, classes, interfaces, modules, decorators, Angular app setup, essentials of components, templates, styles, built-in and custom directives, pipes, services, HTTP requests, observables and operators, routing, forms, and Angular Material.

Uploaded by

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

ANGULAR

● Introduction to Angular
○ What is Angular
○ Purpose of Angular
○ Why Angular
○ Web Application
○ High Level Architecture of Web Application
○ Purpose of Front end, Backend and Database
○ Drawback of HTML and CSS to Create User Interface
● DOM and DOM Manipulation
○ What is DOM
○ How DOM is Created
○ Understanding the DOM Manipulation
○ Problems With DOM Manipulation
● Understanding the Framework and Development Platform
● Introduction to TypeScript
● Oops In Typescript
○ Classes,
○ Class properties,
○ Static Properties
○ Constructors,
○ getters & setters
○ Inheritance,
○ Abstract classes,
○ Interfaces
○ Access modifiers
● Namespaces And Modules
○ Namespaces and multiple files
○ Loading modules
● Decorators
○ Class Decorators
○ Decorator Factories
○ Method Decorators
○ Property Decorators
○ Parameter Decorators

● Development Setup of Angular


○ Angular Environment Setup
○ IDE for writing your code (Editor)
○ What is Node.js
○ Installing VS Code
○ Installing Node.js and NPM
○ Installing Angular CLI
○ Creating a New Angular Project
○ Building the Application
○ Running the Application
○ Editing the First App
● Essentials Of Angular
○ Component Basics
○ Setting up the templates
○ Creating Components using CLI
○ Nesting Components
○ Data Binding -
■ Property &
■ Event Binding,
■ String Interpolation,
■ Style binding
■ Two-way data binding
■ Input Properties,
■ Output Properties,
■ Passing Event Data
● Templates, Styles & Directives
○ Template,
○ Styles,
○ View Encapsulation,
○ adding bootstrap to angular app
○ Built-in Directives
○ Creating Attribute Directive
○ Using Renderer to build attribute directive
○ Building Structural Directives
○ Component Directives
● Pipes, Services & Dependency
○ Injection
○ Parametrized Pipes
○ Chaining Multiple Pipes
○ Creating a Custom Pipe
○ Creating a Filter Pipe Pure and Impure Pipes (or: How to "fix"
the Filter Pipe)
○ Understanding the "async" Pipe
○ Services
○ Dependency Injections
○ Creating Data Service
● HTTP Requests
○ App & Backend Setup
○ Sending Requests (Example: POST Request)
○ Adjusting Request Headers
○ Sending GET Requests
○ Sending a PUT Request
○ Transform Responses Easily with Observable Operators
(map())
○ Using the Returned Data Catching Http Errors
○ Using the "async" Pipe with Http Requests
● Observables & RXJS Operators
○ Basics of Observables & Promises
○ Analyzing a Built-in Angular Observable
○ Building & Using a First Simple Observable
○ Building & Using a Custom Observable from Scratch
Understanding Observable Operators
● Routing in Angular App
○ Routing and Navigation

○ The Component Router


○ Component Router Terminology

○ Setting up the Component Router

○ A Basic App with Routing

○ Router Outlet

○ Router Link

○ Creating a Routing Module

○ ForRoot() and ForChild()

○ Redirecting Routes

○ Wildcard Route

○ Child Routes / Nested Routes

○ Parameterize Route

○ Route Guards

○ NavigateByUrl

○ Query Parameters

● Angular Froms
○ What is form?
○ Forms in Angular
○ Template Driven Forms
○ Model-driven forms (Reactive forms)
○ Which one is better - Template Driven or Reactive?
● Angular Material

You might also like