Syllabus of AngularJS Course in Chennai
Angular 2/4/5/6/8/9 Training in Chennai
Create web-based Single Page Applications using Angular 2/4/5/6 Versions. Learn how to make a static web page more interactive thus enhancing its user experience. Course Syllabus available below.
AngularJS Training in Chennai Syllabus
- Introduction
- Dynamic Binding
- Directives
- Controllers
- Scope
- Services
- Factories
- Expressions
- Form Validations
- Filters
- Custom Directives
- Routing
- Making an API Call
- Modules
- Dependency Injection
Best Angular 2/4/5/6/8 Training in Chennai
Before Started with Angular 5 Topics we will give basic Overview on Angular 2/4 Versions. Learn depth knowledge in Angular Versions 2,4,5,6 in Chennai with the help of Real Time Experts. We listed below the latest version of Angular 5 Topics.
Angular 5 Training Chennai Syllabus
Section 1: Getting Started with Angular 5
- Course Introduction
- What is Angular
- Angular vs Angular 2 vs Angular 4 vs Angular 5
- CLI Deep Dive
- Project Setup and First App
- The Course Structure
- What is TypeScript
- A basic setup of Bootstrap for Styling
Section 2: The Basics of Angular 5
- Module Introduction
- How an Angular App gets loaded and started
- Components
- Creating new Component
- Understanding the role of AppModule and Component Declaration
- Understanding Component Templates
- Understanding Component Styles
- Understanding Component Selector
Section 3: Databinding & Directive Concepts
- Module Introduction
- What is Databinding
- String Interpolation
- Property Binding
- Property Binding vs String Interpolation
- Event Binding
- Bindable Properties and Events
- Passing and Using Data using Event Binding
- Two-Way Binding
- Forms Module and Two Way Binding
- Understanding Directives
- Using ngIf and Else Conditions
- Using ngStyle for Styling Angular App
- Applying CSS Class dynamically with ngClass
- Displaying Lists using ngFor
Section 4: Advanced Component and Databinding
- Module Introduction
- Dividing the App into multiple components
- Property and Event Binding deep dive
- Binding to custom properties
- Binding to custom events
- View Encapsulation
- Understanding Local Reference inside Templates
- Getting Access to the templates using @ViewChild.
- Exploring Component Life Cycle
- Life cycle hooks deep dive
Section 5: Advance Directive Concepts
- Creating a basic custom attribute directive
- Exploring Renderer to create a Directive
- Understanding HostListener and HostBinding
- Binding to Directive’s Properties
- Building Structural Directives
- Exploring switch
Section 6: Understanding Services and Implementing Dependency Injection
- Module Introduction
- Why Services are required
- Creating a Service
- Injecting the service into components
- Understanding Dependency Hierarchical Injector
- Injecting a Service into other services
Section 7: Routing in Angular 5
- Module Introduction
- Understanding the need of a Router
- Setting Up and implementing Routes
- Navigating to Router Links
- Understanding Router Paths
- Styling Active Router Links
- Understanding Navigation Paths
- Styling Router Links
- Navigating Dynamically
- Using Relative Paths
- Passing Parameters to Routes and fetching route parameters
- Fetching route parameters in a Reactive Way
- Passing query parameters and fragments
- Understanding Nested Routes
- Redirecting and Wildcard routes
- Redirection Path Matching
- Outsourcing the Route Configuration
- Introduction to Guards
- Understanding can activate
- Understanding can activate child
- Understanding can deactivate
- Passing Static Data to a Route
- Understanding Resolve Guard
- Exploring Location Strategies
Section 8: Observables in Angular 5
- Module Introduction
- Understanding built-in Angular Observable
- Creating Observables
- Using a Custom observable
- Unsubscribe
- Using Subjects to pass and Listen to Data
- Understanding Observable Operators
Section 9: Forms in Angular 5
- Module Introduction
- Need of Angular’s help
- Template Driven vs Reactive Approach
Template Driven Approach
- TD: Creating the Form and Registering the controls
- TD: Submitting and Using the form
- TD: Understanding Form’s State
- TD: Accessing Form using @ViewChild
- TD: Adding Validation to user input
- TD: Built-in Validator and using HTML 5 Validation
- TD: Understanding Form State
- TD: Outputting Validation Error Messages
- TD: Set Default Value with ngModel Property Binding
- TD: Using ngModel and two-way binding
- TD: Grouping Form Controls
- TD: Using Form Data
Reactive Form Approach
- Reactive: Creating a Form in Code
- Reactive: Submitting the form
- Reactive: Adding Validation
- Reactive: Getting Access to Controls
- Reactive: Grouping Controls
- Reactive: FormArray
- Reactive: Custom Validators
- Reactive: Exploring Error Codes
- Reactive: Custom Async Validator
Section 10: Exploring Pipes in Angular 5
- Module Introduction
- Using Pipes
- Parameterizing Pipes
- Chaining Multiple Pipes
- Creating a custom Pipe
- Pure & Impure Pipes
- Understanding the Async Pipe
Section 11: Making HTTP Requests in Angular 5
- Introduction & how HTTP request works in SPAs
- Sending POST Request
- Adjusting request headers
- Sending GET requests
- Sending PUT Requests
- Response with observable operators
- Catching HTTP errors
- Using the async pipe with HTTP Requests
Section 12: Authentication & Route Protection in Angular Apps
- Module Introduction
- How Authentication works in SPAs
- Introduction to JWT
- Creating a Signup Page and Route
- Setting up Firebase SDK
- Signing users up
- Signing users in
- Token introduction
- Sending a token
- Route protection and redirection example.
Section 13: Typescript Introduction
- Module Introduction
- Using types
- Classes
- Interface
- Generics
- Wrap up & Modules
- Deep dive into typescripts.
Section 14: Project: This section will cover a course project where we will try to implement all the topics we covered in each session. The course project will run after the completion of each module.
Angular 9 Syllabus
TypeScript v.3
- Introduction to TypeScript
- Overview of TypeScript
- Why TypeScript?
- JavaScript vs TypeScript
- Installation of tools
- Installing Brackets – an IDE
- Installing TypeScript using npm
- Datatypes in TypeScript
- Primitive Datatypes
- User-defined Datatypes
- Tuples and Unions
- Variables and Operators
- Decision Makers and Loops
- if, if-else, switch statements
- for, while loops
- forEach in TypeScript
- Functions in TypeScript
- Defining and Calling a Function
- Returning functions
- Parameterized functions
- Arrow functions
- Inbuilt methods in TypeScript
- String methods
- Array methods
- Other inbuilt methods
- Oops in TypeScript
- Introduction to Classes and Objects
- Interfaces
- Inheritance
- Winding up with TypeScript
- Revising the TypeScript Concepts
- Bridging TypeScript to Angular
Angular 9
- Introduction to Angular
- What is Angular?
- Features of Angular
- Angular versions
- AngularJS vs Angular 2+
- What’s new in Angular 9
- Installation of tools
- Installing the latest version of nodeJS
- Installing Angular 9 using a node package manager (npm)
- Installing an IDE like Visual studio code
- Getting started with our First Angular Project
- List of commands for creating, running and building a project
- Create a new Angular project
- The folder structure of an Angular Project
- Linking bootstrap with Angular
- Linking icons, fonts with the Projects
- Angular Components and Modules
- What are the components?
- Structure of a component
- Default vs custom components
- Creating components manually
- Creating components using npm
- Calling a component
- Nesting components
- Execution flow of Angular applications
- Component Interactions
- Introduction to Modules
- Navigation using Routers
- Introduction to Angular routings
- Nested routes
- Relative path vs Absolute paths
- Lazy loading modules
- Pre-loading modules
- Preventing unauthorized access using protected routes
- Angular Templates and Directives
- Angular elements
- Advance concepts of components
- Angular Lifecycle hooks
- Structural directives
- Attribute directives
- Custom directives
- Data Binding
- Introduction to data binding
- String Interpolation
- Property Binding
- Event Binding
- Two-way data binding
- Services and Dependency injection
- What are Services?
- Need for Services
- Creating a Service
- Achieving inter-component data exchange
- Dependency injection in Angular
- Creating an injectable service in a class
- Injecting services
- Angular Animations
- Introduction to Angular Animations
- Creating a Basic Animation
- Example for Advanced Animations
- Creating Re-usable Angular Animations
- Angular Pipes and Maps
- Introduction to Pipes
- Importing and using pipes
- Parameterizing pipes
- Chaining pipes
- Custom pipes
- Creating a Filter pipe
- Angular Forms
- Introduction to Angular Forms
- Template-driven forms
- Reactive forms
- TDD vs Reactive forms
- Adding validations to forms
- Displaying error messages
- Angular Observables and RxJS
- Introduction to Observables
- Using observables to pass data
- Type-ahead suggestions using Observables
- Introduction to RxJS library
- Server Interactions using HTTP
- Introduction to Http Client Services
- HTTP get vs post
- Requesting and sending data to the server
- Sending get Request
- Sending put Request
- Adjusting Request Headers
- Deployment of the Application
- Building the Application
- Steps to host the application on some server
- Hosting the Application
- Building a Real-time Website for an Imaginary University
- Creating the Project Setup
- Linking BootStrap
- Creating modules and grouping Components
- Implementing Lazy Loading and adding Routings
- Adding necessary Material Components
- Completing the contents
- Hosting the Website
- Bonus
- Introduction to Angular Material
- Working with any of three External Plugins
