Angular 4 Training

Syllabus of Angular 4 Online Training Course

• 1. Introduction 
• 2. What is Typescript
• 3. Why Typescript
• 4. Setup and installation
• 5. IDE support
• 6. Scoping using Let and Const Keywords ( ES6 )
• 7. Template Literals  ( ES6 )
• 8. Spread Syntax and Rest Parameters  ( ES6 )
• 9. Destructuring ( ES6 )

• 1. Introduction
• 2. Type inference
• 3. Type Annotations
• 4. Number
• 5. Boolean
• 6. String
• 7. Array
• 8. Tuple
• 9. Enum
• 10. Any
• 11.v Void
• 12. Null and Undefined
• 13. Never (Typescript 2)

• 1. Introduction
• 2. Using types in functions
• 3. Function as types
• 4. Optional and default parameters
• 5. Arrow functions
• 6. Function overloading

• 1. Introduction
• 2. Inheritance
• 3. Access modifiers
• 4. Getters and setters
• 5. Readonly & static
• 6. Abstract classes
• 7. Interfaces
• 8. Introduction
• 9. Optional properties and methods
• 10. Readonly & const
• 11. Strict structural contract
• 12. Extending interface 
• 13. Implementing interface

• 1. Introduction
• 2. Import
• 3. Export
• 4. Default

• 1. Angular CLI
• 2. Anatomy of the project
• 3. Debugging Angular apps
• 4. Working with Augury

• 1. Modules
• 2. Components
• 3. Templates
• 4. Metadata
• 5. Data binding
• 6. Directives
• 7. Services
• 8. Dependency injection

• 1. Angular modules

• 1. Angular libraries

• 1. Introduction
• 2. Component decorator
• 3. Component configuration object
• 4. Custom components
• 5. Component with templates
• 6. Inline
• 7. External
• 8. Component with Styles
• 9. Inline
• 10. External

• 1. HTML as template
• 2. Data binding
• 3. Interpolation
• 4. Property Binding
• 5. Event Binding
• 6. Two way binding
• 7. Template expressions
• 8. Template syntax
• 9. Attribute, class and style bindings
• 10. Input()
• 11. Output
• 12. Template reference variables
• 13. Safe navigation operator

• 1. Introduction
• 2. Built-in directives
• 3.  Structural  directive
• 4. NgIf
• 5. NgFor
• 6. NgSwitch
• 7. Attribute directive
• 8. NgClass
• 9. NgStyle
• 10. NgModel
• 11. Directive decorator
• 12. Custom directive development

• 1. Introduction
• 2. Built-in directives
• 3. Structural directive
• 4. NgIf
• 5. NgFor
• 6. NgSwitch
• 7. Attribute directive
• 8. NgClass
• 9. NgStyle
• 10. NgModel
• 11. Directive decorator
• 12. Custom directive development

• 1. Introduction
• 2. angular/forms library
• 3. Template driven forms
• 4. Form and field validation
• 5. Validation check with ng-pristine,ng-dirty, ng-touched, ng-untouched, ng-valid, ng-invalid
• 6. Show and hide validation error messages
• 7. Form submission with ngSubmit 
• 8. Reactive/ Model drive forms
• 9. ReactiveFormsModule
• 10. FormGroup, FormControl classes
• 11. FormBuilder for easy form building
• 12. Validations using Validators
• 13. Setting form model using setValue and patchValue
• 14. Use FormArray to build repeated from controls or form groups

• 1. Introduction
• 2. Why DI
• 3. Injectable decorator
• 4. Custom service development
• 5. Registering the service with NgModule using providers key
• 6. Provider Types
• 7. Class 
• 8. Factory
• 9. Value

• 1. Introduction
• 2. angular/router library
• 3. Configure routes
• 4. RouterModule.forRoot and RouterModule.forChild
• 5. RouterOutlet, RouterLink, RouterLinkActive
• 6. Nested Routes
• 7. Parametrized routes
• 8. Route guards

• 1. Introduction
• 2. Why RxJs
• 3. Observable interface
• 4. Streams
• 5. Operators
• 6. Subscription
• 7. Subject
• 8. mSchedulers

• 1. Introduction
• 2. angular/http library
• 3. Mock web api with InMemoryWebApiModule
• 4. Async programming with promises in javascript
• 5. HTTP Promise
• 6. Explore GET/POST/PUT/DELETE with HTTP
• 7. Observables with Http

• 1. Introduction
• 2. Testing in Typescript
• 3. Testing Component 
• 4. Testing Service/Provider 
• 5. Testing Pipe

• 1. Introduction
• 2. Angular 2 to Angular 4 migration

• 1. Manually
• 2. Using the Angular CLI with Ahead-Of-Time (AOT) Compilation and Tree-Shaking