Angular JS Online Training
Overview
Who should attend Angular JS training?
.
Prerequisites
Should have knowledge on the basics of HTML and CSS
Should have knowledge of the basic concepts of JavaScript.
Market Demand
Currently, there are numerous job opportunities available for Angular JS developers all over the world
On average, the certified ReactJS professionals are earning $120,000 USD per annum.
Many top multinational companies are hiring certified Angular JS professionals around the globe.
- Introduction to Angular
- AngularJS (vs) Angular
- Angular Version History
- Architecture of Angular Apps
- Setting Up the Development Environment
- Installing NodeJS, NPM
- Installing Visual Studio Code
- Angular CLI
- Your First Angular App
- Structure of Angular Projects
- Webpack
- Introduction
- What is TypeScript?
- Your First TypeScript Program
- Declaring Variables
- Types
- Type Assertions
- Arrow Functions
- Interfaces
- Classes
- Objects
- Constructors
- Access Modifiers
- Access Modifiers in Constructor Parameters
- Properties
- Modules
- Introduction
- Building Blocks of Angular Apps
- Components
- Templates
- Metadata
- Data Binding
- Directives
- Services
- Dependency Injection
- Generating Components Using Angular CLI
- Generating Services Using Angular CLI
Angular CLI
- Introduction
- Property Binding
- Attribute Binding
- Adding Bootstrap
- Class Binding
- Style Binding
- Event Binding
- Event Filtering
- Template Variables
- Two-way Binding
- Pipes
- Custom Pipes
- Introduction
- Component API
- Input Properties
- Aliasing Input Properties
- Output Properties
- Passing Event Data
- Aliasing Output Properties
- Templates
- Styles
- View Encapsulation
- ngContent
- ngContainer
- Introduction
- ngIf
- Hidden Property
- ngSwitchCase
- ngFor
- ngFor and Change Detection
- ngFor and Trackby
- The Leading Asterisk
- ngClass
- ngStyle
- Safe Traversal Operator
- Creating Custom Directives
- Introduction
- Building a Bootstrap Form
- Types of Forms
- ngModel
- Adding Validation
- Specific Validation Errors
- Styling Invalid Input Fields
- Cleaner Templates
- ngForm
- ngModelGroup
- Control Classes and Directives
- Disabling the Submit Button
- Working with Check Boxes
- Working with Drop-down Lists
- Working with Radio Buttons
- Introduction
- Building a Bootstrap Form
- Creating Controls Programmatically
- Adding Validation
- Specific Validation Errors
- Implementing Custom Validation
- Asynchronous Operations
- Asynchronous Validators
- Showing a Loader Image
- Validating the Form Input Upon Submit
- Nested FormGroups
- FormArray
- FormBuilder
- Introduction
- JSON PlaceHolder
- Getting Data
- Creating Data
- Updating Data
- Deleting Data
- On-Init Interface
- Separation of Concerns
- Extracting a Service
- Handling Errors
- Handling Unexpected Errors
- Handling Expected Errors
- Throwing Application-specific Errors
- Handling Bad Request Errors
- Importing Observable Operators and Factory Methods
- Global Error Handling
- Extracting a Reusable Error Handling Method
- Extracting a Reusable Data Service
- The Map Operator
- Optimistic vs Pessimistic Updates
- Observables vs Promises
- Introduction
- Routing in a Nutshell
- Configuring Routes
- RouterOutlet
- RouterLinkActive
- Getting the Route Parameters
- Why Route Parameters Are Observables
- Routes with Multiple Parameters
- Query Parameters
- Subscribing to Multiple Observables
- The SwitchMap Operator
- Programmatic Navigation
- Introduction
- Application Overview
- Architecture
- JSON Web Tokens
- Starter Code
- Implementing Login
- Implementing Logout
- Showing or Hiding Elements
- Showing or Hiding Elements based on the User's Role
- Getting the Current User
- CanActivate Interface
- Redirecting Users After Logging In
- Protecting Routes Based on the User's Role
- Accessing Protected API Resources
- Introduction
- What is Angular Material
- Installing Angular Material
- Check Boxes
- Radio Buttons
- Selects
- Inputs
- Text Areas
- Date Pickers
- Icons
- Buttons
- Chips
- Progress Spinners
- Tooltips
- Tabs
- Dialogs
- Passing Data to Dialogs
- Other Components
- Introduction
- Examples of Animations
- Different Ways to Create Animations
- Angular Animations
- Importing the Animations Module and Polyfills
- Implementing a Fade-in Animation
- Implementing a Fade-out Animation
- States
- Transitions
- Creating Reusable Triggers
- Easings
- Keyframes
- Creating Reusable Animations with animation()
- Parameterizing Reusable Animations
- Animation Callbacks
- Querying Child Elements with query()
- Animating Child Elements with animateChild()
- Running Parallel Animations with group()
- Staggering Animations with stagger()
- Working with Custom States
- Multi-step Animations
- Separation of Concerns
- Introduction
- What is Redux
- Building Blocks of Redux
- Pure Functions
- Installing Redux
- Working with Actions
- The Select Decorator
- Avoiding State Mutation
- Using Immutable.js
- Exercise
- Redux DevTools
- Calling Backend APIs
- Refactoring Fat Case Statements
- Dealing with Complex Domains
- Introduction
- What is Automated Testing?
- Types of Tests
- Unit Testing Fundamentals
- Working with Strings and Arrays
- Set Up and Tear Down
- Working with Forms
- Working with Event Emitters
- Working with Spies
- Interaction Testing
- Working with Confirmation Boxes
- Limitations of Unit Tests
- Code Coverage
- Introduction
- The Setup
- Generating the Setup Code
- Testing Property Bindings
- Testing Event Bindings
- Providing Dependencies
- Getting the Dependencies
- Providing Stubs
- Testing the Navigation
- Dealing with Route Params
- Testing RouterOutlet Components
- Shallow Component Tests
- Testing Attribute Directives
- Dealing with Asynchronous Operations