Course Curriculum
These Angular docs help you learn and utilize the Angular stage and system, from your first application to streamlining complex venture applications.
- 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)
Contact Our Team of Experts
