1. Typescript & ES6
1.1 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 )
1.2 Types:
- Introduction
- Type inference
- Type Annotations
- Number
- Boolean
- String
- Array
- Tuple
- Enum
- Any
- Void
- Null and Undefined
- Never (Typescript 2)
1.3 Functions
- Introduction
- Using types in functions
- Function as types
- Optional and default parameters
- Arrow functions
- Function overloading
1.4 Classes
- Introduction
- Inheritance
- Access modifiers
- Getters and setters
- Read only& static
- Abstract classes
1.5 Interfaces
- Introduction
- Optional properties and methods
- Readonly & const
- Strict structural contract
- Extending interface
- Implementing interface
1.6 Modules
- Introduction
- Import
- Export
- Default
1.7 Decorators
2. Introduction to Angular
Angular CLI
- Modules
- Components
- Templates
- Metadata
- Data binding
- Directives
- Services
- Dependency injection
3. Angular Modules
4. Angular Libraries
5. Components
- Introduction
- @Component decorator
- Component configuration object
- Custom components
- Component with templates
- Inline
- External
- Component with Styles
- Inline
- External
6. Templating
- HTML as template
- Data binding
- Property Binding
- Two way binding
- Template expressions
- Template syntax
- Attribute, class and style bindings
- @Input()
- @Output
- Template reference variables
- Safe navigation operator
7. Directives
- Introduction
- Built-in directives
- Structural directive
- NgIf
- NgFor
- NgSwitch
- Attribute directive
- NgClass
- NgStyle
- NgModel
- @Directive decorator
8. Pipes
- Introduction
- Built-in pipes
- @Pipe decorator
- Custom pipe development
9. Forms
- 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 from controls or form groups
10. Dependency Injection
- Introduction
- Why DI
- @Injectable decorator
- Custom service development
- Registering the service with NgModule using providers key
- Provider Types
- Factory
- Value
11. Routing & Navigation
- Introduction
- @angular/router library
- Configure routes
- RouterModule.forRoot and RouterModule.forChild
- RouterOutlet, RouterLink, RouterLinkActive
- Nested Routes
- Parametrized routes
- Route guards
- Router events
12. RxjS
- Introduction
- Why RxJs
- Observable interface
- Streams
- Operators
- Subscription
- Subject
- Schedulers
13. HTTP Deprecated & Http Client
- Setup installing the module
- Making a request for JSON data
- Typechecking the response
- Reading the full response
- Error handling
- Requesting non-JSON data
- Sending data to the server
- Making a POST request
- Configuring other parts of the request
- Working with HTTP interceptors for better error handling in http requests
14. New Features in Angular 6
- 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
15. How to upgrade to Angular 6
16. Testing
- Introduction
- Testing in Typescript
- Testing Component
- Testing Service/Provider
- Testing Pipe
17. Deployment
- Manually
- Using the Angular CLI with Ahead-Of-Time (AOT) Compilation and Tree-Shaking (removing unused library code)
|