Scribd
Upload
27 views4 pages

Angular Syllabus

The document outlines a comprehensive curriculum for learning Angular and TypeScript, covering topics such as TypeScript fundamentals, Angular framework introduction, components, services, forms, HTTP requests, authentication, and state management with Redux. It includes practical aspects like environment setup, deployment, and integration with backend technologies. The course is designed to equip learners with the essential skills needed to develop modern web applications using Angular and TypeScript.

Uploaded by

lavion609
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
27 views4 pages

Angular Syllabus

The document outlines a comprehensive curriculum for learning Angular and TypeScript, covering topics such as TypeScript fundamentals, Angular framework introduction, components, services, forms, HTTP requests, authentication, and state management with Redux. It includes practical aspects like environment setup, deployment, and integration with backend technologies. The course is designed to equip learners with the essential skills needed to develop modern web applications using Angular and TypeScript.

Uploaded by

lavion609
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

An ISO 9001 : 2015 Certified Company

Opp. Satyam Theatre, Durga Bhavani Plaza, Ameerpet, Hyd-16

ANGULAR
Introduction To TypeScript
 Introduction to Typescript
 JavaScript & Typescript

The Type System


 Primitive types & type inference
 Object type & type inference
 Intersection Types, Type Guards and Differentiating Types
 Index types, Mapped types, Conditional Types
 Function type & type inference
 Enums, Tuples
 Null able types
 Union types, intersection types
 Never and void types
 Creation of Custom Types

Oops In Typescript
 Classes, Class properties, Static Properties
 Constructors, getters & setters
 Inheritance, Abstract classes, Interfaces
 Access modifiers

Namespaces & Modules


 Namespaces and multiple files
 Loading Modules

Generics
 Generic functions, classes
 Generic types and arrays
 Constraints

Decorators
 Class Decorators
 Decorator Factories
 Method Decorators
 Property Decorators
 Parameter Decorators

Typescript Essentials
 tsc and tsconfig file
 debugging typescript

Introduction To Angular Framework


 Introduction to Angular Framework, History & Overview
 Features of Angular
 Versions and What’s new in Latest Version
 Environment Setup
 Angular CLI, Installing Angular CLI
 NPM commands & package.json
 Bootstrapping Angular App, Components, AppModule
 Project Setup, Editor Environments
 First Angular App & Directory Structure
 Angular Fundamentals, Building Blocks
 MetaData

Templates, Styles & Directives


 Template, Styles, View Encapsulation, adding bootstrap to angular app
 Built-in Directives
 Creating Attribute Directive
 Using Renderer to build attribute directive
 Host Listener to listen to Host Events
 Using Host Binding to bind to Host Properties
 Building Structural Directives

Essentials Of Angular
 Component Basics
 Setting up the templates
 Creating Components using CLI
 Nesting Components
 New Standalone Component in Angular 14
 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
 Host Listener to listen to Host Events
 Using Host Binding to bind to Host Properties
 Building Structural 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
 Understanding Hierarchical Injector
 Services for Cross Component Communication
 Injection Tokens

Angular Forms
 Template Driven Forms
 Reactive Forms
 Form Builder
 New Typed Forms in Angular 14
 Form Validations

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

Authentication And Route Protection


 How Authentication works in SPA
 Signup, Login and logout application
 Router Protection, Route Guards
 CanActivate interface
 Checking and using Authentication Status, Router Protection and Redirection

Modules
 Built-in Security contexts
 Using AOT Compilation
 Feature Modules
 Routes with Feature module
 Shared Modules
 Optimization and performance issues
 Auth Feature Module
 Lazy loading of modules, cross module communication
 Protecting Lazy Loaded Routes
 Understanding Core Module

Observables & Rxjs Operators


 Basics of Observables & Promises
 Analysing a Built-in Angular Observable
 Building & Using a First Simple Observable
 Building & Using a Custom Observable from Scratch
 Understanding Observable Operators
 Using Subjects to pass and listen to data

Deploying An Angular App


 Deployment Preparations
 JIT vs AOT Compilation
 Integration with Back-End Technologies
 Setup development env and backend env, Environments configuration
 Deployment to Cloud

App State Management With Redux


 Redux introduction, Installing redux
 Building Blocks of Redux
 Working with Actions, Reducers

Node Introduction
 MongoDB CRUD Operations
 MEAN Stack
 Final End to End Application

You might also like