DotNet Studio - .NET Full Stack, Web and Cloud learning platform

Angular

Master Angular framework for building dynamic, responsive single-page applications. Learn TypeScript, component architecture, dependency injection, and advanced features for professional web development.

Adam Helen

Last Update : 2/12/2021

25 Chapters 14 Hours

Introduction to Angular

What is Angular?
Angular vs React vs Vue
Setting Up Your Development Environment
Your First Angular Application

Introduction to TypeScript
Variables and Data Types
Functions and Interfaces
Classes and Object-Oriented Programming

Understanding Project Layout
main.ts and AppModule
angular.json and Build Configuration
tsconfig.json and TypeScript Configuration

Understanding Components
Component Templates
Two-Way Binding
Component Lifecycle Hooks

Structural Directives
Attribute Directives
Creating Custom Directives
Directive Best Practices

Interpolation
Property Binding
Attribute and Class Binding
Event Binding

Understanding Services
Dependency Injection Container
Injecting Services into Components
Hierarchical Injectors

Setting Up Router Module
Route Parameters and Query Strings
Navigation Guards
RouterLink and RouterOutlet

Template-Driven Forms
Reactive Forms
Form Validation
Form Submission and Error Handling

HttpClient Module
Making API Calls
Observables and RxJS Basics
RxJS Operators

Error Handling in HTTP Calls
HTTP Interceptors
Request and Response Transformation
Authentication Token Management

Parent to Child Communication
Child to Parent Communication
Two-Way Binding in Components
ViewChild and ContentChild

Component Styles
CSS Classes and ngClass
ngStyle Binding
CSS Frameworks Integration

Built-in Pipes
Creating Custom Pipes
Pipe Parameters
Async Pipe and Change Detection

Introduction to NgRx
Actions and Reducers
Selectors
Effects for Side Effects

Subjects and ReplaySubject
Observable Patterns
Error Handling with RxJS
Memory Leaks Prevention

Unit Testing Fundamentals
Testing Components
Testing Services
E2E Testing with Protractor

Change Detection Strategy
Lazy Loading and Code Splitting
Lazy Loading Images and Resources
Performance Profiling

Preventing XSS Attacks
CSRF Protection
Authentication and Authorization
Secure Data Storage

Smart and Dumb Components
Dynamic Components
Content Projection
Structural Directives with Template

Understanding NgModule
Creating Shared Modules
Feature Modules
Module Scoping

Introduction to Angular Material
Material Components
Material Theming
Layout and Responsive Design

Production Builds
AOT Compilation
Bundle Analysis
Deploying to Different Platforms

Project Architecture
Feature-Based Organization
API Integration
Progressive Enhancement

Micro Frontends
Module Federation
WebSocket Integration
PWA with Angular

Master Angular framework for professional web development.
Build dynamic single-page applications with modern patterns.
Implement authentication, routing, and forms.
Manage state with RxJS and NgRx.
Deploy Angular applications to production.
Enhance career with advanced frontend development skills.

Reviews

9000 ₹ 10000 ₹

Duration 14 Hours
Level Expert
Chapters 25 Chapters

Book a Demo

HTML, JavaScript and CSS
Price 9000 ₹
Angular
Price 9000 ₹

Angular

Adam Helen

Releted Courses

HTML, JavaScript and CSS

Angular

Useful Links

Support

Terms