Mastering Angular 11
-
24 hours live session
-
Industry case studies
-
100 - training level
Top objectives of this course
- Code using new ES6 and TypeScript language features
- Understand and use Angular Forms, Observables, Dependency Injection, and Routing
- Unit test all the parts of an Angular application including Modules, Components, Services, and Pipes
- Develop reusable elements (even out of angular applications) using angular elements
- Explore Angular coding and architecture best practices
- Retrieve, update, and delete data using Angular’s Http service
- Create, build, and deploy an Angular (Angular 6) application using the Angular CLI
- Develop dynamic Model-driven forms that are easier to unit test
Latest posts by marutimakwana (see all)
- What’s Your Version Of “YOU CAN, IF YOU..” - January 28, 2022
- 20 days road map plan for Microsoft Azure Certification - April 21, 2021
- Bird’s eye view of Azure Arc - April 21, 2021
Course Curriculam
Module 1: Introduction
- Introduction to Angular 7
Module 2: Why Angular?
- User Experience similar to a Desktop
- Application
- Productivity and Tooling
- Performance
- Community
- Full-featured Framework
- Platform for Targeting Native Mobile not just Web Browsers
Module 3: Understanding Angular Versions
- AngularJS (Angular 1.x)
- Angular 2
- Angular 4
- Angular 5
- Angular 6
- Angular 7
- Angular 8
Module 4: Typescript & ES6
- Introduction
- What is Typescript?
- Why Typescript
- Setup and
- IDE support
- Scoping using Let and Const Keywords (ES6)
- Template Literals ( ES6 )
- Spread Syntax and Rest Parameters ( ES6 )
- Destructuring ( ES6 )
Module 5: Power of Types
- Introduction
- Type inference
- Type Annotations
- Number
- Boolean
- String
- Array
- Tuple
- Enum
- Any
- Void
- Null and Undefined
- Never (Typescript 2)
Module 6: Explore Functions
- Introduction
- Using types in functions
- Function as types
- Optional and default parameters
- Arrow functions
Module 7: Classes
- Introduction
- Inheritance
- Access modifiers
- Getters and setters
- Readonly & static
Module 8: Interfaces
- Introduction
- Optional properties and methods
- Strict structural contract
- Extending interface
- Implementing interface
Module 9: Modules
- Introduction
- Import
- Export
- Default
Module 10: Working with Angular CLI
- Angular CLI
- Anatomy of the project
- Debugging Angular apps
- Working with Augury
Module 11: Main Building blocks of Angular (Birds Eye View Of Angular )
- Modules
- Components
- Templates
- Metadata
- Data binding
- Directives
- Decorators
- Services
- Dependency injection
Module 12: Angular modules
- Why modules
- How to create modules
- Built in modules
- Root Module
- feature module
- Module
Module 13: Components
- Introduction
- @Component decorator
- Component
- configuration
- object
- Custom components
- Component with templates
- Inline External
- Component with Styles
- Inline External
Module 14: Templating
- HTML as template
- Data binding
- Interpolation
- Property Binding
- Event Binding
- Two way binding
- Template expressions
- Template syntax
- Attribute, class and style bindings
- @Input()
- @Output
- Template reference variables
- Safe navigation operator
Module 15: Directives
- Introduction
- Built-in directives
- Structural directive
- NgIf
- NgFor
- NgSwitch
- Attribute directive
- NgClass
- NgStyle
- NgModel
- Module
Module 16: Pipes
- Introduction
- Built-in pipes
- @Pipe decorator
Module 17: 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, nginvalid
- 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
Module 18: Dependency Injection
- Introduction
- Why DI
- @Injectable decorator
- Custom service development
- Registering the service with NgModule using providers key
- Provider Types
- Class
- Factory
- Value
Module 19: Routing And Navigation
- Introduction
- @angular/router library
- Configure routes
- forRoot and RouterModule. forChild
- RouterOutlet, RouterLink, RouterLinkActive
- Nested Routes
- Parametrized routes
- Route guards
Module 20: RxJs Primer
- Introduction
- Why RxJs
- Observable interface
- Streams
- Operators
- Subscription
- Subject
- Schedulers
Module 21: HTTP Deprecated & HttpClient
- 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
Looking for customized training content? Kindly get in touch.
Contact Us