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 21:13:38 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
  • 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
  • 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
  • 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 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
  • 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
  • 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 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
  • 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
  • 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
+ View More
Other Related Courses
12:32:12 Hours
Updated Thu, 14-Mar-2024
14:09:25 Hours
Updated Wed, 21-Feb-2024
01:42:52 Hours
Updated Wed, 21-Feb-2024
04:35:08 Hours
Updated Wed, 21-Feb-2024
02:41:11 Hours
Updated Wed, 21-Feb-2024
03:01:19 Hours
Updated Wed, 21-Feb-2024
02:03:47 Hours
Updated Wed, 21-Feb-2024
06:12:45 Hours
Updated Wed, 21-Feb-2024
16:41:35 Hours
Updated Wed, 25-Oct-2023
09:28:02 Hours
Updated Wed, 21-Feb-2024
03:25:07 Hours
Updated Wed, 21-Feb-2024
04:29:00 Hours
Updated Wed, 21-Feb-2024
05:25:03 Hours
Updated Wed, 21-Feb-2024
04:08:51 Hours
Updated Wed, 21-Feb-2024
01:56:53 Hours
Updated Sun, 28-Jan-2024
04:03:43 Hours
Updated Wed, 21-Feb-2024
05:06:18 Hours
Updated Wed, 21-Feb-2024
00:22:50 Hours
Updated Wed, 21-Feb-2024
01:15:47 Hours
Updated Wed, 21-Feb-2024
00:29:46 Hours
Updated Wed, 21-Feb-2024
05:54:00 Hours
Updated Wed, 21-Feb-2024
10:00:18 Hours
Updated Tue, 13-Feb-2024
10:37:55 Hours
Updated Wed, 21-Feb-2024
14:44:47 Hours
Updated Wed, 21-Feb-2024
00:00:00 Hours
Updated Mon, 26-Feb-2024
02:27:14 Hours
Updated Tue, 27-Feb-2024
21:01:59 Hours
Updated Wed, 28-Feb-2024
06:28:07 Hours
Updated Wed, 27-Mar-2024
Includes:
  • 21:13:38 Hours On Demand Videos
  • 105 Lessons
  • Full Lifetime Access
  • Access On Mobile And Laptop