Angular Beginner

Angular is a development platform, built on TypeScript. As a platform, Angular includes: A component-based framework for building scalable web applications. A collection of well-integrated libraries that cover a wide variety of features, including routing, forms management, client-server communication, and more.

Created By admin admin English
What Will I Learn?
  • Project Setup
  • Components
  • Input, Outputs, Events
  • Core Directives
  • Component Styling
  • Pipes
  • Dependency Injection
  • Services
  • HTTP Client

Knowledge Detail
105 Lessons
20:20 Hours
Basic & Project Setup
6 Lessons
00:54 Hours
Introduction to Angular
00:08:11
Angular Project Setup
00:08:51
Working with Angular Project
00:18:58
Angular files Folder structure
00:09:51
What is TypeScript
00:05:25
How Angular project is Executed
00:06:16
Components
6 Lessons
00:49 Hours
What is a Component Components
00:05:47
Creating a Custom Component
00:22:03
Template property of Component
00:06:34
Styles property of Component
00:06:06
Using Bootstrap in Angular Components
00:06:13
Different Selectors
00:04:23
Data Binding
5 Lessons
00:39 Hours
What is data binding
00:03:57
What is String Interpolation
00:08:04
What is Property Binding
00:06:25
What is Event Binding
00:17:01
Two way data binding
00:05:44
Directives
27 Lessons
05:53 Hours
What is Directives
00:03:49
ngFor Directive in Angular Directives
00:11:42
ngStyle Directive
00:05:41
ngIf Directive
00:13:11
ngClass Directive
00:07:59
What is Child Component Components
00:11:49
Custom Property Binding Input Decorator Data Binding
00:13:17
Custom event Binding Output Decorator Data Binding
00:22:41
Implementing Search Functionality Data Binding
00:13:47
Template Reference Variable Data Binding
00:18:33
ViewChild in Angular Data Binding
00:19:44
View Encapsulation
00:13:07
ng content in Angular Directives
00:12:56
Angular Life Cycle Hooks Lifecycle Hooks
00:18:48
Angular Lifecycle Hook in Action Lifecycle Hook
00:29:35
ContentChild in Angular Data Binding
00:09:57
Custom Attribute Directive Directives
00:12:17
Renderer2 in Directives
00:12:16
HostListner
00:12:09
HostBinding
00:08:42
Binding Directive Properties
00:11:58
Custom appClass directive
00:20:33
Conditional Directive in Angular
00:13:07
Custom appStyle Directive
00:16:51
How Structural Directive
00:10:38
Custom Structural Directive
00:17:13
ngSwitch Directive
00:06:03
Services & Dependency Injection
7 Lessons
01:37 Hours
Services in Angular
00:08:37
Creating a Service
00:16:16
Dependency Injection
00:07:48
Hierarchical Injection
00:10:30
Creating a Data Service
00:22:35
Injecting Service into another Service
00:13:07
Component Interaction with Services
00:21:57
Observables
6 Lessons
01:15 Hours
What is Observables in Angular
00:14:20
Error Completion of Observables Angular
00:09:46
Different ways of Creating Observable Observables Angular
00:11:14
Understanding Operators of RxJS Observables Angular 12.mp4
00:17:45
Subjects in RxJS Observables
00:16:18
Unsubscribe to an Observable
00:08:28
Routing
18 Lessons
03:13 Hours
What is Routing
00:13:44
Implement Page not found Route
00:07:39
Configuring navigation links for Route
00:06:33
Styling Active link using routerLink Active
00:07:56
Absolute and Relative Route Paths
00:08:26
Navigate between Routes Programmatically
00:09:03
Passing Parameters to Route
00:13:32
Using Observable to Retrieve Route Parameter
00:09:20
Passing Query Parameters to Route
00:20:41
Passing Fragments to Route
00:10:55
What is Child Routes in Angular
00:08:39
Creating a Route Module File
00:07:02
What is Route Guard in Angular
00:05:40
CanActivate Route Guard in Angular
00:14:44
CanActivateChild Route Guard in Routing
00:09:44
CanDeactivate Route Guard in Routing
00:18:30
Resolve Route Guard in Routing
00:16:44
Navigation Events in Routing
00:14:48
Pipes
7 Lessons
01:13 Hours
Pipes in Angular
00:14:19
Creating Custom Pipes
00:08:58
Creating Filter Pipe in Angular Routing
00:10:37
Pure Pipes
00:17:03
Impure Pipes
00:09:05
Data Filtering in Component and Pipes
00:10:01
async pipe
00:05:15
Angular Forms
14 Lessons
02:49 Hours
TemplateDriven Form
00:18:57
Template Driven Form Validation
00:23:02
Form Control Group in Template Driven
00:12:25
Working with Radio button in Template Driven Form
00:06:06
setValue patchValue methods Reactive Forms
00:09:13
Retrieving Form Data and Reseting Form
00:11:45
Creating and Using Reactive Forms
00:12:25
Form Validation of Reactive Forms
00:09:55
Grouping of Form Controls Reactive Form
00:10:49
What is Form Array Reactive Forms
00:14:53
Custom Validation and Error Code Reactive Forms
00:15:47
Custom async validator Reactive Forms
00:09:23
Value Status Change events Reactive Forms
00:12:10
setValue & patchValue Methods Reactive Forms
00:09:13
HTTP
9 Lessons
01:58 Hours
Introduction to HTTP requests in Angular Angular HTTP
00:06:28
Setting up Firebase Angular HTTP
00:03:56
Sending a Post Request Angular HTTP
00:17:00
Fetching Data with Get requets Angular HTTP
00:17:19
Deleting Data with HTTP Delete Request Angular HTTP
00:12:39
Using Service for HTTP Request Angular HTTP
00:11:54
Update data with HTTP Put Request Angular HTTP
00:21:17
Handling HTTP Response Errors
00:17:09
Setting Headers Query Params in HTTP Requests
00:14:02
Requirements
  • Good Laptop Min: 8GB RAM
  • Good Internet Connection
  • Any Degree
  • 4Hrs / Day For Learning
Description

Angular is a platform and framework for building single-page client applications using HTML and TypeScript. Angular is written in TypeScript. It implements core and optional functionality as a set of TypeScript libraries that you import into your applications. The architecture of an Angular application relies on certain fundamental concepts. The basic building blocks of the Angular framework are Angular components that are organized into NgModules. NgModules collect related code into functional sets; an Angular application is defined by a set of NgModules.

An application always has at least a root module that enables bootstrapping, and typically has many more feature modules. Components define views, which are sets of screen elements that Angular can choose among and modify according to your program logic and data Components use services, which provide specific functionality not directly related to views. Service providers can be injected into components as dependencies, making your code modular, reusable, and efficient. Modules, components and services are classes that use decorators. These decorators mark their type and provide metadata that tells Angular how to use them. The metadata for a component class associates it with a template that defines a view.

A template combines ordinary HTML with Angular directives and binding markup that allow Angular to modify the HTML before rendering it for display. The metadata for a service class provides the information Angular needs to make it available to components through dependency injection (DI) An application's components typically define many views, arranged hierarchically. Angular provides the Router service to help you define navigation paths among views. The router provides sophisticated in-browser navigational capabilities.

+ View More
Includes:
  • 20:20 Hours On Demand Videos
  • 105 Lessons
  • Full Lifetime Access
  • Access On Mobile And Laptop