ANGULAR TRAINING COURSE

1 Locked

Introduction to Modern Web Development

Introduction to modern web development. Learn about traditional vs modern web development, Node.js, ES5 vs ES6, TypeScript advantages, and AngularJS vs Angular.

Please enroll in this course to access the modules.

Learning objectives Understand web development evolution Compare traditional vs modern web development Understand Node.js vs traditional servers Learn ES5 vs ES6 differences Understand issues with ES5 JavaScript Learn why TypeScript is used Compare AngularJS vs Angular 2+ Understand current web development scenario

2 Locked

TypeScript Fundamentals

Master TypeScript fundamentals. Learn typing system, types, enums, arrays, functions, arrow functions, interfaces, OOP, classes, generics, and decorators.

Please enroll in this course to access the modules.

Learning objectives Understand TypeScript typing system Learn TypeScript types Work with enums, consts & type aliases Use array types Master functions and arrow functions Understand interfaces Learn object-oriented programming Work with classes, constructors, properties, methods Understand generics Learn decorators

3 Locked

Angular Setup & Architecture

Set up Angular development environment. Learn Angular CLI, application structure, modules, root and feature modules, lazy loading, and dependency injection.

Please enroll in this course to access the modules.

Learning objectives Install Angular Use Angular CLI Serve and build applications Understand application structure Learn Angular Modules Understand root and feature modules Implement lazy loading Learn imports, declarations, providers & dependencies

4 Locked

Components

Master Angular components. Learn component syntax, selectors, templates, styles, nested components, lifecycle hooks, view encapsulation, and reusable components.

Please enroll in this course to access the modules.

Learning objectives Understand what components are Learn role of components Work with root component Master component syntax Use selectors, templates, styles Create nested components Understand component lifecycle Use initialization and destroy hooks Learn view encapsulation Create reusable components Dynamically create components

5 Locked

Data Binding

Learn Angular data binding. Master string interpolation, property binding, event binding, two-way binding, component communication, Input/Output, ViewChild, and event emitters.

Please enroll in this course to access the modules.

Learning objectives Understand Angular data binding Use string interpolation Implement property binding Use event binding Master two-way data binding Work with template variables Enable component communication Use Input / Output Work with ViewChild Learn content projection Use event emitters Understand smart & dumb components

6 Locked

Directives

Master Angular directives. Learn attribute and structural directives, built-in directives (NgIf, NgFor, NgSwitch), ng-container, ng-template, and custom directives.

Please enroll in this course to access the modules.

Learning objectives Understand Angular directives Learn attribute directives Master structural directives Use built-in directives (NgIf, NgFor, NgSwitch) Work with ng-container Use ng-template & template outlets Understand template context Create custom directives Work with ElementRefs & Renderers Use host binding & host listeners

7 Locked

Pipes

Learn Angular pipes. Use built-in pipes (Currency, Number, Percent, Lowercase, Uppercase, Date), create custom pipes, and understand pure vs impure pipes.

Please enroll in this course to access the modules.

Learning objectives Understand what pipes are Use built-in pipes Work with Currency, Number, Percent pipes Use Lowercase & Uppercase pipes Format dates Create custom pipes Add parameters to custom pipes Understand pure vs impure pipes

8 Locked

Services & Dependency Injection

Master Angular services and dependency injection. Learn to create injectable services, understand singletons, export/import services, and provide services at component and global levels.

Please enroll in this course to access the modules.

Learning objectives Understand what services are Create injectable services Master dependency injection Understand singletons Export and import services Create shared services Provide services at component level Provide services at global level

9 Locked

Template-Driven Forms

Learn template-driven forms in Angular. Use FormsModule, ngForm, ngModel, implement form validations, handle form states, and work with various input types.

Please enroll in this course to access the modules.

Learning objectives Use FormsModule Create template-driven forms Work with ngForm & ngSubmit Use ngModel for two-way binding Implement form validations Understand touched/untouched states Understand dirty/pristine states Handle valid/invalid states Submit forms Validate passwords and confirm passwords Work with checkboxes, radio buttons, select inputs, ranges

10 Locked

Reactive Forms

Master reactive forms in Angular. Learn FormGroup, FormControl, FormArray, FormBuilder, validators, custom validators, async validators, and form value subscriptions.

Please enroll in this course to access the modules.

Learning objectives Understand reactive forms Compare reactive vs template-driven forms Work with FormGroup Use FormControl Implement FormArray Use FormBuilder Apply validators (required, min, max, pattern) Create custom validators Create custom async validators Subscribe to form values Set and patch values Reset forms Handle form status changes Handle inputs dynamically

11 Locked

HTTP & Reactive Programming (RxJS)

Learn HTTP communication and reactive programming. Use HttpClientModule, work with Observables, Subscriptions, Subjects, make HTTP requests (GET, POST, PUT, DELETE), handle errors, and use HTTP interceptors.

Please enroll in this course to access the modules.

Learning objectives Use HttpClientModule Understand Promises Learn reactive programming Work with Observables Handle Subscriptions Use Subjects & BehaviorSubjects Work with JSONP Make GET, POST, PUT, DELETE requests Handle errors Work with APIs Implement HTTP interceptors

12 Locked

Routing & Navigation

Master Angular routing and navigation. Configure routes, use RouterLink, work with route parameters, query params, implement route guards (CanActivate, CanDeactivate), and create child routes.

Please enroll in this course to access the modules.

Learning objectives Understand what routes are Configure routes Use Router outlet Implement RouterLink & navigation Build SPA (Single Page Applications) Work with route parameters Subscribe to params Configure root module & child module routes Use query params Work with ActivatedRoute Implement route guards Use CanActivate Use CanDeactivate Create child routes