1
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.
Locked
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
TypeScript Fundamentals
Master TypeScript fundamentals. Learn typing system, types, enums, arrays, functions, arrow functions, interfaces, OOP, classes, generics, and decorators.
Locked
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
Angular Setup & Architecture
Set up Angular development environment. Learn Angular CLI, application structure, modules, root and feature modules, lazy loading, and dependency injection.
Locked
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
Components
Master Angular components. Learn component syntax, selectors, templates, styles, nested components, lifecycle hooks, view encapsulation, and reusable components.
Locked
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
Data Binding
Learn Angular data binding. Master string interpolation, property binding, event binding, two-way binding, component communication, Input/Output, ViewChild, and event emitters.
Locked
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
Directives
Master Angular directives. Learn attribute and structural directives, built-in directives (NgIf, NgFor, NgSwitch), ng-container, ng-template, and custom directives.
Locked
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
Pipes
Learn Angular pipes. Use built-in pipes (Currency, Number, Percent, Lowercase, Uppercase, Date), create custom pipes, and understand pure vs impure pipes.
Locked
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
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.
Locked
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
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.
Locked
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
Reactive Forms
Master reactive forms in Angular. Learn FormGroup, FormControl, FormArray, FormBuilder, validators, custom validators, async validators, and form value subscriptions.
Locked
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
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.
Locked
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
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.
Locked
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