Overview

Angular is a platform and framework for building single-page client applications using HTML and TypeScript. As a platform, Angular includes: A component-based framework for building scalable web applications. A collection of well-integrated libraries that cover a wide variety of features, including routing, forms management, client-server communication, and more.

We work with job seekers to meet them exactly where they are by offering personalized, customized support to meet their needs while assisting them in navigating their next career opportunity. Faced with the current realities of an ever-changing workforce, we believe our placement services must meet individuals exactly where they are. Our customized and personalized Training and Placement programs offers better career in Angular JS

Pre-requisites and Eligibility

There are no pre-requisites for ANGULAR JS. However, a basic understanding of computer science technicalities and basic understanding of HTML, CSS, JavaScript, Basic OOPS concept but it is not mandatory. Don't worry, we will cover fundamentals in detail in our course

Syllabus

Chapter 1 – Introduction
- Introduction
- What is Angular
- Angular Vs Angular 2-13
- Project Setup and First App
- Editing First App
- Basic Project Setup using Bootstrap for Styling
Chapter 2 – Basics
- Introduction
- Angular App gets Loaded and Started
- Components
- Creating a new Component
- Role of App Module & Component Declaration
- Custom Components
- Creating Components with CLI & Nesting Components
- Working with Component Templates
- Working with Component Styles
- Component Selector
- What is Databinding
- String Interpolation
- Property Binding
- Difference between property binding vs String Interpolation
- Event Binding
- Bindable properties and Events
- Passing and Using Data with Event Binding
- Two-way Data Binding
- Combining all forms of Databinding
- Directives
- Using ngif to Output Data Conditionally
- Enhancing ngif with an Else Condition
- Styling elements dynamically with ngStyle
- Applying CSS Classes Dynamically with ngClass
- Outputting Lists with ngFor
- Getting the Index when using ngFor
Chapter 3 – Components
- Introduction
- Splitting Apps into Components
- Property & Event Binding overview
- Binding to custom properties
- Assigning an alias
- Binding to custom events
- Assigning an alias
- Custom property and event binding
- View Encapsulation
- Using local references in Templates
- “@ViewChild() “ in Angular 8
- Getting access to the template & DOM with @ViewChild
- Project content into components with ng - content
- Component Lifecycle
- Lifecycle hooks in Action
- Lifecycle hooks and Template Access
- “@ContentChild()” in Angular
- Getting Access to ng-content with @ContentChild
Chapter 4 – Directives
- Introduction
- ngFor and ngIF
- ngClass and ngStyle
- Creating a basic Attribute Directives
- Using the Renderer to build a better Attribute Directive
- Using HostListener to listen to host events
- Using HostBinding to bind to host properties
- Building to Directives Properties
- Structural Directives
- Building a Structural Directive
- ngSwitch
Chapter 5 – Services and Dependency
- Introduction
- Why do we need Services
- Creating a Logging Service
- Injecting the Logging Service into Components
- Creating Data Service
- Hierarchical Injector
- How many instances of Service should it be
- Injecting Services into Services
- Using Services for Cross-Component Communication
- Services in Angular 6+
Chapter 6 - Routing
- Introduction
- Why do we need a Router
- Project example
- Setting up & loading routes
- Navigating with Router links
- Navigation Paths
- Styling Active Router links
- Navigating Programmatically
- Relative Paths in Programmatic Navigation
- Passing Parameters to Routes
- Fetching Route Parameters
- Fetching Route Parameters Reactively
- Route Observables
- Passing Query Parameters and Fragments
- Practicing and some Common Gotchas
- Setting up Child(Nested) Routes
- Query Parameters
- Configuring the Handling of Query Parameters
- Redirecting and Wildcard Routes
- Path Matching
- Outsourcing the Route Configuration
- Guards
- Protecting Routes with canActivate
- Protecting Child(Nested) Routes with canActivateChild
- Using a Fake Auth Service
- Controlling Navigation with canDeactivate
- Passing Static Data to a Route
- Resolving Dynamic Data with resolve Guard
- Location Strategies
Chapter 7 – Observables
- Introduction
- Install RxJS
- Analyzing Angular Observables
- Getting Closer to the core of Observables
- Building a Custom Observable
- Errors & Completion
- Observables
- Operators
- Subjects
Chapter 8-Handling Forms in Angular Apps
- Introduction
- Why do we need Angular helps
- Template-Driven(TD) vs. Reactive Approach
- Form Example
- TD: Creating the Form and Registering the Controls
- TD: Submitting and Using Form
- TD: Form State
- TD: Accessing Form with @ViewChild
- TD: Adding Validation to check user input
- Built-in Validators & Using HTML5 Validation
- TD: Using Form State
- TD: Outputting Validation Error Messages
- TD: Set Default Values with ngModel Property Binding
- TD: Using ngModel with Two-way-binding
- TD: Grouping Form Controls
- TD: Handling Radio Buttons
- TD: Setting and Patching Form Values
- TD: Using Form Data
- TD: Resetting Forms
- Introduction to Reactive Form
- Reactive: Setup
- Reactive: Creating a Form in Code
- Reactive: Syncing HTML and Form
- Reactive: Submitting the Form
- Reactive: Adding Validation
- Reactive: Getting Access to Controls
- Reactive: Grouping Controls
- Reactive: Arrays of Form Controls(FormArray)
- Reactive:Creating Custom Validators
- Reactive:Using Error Codes
- Reactive: Creating a Custom Async Validator
- Reactive: Reacting to Status or Value Changes
- Reactive:Setting and Patching Values
Chapter 9 – Pipes to Transform Output
- Introduction
- Why pipes are useful
- Using Pipes
- Parameterizing Pipes
- Chaining Multiple Pipes
- Creating a Custom Pipe
- Parameterizing a Custom Pipe
- Creating a Filter Pipe
- Pure and Impure Pipes
Chapter 10 - Making Http Requests
- Introduction
- How does Angular Interact with Backends
- Http Request
- Backend(Firebase) Setup
- Sending a POST Request
- Getting Data
- Using RXJS Operators to Transform Response Data
- Using Types with the HttpClient
- Outputting Posts
- Showing a Loading Indicator
- Using a Service for Http Requests
- Services & Components Working Together
- Sending a Delete Request
- Handling Errors
- Using the catchError Operator
- Error Handling & UX
- Setting Headers
- Adding Query Params
- Observing Different Types of Responses
- Changing the Response Body Type
- Introducing Interceptors
- Manipulating Request Objects
- Response Interceptors
- Multiple Interceptors
Chapter 11 - Authentication & Route Protection
- Introduction
- How Authentication Works
- Adding the Auth Page
- Switching between Auth Modes
- Handling Form Input
- Preparing the Backend
- Preparing the Signup Request
- Sending the Signup Request
- Adding a Loading Spinner & Error Handling Logic
- Improving Error Handling
- Sending Login requests
- Login Error Handling
- Creating & Storing the User Data
- Reflecting the Auth State in the UI
- Adding the Token to outgoing Requests
- Adding Logout
- Adding Auto-Login
- Adding Auto-Logout
- Adding an Auth Guard
Chapter 12 – Dynamic Components
- Introduction
- Adding an Alert Modal Component
- Understanding the different Approaches
- Using ngIf
- Preparing Programmatic Creation
- Creating a Component Programmatically
- Entry Components
- Data Binding & Event Binding
Chapter 13 - Angular Modules & Optimizing
- Introduction
- What are Modules
- Analyzing the AppModule
- Getting Started with Feature Modules
- Splitting Modules Correctly
- Adding Routes to Feature Modules
- Component Declarations
- The ShoppingList Feature Module
- Shared Modules
- Core Module
- Adding an Auth Feature Module
- Lazy Loading
- Implementing Lazy Loading
- Preloading Lazy-Loaded Code
- Modules & Services
- Loading Services Differently
- Ahead-of-Time Compilation
Chapter 14 - Deploying an Angular App
- Introduction
- Deployment Preparation & Steps
- Using Environment Variables
- Deployment Example: Firebase Hosting
- Server Routing vs. Browser Routing
Chapter 15 - Interview Questions
Chapter 16 - Mock Interview and Mock Interview Answers
Chapter 17 - Resume Preparation session and sample resumes

