Starting with Angular 5 Application

• Angular vs Angular 2 vs Angular 5
• Overview of Sample Application
• Course Overview
• Language Use for Development
• Different Editor Overview
• Environment setup for Angular5
• Installing an Angular 5 Application
• Starting an Angular 5 Application
• Hosting Angular5 application using seed

Components in Angular5

• Introduction
• Use of Component?
• What is Component Class
• Integrating Decorator
• Implement and defining the Metadata
• Importing Third Party Library
• Creating first App Component
• Loading/Bootstrapping App Component

Directives In Angular 5

• Create Directive using Components
• Binding/ Interpolation data in component
• Implementing ngIf Directives
• Implementing ngFor Directives

Templates and Interpolation

• Design Template in Angular5
• Building the Component

Interpolation & Pipes/Custom Pipes

• Binding property and values
• Implement Input with Two-way Binding
• Implement Events with Event Binding
• Custom Pipes and Data transforming

Nested Components

• Component inside Component
• How to use Nested Component
• Use @Input to Pass data in Nested Component
• Use @Output to Pass data from Nested Component

Deep Inside Components

• Interfaces Classes in Angular5
• Adding Styles to component
• Different Lifecycle Hooks
• Adding Custom Pipes
• How to use Module Id

Dependency Injection and Service Angular5

• What is Dependency Injection
• Design a Service
• Build the Service
• Injecting the Service

Adding Retrieving Data Using HTTP

• Building API Link
• Sending data in HTTP Request
• Exception Handling
• Observables from RXJS
• Reactive Extensions
• Subscribing data using Observable

Navigation and Routing Basics

• How Routing Works
• Configuring Routes
• Tying Routes to Actions
• Placing the Views

Angular5 Routing and Navigation

• Sending Parameters to a Route
• Activating a Route with Code
• Authenticate Routes

Form Basic in Angular 5

• Creating new angular-seed Project
• Form and ngForm in Ang5
• Stop Inbuilt Form Validation of Browser
• Add bootstrap to Style Forms and Text Input
• Use Radio Buttons in Form
• Use Select and Options in Form
• Use Checkboxes in Form

Binding Data in Angular5 Forms

• Use ngModel for 2-way binding
• Data Binding in Angular5 Forms
• Use Model Object
• Binding Models
• Data Binding in Select Control
• Data Binding in Checkbox
• Data Binding in Radio Buttons

Validate Form in Angular5

• Validation Classes
• Properties of ngModel Validation
• Display Error Messages in Form
• Add Style Controls in Errors
• Select List validation
• Deep inside the Select Control
• Enable/Disable Submit Button
• Top Form Level Validation
• Attributes of HTML 5

Posting Data using HTTP in Angular5 Forms

• Create Server Using Angular
• Post a Form data in Angular Server
• Event Handling in Form's Submit
• Adding Validation to form in Angular5
• Adding RsJx
• Using Observable and a Subscriber
• Send data to the Server
• Handling Error
• Dynamic Options for a Select Control

Third-party Form Controls

• External Date picker in Angular5
• Adding Time picker in Forms
• Styling up ng5-bootstrap
• Add Switch in Angular5
• Multiple Radio Buttons

Reactive Form in Aangular5

• Starting with reactive form
• From builder
• Binding data
• Validation in form
• Run time validation

Modules in Angular5

• Use of Module in Angular5?
• Declarations of Array in Angular5
• Import and Export Various Array
• Angular5 Providers
• Building Shared Module in Angular5