This tutorial teaches Angular using a project. So a simple customer screen is taken and around the same the whole course revolves. Remember the best way to learn any technology is by doing a project.Below are complete details of the course:Chapter 1 :- Node and NPM
Chapter 2 :- Running first app & Angulr CLI
Chapter 3 :- VS Code editor.
Chapter 4 :- TypeScript
Chapter 5 :- CLI project folder structure
Chapter 6 :- The config JSON files
Chapter 7 :- ng serve vs ng build
Chapter 8 :- Angular the binding framework
Chapter 9 :- Component and Modules
Chapter 10 :- Expression , Decorators and TemplateURL
Chapter 11 :- Declaration and BootStrap in Modules
Chapter 12 :- The main.ts file for module startup
Chapter 13 :- Index.html and the selector tag
Chapter 14 :- Polyfills
Chapter 15 :- Webpack :- Packaging and deploying
Chapter 16 :- Vendor.js and Runtime.js
Chapter 17 :- Angular File naming Convention
Chapter 18 :- Creating Customer UI
Chapter 19 :- Creating Customer Model
Chapter 20 :- Consuming model in component
Chapter 21 :- ngModel , One way and Two way binding
Chapter 22 :- Expressions
Chapter 23 :- Understanding and Intrepeting Errors
Chapter 24 :- FormsModule
Chapter 25 :- *ngForLoop
Chapter 26 :- package.lock.json and versioning
Chapter 27 :- Using source code of the tutorial.
Chapter 28 :- Thinking Uniform , Thinking Master Pages
Chapter 29:- Creating Angular UI and its components.
Chapter 30 :- Organizing project folders, modules & components.
Chapter 31 :- Masterpage and selector
Chapter 32 :- Grouping components in to Modules.
Chapter 33 :- Understanding UI loading in selector.
Chapter 34 :- Routing and Routing collection
Chapter 35 :- router-outlet and routerLink
Chapter 36 :- RouterModule and loading routes in Angular.
Chapter 37 :- Understanding the flow of Angular with routing.
Chapter 38 :- Performance issues due to eager loading.
Chapter 39 :- Implementing Lazy loading
Chapter 40 :- Dividing project in to self contained Angular modules....
Facilities
Location
Start date
Online
Start date
Different dates availableEnrolment now open
About this course
This course teaches Angular from basic to advanced level by creating a Customer data entry project
This course is for people who are new to Angular and want to start from basic and go to advanced level
Questions & Answers
Add your question
Our advisors and other users will be able to reply to you
We are verifying your question adjusts to our publishing rules. According to your answers, we noticed you might not be elegible to enroll into this course, possibly because of: qualification requirements, location or others. It is important you consult this with the Centre.
Thank you!
We are reviewing your question. We will publish it shortly.
Or do you prefer the center to contact you?
Reviews
Have you taken this course? Share your opinion
This centre's achievements
2021
All courses are up to date
The average rating is higher than 3.7
More than 50 reviews in the last 12 months
This centre has featured on Emagister for 4 years
Subjects
Project
Packaging
Router
HTML
Course programme
Angular Step by Step
1 lecture01:11:33Lab 1: - Running your first Angular Application (Full flow of Angular explained) preview In this first 1 hour training video we will learn basics of angular.It has 16 chapters which are as listed below.
Chapter 1 :- Node and NPM
Chapter 2 :- Running first app & Angulr CLI
Chapter 3 :- VS Code editor.
Chapter 4 :- TypeScript
Chapter 5 :- CLI project folder structure
Chapter 6 :- The config JSON files
Chapter 7 :- ng serve vs ng build
Chapter 8 :- Angular the binding framework
Chapter 9 :- Component and Modules
Chapter 10 :- Expression , Decorators and TemplateURL
Chapter 11 :- Declaration and BootStrap in Modules
Chapter 12 :- The main.ts file for module startup
Chapter 13 :- Index.html and the selector tag
Chapter 14 :- Polyfills
Chapter 15 :- Webpack :- Packaging and deploying
Chapter 16 :- Vendor.js and Runtime.js
Angular Step by Step
1 lecture01:11:33Lab 1: - Running your first Angular Application (Full flow of Angular explained) preview In this first 1 hour training video we will learn basics of angular.It has 16 chapters which are as listed below.
Chapter 1 :- Node and NPM
Chapter 2 :- Running first app & Angulr CLI
Chapter 3 :- VS Code editor.
Chapter 4 :- TypeScript
Chapter 5 :- CLI project folder structure
Chapter 6 :- The config JSON files
Chapter 7 :- ng serve vs ng build
Chapter 8 :- Angular the binding framework
Chapter 9 :- Component and Modules
Chapter 10 :- Expression , Decorators and TemplateURL
Chapter 11 :- Declaration and BootStrap in Modules
Chapter 12 :- The main.ts file for module startup
Chapter 13 :- Index.html and the selector tag
Chapter 14 :- Polyfills
Chapter 15 :- Webpack :- Packaging and deploying
Chapter 16 :- Vendor.js and Runtime.js
Lab 1: - Running your first Angular Application (Full flow of Angular explained) preview In this first 1 hour training video we will learn basics of angular.It has 16 chapters which are as listed below.
Chapter 1 :- Node and NPM
Chapter 2 :- Running first app & Angulr CLI
Chapter 3 :- VS Code editor.
Chapter 4 :- TypeScript
Chapter 5 :- CLI project folder structure
Chapter 6 :- The config JSON files
Chapter 7 :- ng serve vs ng build
Chapter 8 :- Angular the binding framework
Chapter 9 :- Component and Modules
Chapter 10 :- Expression , Decorators and TemplateURL
Chapter 11 :- Declaration and BootStrap in Modules
Chapter 12 :- The main.ts file for module startup
Chapter 13 :- Index.html and the selector tag
Chapter 14 :- Polyfills
Chapter 15 :- Webpack :- Packaging and deploying
Chapter 16 :- Vendor.js and Runtime.js
Lab 1: - Running your first Angular Application (Full flow of Angular explained) preview In this first 1 hour training video we will learn basics of angular.It has 16 chapters which are as listed below.
Chapter 1 :- Node and NPM
Chapter 2 :- Running first app & Angulr CLI
Chapter 3 :- VS Code editor.
Chapter 4 :- TypeScript
Chapter 5 :- CLI project folder structure
Chapter 6 :- The config JSON files
Chapter 7 :- ng serve vs ng build
Chapter 8 :- Angular the binding framework
Chapter 9 :- Component and Modules
Chapter 10 :- Expression , Decorators and TemplateURL
Chapter 11 :- Declaration and BootStrap in Modules
Chapter 12 :- The main.ts file for module startup
Chapter 13 :- Index.html and the selector tag
Chapter 14 :- Polyfills
Chapter 15 :- Webpack :- Packaging and deploying
Chapter 16 :- Vendor.js and Runtime.js
Lab 1: - Running your first Angular Application (Full flow of Angular explained) preview In this first 1 hour training video we will learn basics of angular.It has 16 chapters which are as listed below.
Chapter 1 :- Node and NPM
Chapter 2 :- Running first app & Angulr CLI
Chapter 3 :- VS Code editor.
Chapter 4 :- TypeScript
Chapter 5 :- CLI project folder structure
Chapter 6 :- The config JSON files
Chapter 7 :- ng serve vs ng build
Chapter 8 :- Angular the binding framework
Chapter 9 :- Component and Modules
Chapter 10 :- Expression , Decorators and TemplateURL
Chapter 11 :- Declaration and BootStrap in Modules
Chapter 12 :- The main.ts file for module startup
Chapter 13 :- Index.html and the selector tag
Chapter 14 :- Polyfills
Chapter 15 :- Webpack :- Packaging and deploying
Chapter 16 :- Vendor.js and Runtime.js
Lab 1: - Running your first Angular Application (Full flow of Angular explained) preview In this first 1 hour training video we will learn basics of angular.It has 16 chapters which are as listed below.
Chapter 1 :- Node and NPM
Chapter 2 :- Running first app & Angulr CLI
Chapter 3 :- VS Code editor.
Chapter 4 :- TypeScript
Chapter 5 :- CLI project folder structure
Chapter 6 :- The config JSON files
Chapter 7 :- ng serve vs ng build
Chapter 8 :- Angular the binding framework
Chapter 9 :- Component and Modules
Chapter 10 :- Expression , Decorators and TemplateURL
Chapter 11 :- Declaration and BootStrap in Modules
Chapter 12 :- The main.ts file for module startup
Chapter 13 :- Index.html and the selector tag
Chapter 14 :- Polyfills
Chapter 15 :- Webpack :- Packaging and deploying
Chapter 16 :- Vendor.js and Runtime.js
In this first 1 hour training video we will learn basics of angular.It has 16 chapters which are as listed below.
Chapter 1 :- Node and NPM
Chapter 2 :- Running first app & Angulr CLI
Chapter 3 :- VS Code editor.
Chapter 4 :- TypeScript
Chapter 5 :- CLI project folder structure
Chapter 6 :- The config JSON files
Chapter 7 :- ng serve vs ng build
Chapter 8 :- Angular the binding framework
Chapter 9 :- Component and Modules
Chapter 10 :- Expression , Decorators and TemplateURL
Chapter 11 :- Declaration and BootStrap in Modules
Chapter 12 :- The main.ts file for module startup
Chapter 13 :- Index.html and the selector tag
Chapter 14 :- Polyfills
Chapter 15 :- Webpack :- Packaging and deploying
Chapter 16 :- Vendor.js and Runtime.js
In this first 1 hour training video we will learn basics of angular.It has 16 chapters which are as listed below.
Chapter 1 :- Node and NPM
Chapter 2 :- Running first app & Angulr CLI
Chapter 3 :- VS Code editor.
Chapter 4 :- TypeScript
Chapter 5 :- CLI project folder structure
Chapter 6 :- The config JSON files
Chapter 7 :- ng serve vs ng build
Chapter 8 :- Angular the binding framework
Chapter 9 :- Component and Modules
Chapter 10 :- Expression , Decorators and TemplateURL
Chapter 11 :- Declaration and BootStrap in Modules
Chapter 12 :- The main.ts file for module startup
Chapter 13 :- Index.html and the selector tag
Chapter 14 :- Polyfills
Chapter 15 :- Webpack :- Packaging and deploying
Chapter 16 :- Vendor.js and Runtime.js
Lab 2: Creating UI, Component and Model
1 lecture39:49Lab 2: - Creating UI, Component and Model In Lab 2 the following chapters are covered.Chapter 17 :- Angular File naming Convention
Chapter 18 :- Creating Customer UI
Chapter 19 :- Creating Customer Model
Chapter 20 :- Consuming model in component
Chapter 21 :- ngModel , One way and Two way binding
Chapter 22 :- Expressions
Chapter 23 :- Understanding and Intrepeting Errors
Chapter 24 :- FormsModule
Chapter 25 :- *ngForLoop
Chapter 26 :- package.lock.json and versioning
Chapter 27 :- Using source code of the tutorial.
Lab 2: Creating UI, Component and Model
1 lecture39:49Lab 2: - Creating UI, Component and Model In Lab 2 the following chapters are covered.Chapter 17 :- Angular File naming Convention
Chapter 18 :- Creating Customer UI
Chapter 19 :- Creating Customer Model
Chapter 20 :- Consuming model in component
Chapter 21 :- ngModel , One way and Two way binding
Chapter 22 :- Expressions
Chapter 23 :- Understanding and Intrepeting Errors
Chapter 24 :- FormsModule
Chapter 25 :- *ngForLoop
Chapter 26 :- package.lock.json and versioning
Chapter 27 :- Using source code of the tutorial.
Lab 2: - Creating UI, Component and Model In Lab 2 the following chapters are covered.Chapter 17 :- Angular File naming Convention
Chapter 18 :- Creating Customer UI
Chapter 19 :- Creating Customer Model
Chapter 20 :- Consuming model in component
Chapter 21 :- ngModel , One way and Two way binding
Chapter 22 :- Expressions
Chapter 23 :- Understanding and Intrepeting Errors
Chapter 24 :- FormsModule
Chapter 25 :- *ngForLoop
Chapter 26 :- package.lock.json and versioning
Chapter 27 :- Using source code of the tutorial.
Lab 2: - Creating UI, Component and Model In Lab 2 the following chapters are covered.Chapter 17 :- Angular File naming Convention
Chapter 18 :- Creating Customer UI
Chapter 19 :- Creating Customer Model
Chapter 20 :- Consuming model in component
Chapter 21 :- ngModel , One way and Two way binding
Chapter 22 :- Expressions
Chapter 23 :- Understanding and Intrepeting Errors
Chapter 24 :- FormsModule
Chapter 25 :- *ngForLoop
Chapter 26 :- package.lock.json and versioning
Chapter 27 :- Using source code of the tutorial.
Lab 2: - Creating UI, Component and Model In Lab 2 the following chapters are covered.Chapter 17 :- Angular File naming Convention
Chapter 18 :- Creating Customer UI
Chapter 19 :- Creating Customer Model
Chapter 20 :- Consuming model in component
Chapter 21 :- ngModel , One way and Two way binding
Chapter 22 :- Expressions
Chapter 23 :- Understanding and Intrepeting Errors
Chapter 24 :- FormsModule
Chapter 25 :- *ngForLoop
Chapter 26 :- package.lock.json and versioning
Chapter 27 :- Using source code of the tutorial.
Lab 2: - Creating UI, Component and Model In Lab 2 the following chapters are covered.Chapter 17 :- Angular File naming Convention
Chapter 18 :- Creating Customer UI
Chapter 19 :- Creating Customer Model
Chapter 20 :- Consuming model in component
Chapter 21 :- ngModel , One way and Two way binding
Chapter 22 :- Expressions
Chapter 23 :- Understanding and Intrepeting Errors
Chapter 24 :- FormsModule
Chapter 25 :- *ngForLoop
Chapter 26 :- package.lock.json and versioning
Chapter 27 :- Using source code of the tutorial.
In Lab 2 the following chapters are covered.Chapter 17 :- Angular File naming Convention
Chapter 18 :- Creating Customer UI
Chapter 19 :- Creating Customer Model
Chapter 20 :- Consuming model in component
Chapter 21 :- ngModel , One way and Two way binding
Chapter 22 :- Expressions
Chapter 23 :- Understanding and Intrepeting Errors
Chapter 24 :- FormsModule
Chapter 25 :- *ngForLoop
Chapter 26 :- package.lock.json and versioning
Chapter 27 :- Using source code of the tutorial.
In Lab 2 the following chapters are covered.Chapter 17 :- Angular File naming Convention
Chapter 18 :- Creating Customer UI
Chapter 19 :- Creating Customer Model
Chapter 20 :- Consuming model in component
Chapter 21 :- ngModel , One way and Two way binding
Chapter 22 :- Expressions
Chapter 23 :- Understanding and Intrepeting Errors
Chapter 24 :- FormsModule
Chapter 25 :- *ngForLoop
Chapter 26 :- package.lock.json and versioning
Chapter 27 :- Using source code of the tutorial.
Lab 3: Creating MasterPage page,Supplier page ,Home page & enabling navigation
1 lecture30:50Lab 3 - Creating MasterPage page,Supplier page ,Home page & enabling navigation In this the following chapters are covered Chapter 28 :- Thinking Uniform , Thinking Master Pages
Chapter 29:- Creating Angular UI and its components.
Chapter 30 :- Organizing project folders, modules & components.
Chapter 31 :- Masterpage and selector
Chapter 32 :- Grouping components in to Modules.
Chapter 33 :- Understanding UI loading in selector.
Chapter 34 :- Routing and Routing collection
Chapter 35 :- router-outlet and routerLink
Chapter 36 :- RouterModule and loading routes in Angular.
Chapter 37 :- Understanding the flow of Angular with routing.
Lab 3: Creating MasterPage page,Supplier page ,Home page & enabling navigation.
1 lecture30:50Lab 3 - Creating MasterPage page,Supplier page ,Home page & enabling navigation In this the following chapters are covered Chapter 28 :- Thinking Uniform , Thinking Master Pages
Chapter 29:- Creating Angular UI and its components.
Chapter 30 :- Organizing project folders, modules & components.
Chapter 31 :- Masterpage and selector
Chapter 32 :- Grouping components in to Modules.
Chapter 33 :- Understanding UI loading in selector.
Chapter 34 :- Routing and Routing collection
Chapter 35 :- router-outlet and routerLink
Chapter 36 :- RouterModule and loading routes in Angular.
Chapter 37 :- Understanding the flow of Angular with routing.
Lab 3 - Creating MasterPage page,Supplier page ,Home page & enabling navigation In this the following chapters are covered Chapter 28 :- Thinking Uniform , Thinking Master Pages
Chapter 29:- Creating Angular UI and its components.
Chapter 30 :- Organizing project folders, modules & components.
Chapter 31 :- Masterpage and selector
Chapter 32 :- Grouping components in to Modules.
Chapter 33 :- Understanding UI loading in selector.
Chapter 34 :- Routing and Routing collection
Chapter 35 :- router-outlet and routerLink
Chapter 36 :- RouterModule and loading routes in Angular.
Chapter 37 :- Understanding the flow of Angular with routing.
Lab 3 - Creating MasterPage page,Supplier page ,Home page & enabling navigation In this the following chapters are covered Chapter 28 :- Thinking Uniform , Thinking Master Pages
Chapter 29:- Creating Angular UI and its components.
Chapter 30 :- Organizing project folders, modules & components.
Chapter 31 :- Masterpage and selector
Chapter 32 :- Grouping components in to Modules.
Chapter 33 :- Understanding UI loading in selector.
Chapter 34 :- Routing and Routing collection
Chapter 35 :- router-outlet and routerLink
Chapter 36 :- RouterModule and loading routes in Angular.
Chapter 37 :- Understanding the flow of Angular with routing.
Lab 3 - Creating MasterPage page,Supplier page ,Home page & enabling navigation In this the following chapters are covered Chapter 28 :- Thinking Uniform , Thinking Master Pages
Chapter 29:- Creating Angular UI and its components.
Chapter 30 :- Organizing project folders, modules & components.
Chapter 31 :- Masterpage and selector
Chapter 32 :- Grouping components in to Modules.
Chapter 33 :- Understanding UI loading in selector.
Chapter 34 :- Routing and Routing collection
Chapter 35 :- router-outlet and routerLink
Chapter 36 :- RouterModule and loading routes in Angular.
Chapter 37 :- Understanding the flow of Angular with routing.
Lab 3 - Creating MasterPage page,Supplier page ,Home page & enabling navigation In this the following chapters are covered Chapter 28 :- Thinking Uniform , Thinking Master Pages
Chapter 29:- Creating Angular UI and its components.
Chapter 30 :- Organizing project folders, modules & components.
Chapter 31 :- Masterpage and selector
Chapter 32 :- Grouping components in to Modules.
Chapter 33 :- Understanding UI loading in selector.
Chapter 34 :- Routing and Routing collection
Chapter 35 :- router-outlet and routerLink
Chapter 36 :- RouterModule and loading routes in Angular.
Chapter 37 :- Understanding the flow of Angular with routing ability.
In this lab we will look in to applying validations using Angular. Below are the chapters covered in this lab.Chapter 49 :- Validation...
Additional information
Basic JavaScript and HTML knowledge needed
Basic programming knowledge is needed
You do not need to know any old Angular version of Angular