Audience for this course:

IT professionals , Software testers , System administrators , Solution architects , Security engineers , Application developers ,Integration specialists , windows Administrators, Java Developers, Data analysts and database administrators, Database Administrator, System architects, IT managers, IT administrators and operators, IT systems engineers, data engineers and database administrators, data analytics administrators, cloud, web engineers, Project Managers, Software Architects, ETL and Data Warehousing Professionals, Data Engineers, Data Analysts & Business Intelligence Professionals, DBAs and DB professionals, Senior IT Professionals, Testing professionals, Mainframe professionals, Graduates looking to build a career in IT Field.

Mode of Training

Classroom Training
Online Instructor-Led Live Training
Online Self-paced training sessions

Week days batch

Class Room Training
Online Instructor Led Live Training
Online Self-paced training sessions

Week end batch

Class Room Training
Online Instructor Led Live Training
Online Self-paced training sessions

Fast track Batch

Class Room Training
Online Instructor Led Live Training
Online Self-paced training sessions

KNOW ABOUT OUR TRAINERS TEAM

Trendnologies Angular training in Chennai is led by experts with over a decade of experience. Additionally, our Trainers at TRENDNOLOGIES assist and guide you for certification examinations
Administrated and mastered by highly skilled industry experts with 20+ years of strong IT experience in leading MNC companies as Architect and Senior Technical consultant
10+ Years of Hands-on expertise in IT industry
Our Trainers are certified professionals with 9+ years of experience in their respective domains as well as they are currently working with Top MNCs
10+ years of delivering exceptional service to candidates in Training and placements
Completed 100+ classroom and 100+ online batches successfully
Our instructors are industry experts and subject specialists who have mastered the art of running applications and giving students with the Best training
We have earned various significant awards from renowned IT firms Training in Chennai
Trained and Placed over 3000+ professionals in a single year
Experience professional and Placement oriented instructional technical trainers
Proven ability to plan and execute programs on time
Knowledge of "current best practices" and the latest research in the use of technology to enhance teaching and learning
Our Trainers have worked on a variety of on-going projects in their respective industries
Trainers also assist candidates in being placed in their particular companies through the Employee Referral / Internal Hiring procedure

Key features

100% Placement guarantee
Career Oriented Training
Hands-on with Case Studies
Industry Expert Faculties
Fast track placement mode

Managed and mastered by highly skilled Industry Experts
Both Classroom Training and Online Training
Complete Career Guidance
Mock Tests and Interviews
Resume Preparation and Interview preparation support
Multiple revision classes through training library
Placement in Top MNC Company
Online Professional Certification assistance
Technical Job Support after course completion and Placement
Job Assistance | Access to official content aligned to exam
Practice Labs & Projects
Support 24/7 * 365 days

ANGULAR TRAINING