Angular Course Training

These Angular docs help you learn and utilize the Angular stage and system, from your first application to streamlining complex venture applications.

Topics
User Experience similar to a Desktop Application
Productivity and scalability
Performance & unit testing
Community and support
Full-featured Framework
Mobile App Development support

• AngularJS (Angular 1.x)
• Angular 2
• Angular 4
• Angular 5
• Angular 6
• Angular 7

• Introduction
• What is Typescript
• Why Typescript
• Setup and installation
• IDE support
• Scoping using Let and Const Keywords (ES6)
• Template Literals (ES6)
• Spread Syntax and Rest Parameters (ES6)
• Destructuring (ES6)

• Introduction
• Type inference
• Type Annotations
• Number
• Boolean
• String
• Array
• Tuple
• Enum
• Any
• Void
• Null and Undefined
• Never (Typescript 2)

• Introduction
• Using types in functions
• Function as types
• Optional and default parameters
• Arrow functions

• Introduction
• Inheritance
• Access modifiers
• Getters and setters
• Readonly & static

• Introduction
• Optional properties and methods
• Strict structural contract
• Extending interface
• Implementing interface

• Introduction
• Import
• Export
• Default

• Will discuss various types of Decorators available in Angular.

• Angular CLI
• Anatomy of the project
• Debugging Angular apps
• Working with Augury

• Modules
• Components
• Templates
• Metadata
• Data binding
• Directives
• Services
• Dependency injection

• Why modules
• How to create modules
• Built in modules
• Root Module
• Feature module

• Introduction
• @Component decorator
• Component configuration object
• Custom components
• Component with templates

• HTML as template
• Data binding
• Template expressions
• Template syntax
• Attribute, class and style bindings
• @Input()
• @Output
• Template reference variables
• Safe navigation operator

• Introduction
• Built-in directives
• Structural directive
• Attribute directive

• Introduction
• Built-in pipes
• @Pipe decorator

• Introduction
• @angular/forms library
• Template driven forms
• Form and field validation
• Validation check with ng-pristine, ng-dirty, ng-touched, ng-untouched, ng-valid, ng-invalid
• Show and hide validation error messages
• Form submission with ngSubmit
• Reactive/ Model drive forms
• ReactiveFormsModule
• FormGroup, FormControl classes
• FormBuilder for easy form building
• Validations using Validators
• Setting form model using setValue and patchValue
• Use FormArray to build repeated form controls or form groups

• Introduction
• Why DI
• @Injectable decorator
• Custom service development
• Registering the service with NgModule using providers key
• Provider Types

• Introduction
• @angular/router library
• Configure routes
• RouterModule.forRoot and RouterModule.forChild
• RouterOutlet, RouterLink, RouterLinkActive
• Nested Routes
• Parametrized routes
• Route guards

• Introduction
• Why RxJs
• Observable interface
• Streams
• Operators
• Subscription
• Subject
• Schedulers

• Setup installing the module
• Making a request for JSON data
• Typechecking the response
• Error handling
• Sending data to the server
• Making a POST request
• Configuring other parts of the request

• New features in angular cli
• ng update
• ng Add
• Angular Elements
• Updates to @angular/material
• CLI workspaces
• Building libraries
• Tree shakable providers
• RxJs 6 Support
• How to upgrade to Angular 6

• Introduction
• Testing in Typescript
• Testing Component
• Testing Service/Provider
• Testing Pipe

• Manually
• Using the Angular CLI with Ahead-Of-Time (AOT) Compilation and Tree-Shaking (removing unused library code)