Angular Step by Step

Course

Online

£ 10 + VAT

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

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

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

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 lecture 01:11:33 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 Angular Step by Step 1 lecture 01:11:33 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 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 lecture 39:49 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 1 lecture 39:49 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. 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 lecture 30:50 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. 1 lecture 30:50 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. 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

Angular Step by Step

£ 10 + VAT