Learn Angular 8 from Scratch

Course

Online

£ 40 + VAT

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

With every day passing, clients (browsers) are becoming more & more thick. Many Client side frameworks have been introduced to increase developer productivity in developing thick clients. Angular is a such client side development framework. Angular 1.0 is called AngularJS. Later versions are simply called Angular. Angular 2+ versions are TypeScript based. Current stable version is 8.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

What is Angular
Developing Components in Angular
Introduction to Data Binding
Introduction to Directives
Introduction to Angular Services
Intro to RxJS + Using it in Angular
Introduction to JWT (JSON Web Tokens)
Routing & Navigation
Auth/Route Guards
Creating Custom Directives
Creating Custom Pipe
Build & Deploying Angular App
Intro to Visual Studio 2019 ASP.NET Core + Angular Template

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

Emagister S.L. (data controller) will process your data to carry out promotional activities (via email and/or phone), publish reviews, or manage incidents. You can learn about your rights and manage your preferences in the privacy policy.

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 6 years

Subjects

  • Install
  • Programming
  • Property
  • Installation
  • Visual Studio

Course programme

Basic Concepts 5 lectures 01:48:39 Introduction to Angular Installation & Architecture Overview In this Lecture, we'll explore how to install Angular on local machine. Then we'll explore the architecture of basic bootstrap app (template) in Visual Studio Code. Data Binding in detail As we know, Angular has concepts of Components & Templates. To pass data from Component to Template or Template to Component, "Data Binding" concept is used.In this Lecture, we'll learn
  • Intro to Data Binding
  • Data Binding - String Interpolation
  • Data Binding - Property Binding
  • Data Binding - Attribute Binding
  • Data Binding - Style/Class Binding
  • Data Binding - Event Binding
  • Data Binding - Two way Data Binding with/without NgModel
  • Data Binding - Reference Variables
Passing Data Between Components Input/Output In this lecture we'll learn how we can pass data to a child component from host component or how to pass data from child to host. Intro to Directives Directives are to change the appearance or behavior of DOM elements. In this lecture, we'll learn
  • Intro to Directives
  • ngStyle Directive
  • ngStyle Directive
  • ngClass Directive
  • ngIf Directive
  • ngSwitch Directive
  • ngFor Directive
  • What is * (asterisk) with directive name
Basic Concepts 5 lectures 01:48:39 Introduction to Angular Installation & Architecture Overview In this Lecture, we'll explore how to install Angular on local machine. Then we'll explore the architecture of basic bootstrap app (template) in Visual Studio Code. Data Binding in detail As we know, Angular has concepts of Components & Templates. To pass data from Component to Template or Template to Component, "Data Binding" concept is used.In this Lecture, we'll learn
  • Intro to Data Binding
  • Data Binding - String Interpolation
  • Data Binding - Property Binding
  • Data Binding - Attribute Binding
  • Data Binding - Style/Class Binding
  • Data Binding - Event Binding
  • Data Binding - Two way Data Binding with/without NgModel
  • Data Binding - Reference Variables
Passing Data Between Components Input/Output In this lecture we'll learn how we can pass data to a child component from host component or how to pass data from child to host. Intro to Directives Directives are to change the appearance or behavior of DOM elements. In this lecture, we'll learn
  • Intro to Directives
  • ngStyle Directive
  • ngStyle Directive
  • ngClass Directive
  • ngIf Directive
  • ngSwitch Directive
  • ngFor Directive
  • What is * (asterisk) with directive name
Introduction to Angular Introduction to Angular Introduction to Angular Introduction to Angular Installation & Architecture Overview In this Lecture, we'll explore how to install Angular on local machine. Then we'll explore the architecture of basic bootstrap app (template) in Visual Studio Code. Installation & Architecture Overview In this Lecture, we'll explore how to install Angular on local machine. Then we'll explore the architecture of basic bootstrap app (template) in Visual Studio Code. Installation & Architecture Overview In this Lecture, we'll explore how to install Angular on local machine. Then we'll explore the architecture of basic bootstrap app (template) in Visual Studio Code. Installation & Architecture Overview In this Lecture, we'll explore how to install Angular on local machine. Then we'll explore the architecture of basic bootstrap app (template) in Visual Studio Code. In this Lecture, we'll explore how to install Angular on local machine. Then we'll explore the architecture of basic bootstrap app (template) in Visual Studio Code. In this Lecture, we'll explore how to install Angular on local machine. Then we'll explore the architecture of basic bootstrap app (template) in Visual Studio Code. Data Binding in detail As we know, Angular has concepts of Components & Templates. To pass data from Component to Template or Template to Component, "Data Binding" concept is used.In this Lecture, we'll learn
  • Intro to Data Binding
  • Data Binding - String Interpolation
  • Data Binding - Property Binding
  • Data Binding - Attribute Binding
  • Data Binding - Style/Class Binding
  • Data Binding - Event Binding
  • Data Binding - Two way Data Binding with/without NgModel
  • Data Binding - Reference Variables
Data Binding in detail As we know, Angular has concepts of Components & Templates. To pass data from Component to Template or Template to Component, "Data Binding" concept is used.In this Lecture, we'll learn
  • Intro to Data Binding
  • Data Binding - String Interpolation
  • Data Binding - Property Binding
  • Data Binding - Attribute Binding
  • Data Binding - Style/Class Binding
  • Data Binding - Event Binding
  • Data Binding - Two way Data Binding with/without NgModel
  • Data Binding - Reference Variables
Data Binding in detail As we know, Angular has concepts of Components & Templates. To pass data from Component to Template or Template to Component, "Data Binding" concept is used.In this Lecture, we'll learn
  • Intro to Data Binding
  • Data Binding - String Interpolation
  • Data Binding - Property Binding
  • Data Binding - Attribute Binding
  • Data Binding - Style/Class Binding
  • Data Binding - Event Binding
  • Data Binding - Two way Data Binding with/without NgModel
  • Data Binding - Reference Variables
Data Binding in detail As we know, Angular has concepts of Components & Templates. To pass data from Component to Template or Template to Component, "Data Binding" concept is used.In this Lecture, we'll learn
  • Intro to Data Binding
  • Data Binding - String Interpolation
  • Data Binding - Property Binding
  • Data Binding - Attribute Binding
  • Data Binding - Style/Class Binding
  • Data Binding - Event Binding
  • Data Binding - Two way Data Binding with/without NgModel
  • Data Binding - Reference Variables
As we know, Angular has concepts of Components & Templates. To pass data from Component to Template or Template to Component, "Data Binding" concept is used.In this Lecture, we'll learn
  • Intro to Data Binding
  • Data Binding - String Interpolation
  • Data Binding - Property Binding
  • Data Binding - Attribute Binding
  • Data Binding - Style/Class Binding
  • Data Binding - Event Binding
  • Data Binding - Two way Data Binding with/without NgModel
  • Data Binding - Reference Variables
As we know, Angular has concepts of Components & Templates. To pass data from Component to Template or Template to Component, "Data Binding" concept is used.In this Lecture, we'll learn
  • Intro to Data Binding
  • Data Binding - String Interpolation
  • Data Binding - Property Binding
  • Data Binding - Attribute Binding
  • Data Binding - Style/Class Binding
  • Data Binding - Event Binding
  • Data Binding - Two way Data Binding with/without NgModel
  • Data Binding - Reference Variables
Passing Data Between Components Input/Output In this lecture we'll learn how we can pass data to a child component from host component or how to pass data from child to host. Passing Data Between Components Input/Output In this lecture we'll learn how we can pass data to a child component from host component or how to pass data from child to host. Passing Data Between Components Input/Output In this lecture we'll learn how we can pass data to a child component from host component or how to pass data from child to host. Passing Data Between Components Input/Output In this lecture we'll learn how we can pass data to a child component from host component or how to pass data from child to host. In this lecture we'll learn how we can pass data to a child component from host component or how to pass data from child to host. In this lecture we'll learn how we can pass data to a child component from host component or how to pass data from child to host. Intro to Directives Directives are to change the appearance or behavior of DOM elements. In this lecture, we'll learn
  • Intro to Directives
  • ngStyle Directive
  • ngStyle Directive
  • ngClass Directive
  • ngIf Directive
  • ngSwitch Directive
  • ngFor Directive
  • What is * (asterisk) with directive name
Intro to Directives Directives are to change the appearance or behavior of DOM elements. In this lecture, we'll learn
  • Intro to Directives
  • ngStyle Directive
  • ngStyle Directive
  • ngClass Directive
  • ngIf Directive
  • ngSwitch Directive
  • ngFor Directive
  • What is * (asterisk) with directive name
Intro to Directives Directives are to change the appearance or behavior of DOM elements. In this lecture, we'll learn
  • Intro to Directives
  • ngStyle Directive
  • ngStyle Directive
  • ngClass Directive
  • ngIf Directive
  • ngSwitch Directive
  • ngFor Directive
  • What is * (asterisk) with directive name
Intro to Directives Directives are to change the appearance or behavior of DOM elements. In this lecture, we'll learn
  • Intro to Directives
  • ngStyle Directive
  • ngStyle Directive
  • ngClass Directive
  • ngIf Directive
  • ngSwitch Directive
  • ngFor Directive
  • What is * (asterisk) with directive name
Directives are to change the appearance or behavior of DOM elements. In this lecture, we'll learn
  • Intro to Directives
  • ngStyle Directive
  • ngStyle Directive
  • ngClass Directive
  • ngIf Directive
  • ngSwitch Directive
  • ngFor Directive
  • What is * (asterisk) with directive name
Directives are to change the appearance or behavior of DOM elements. In this lecture, we'll learn
  • Intro to Directives
  • ngStyle Directive
  • ngStyle Directive
  • ngClass Directive
  • ngIf Directive
  • ngSwitch Directive
  • ngFor Directive
  • What is * (asterisk) with directive name
Angular Services & Consuming External APIs 3 lectures 01:00:58 Angular Services & Role of DI In this lecture, we'll learn how to create Services in Angular and how to use Built-in Dependency Injection (DI) feature of Angular. Intro to RxJS RxJS is a library for reactive programming using Observables, to make it easier to compose asynchronous or callback-based code. In this lecture, we'll get quick introduction of this library as we'll use this in later lectures. Consuming RESTFul Services using HttpClient In this lecture, we'll see what is HttpClient and how we can call external APIs using this library. Angular Services & Consuming External APIs. 3 lectures 01:00:58 Angular Services & Role of DI In this lecture, we'll learn how to create Services in Angular and how to use Built-in Dependency Injection (DI) feature of Angular. Intro to RxJS RxJS is a library for reactive programming using Observables, to make it easier to compose asynchronous or callback-based code. In this lecture, we'll get quick introduction of this library as we'll use this in later lectures. Consuming RESTFul Services using HttpClient In this lecture, we'll see what is HttpClient and how we can call external APIs using this library. Angular Services & Role of DI In this lecture, we'll learn how to create Services in Angular and how to use Built-in Dependency Injection (DI) feature of Angular. Angular Services & Role of DI In this lecture, we'll learn how to create Services in Angular and how to use Built-in Dependency Injection (DI) feature of Angular. Angular Services & Role of DI In this lecture, we'll learn how to create Services in Angular and how to use Built-in Dependency Injection (DI) feature of Angular. Angular Services & Role of DI In this lecture, we'll learn how to create Services in Angular and how to use Built-in Dependency Injection (DI) feature of Angular. In this lecture, we'll learn how to create Services in Angular and how to use Built-in Dependency Injection (DI) feature of Angular. In this lecture, we'll learn how to create Services in Angular and how to use Built-in Dependency Injection (DI) feature of Angular. Intro to RxJS RxJS is a library for reactive programming using Observables, to make it easier to compose asynchronous or callback-based code. In this lecture, we'll get quick introduction of this library as we'll use this in later lectures. Intro to RxJS RxJS is a library for reactive programming using Observables, to make it easier to compose asynchronous or callback-based code. In this lecture, we'll get quick introduction of this library as we'll use this in later lectures. Intro to RxJS RxJS is a library for reactive programming using Observables, to make it easier to compose asynchronous or callback-based code. In this lecture, we'll get quick introduction of this library as we'll use this in later lectures. Intro to RxJS RxJS is a library for reactive programming using Observables, to make it easier to compose asynchronous or callback-based code. In this lecture, we'll get quick introduction of this library as we'll use this in later lectures. RxJS is a library for reactive programming using Observables, to make it easier to compose asynchronous or callback-based code. In this lecture, we'll get quick introduction of this library as we'll use this in later lectures. RxJS is a library for reactive programming using Observables, to make it easier to compose asynchronous or callback-based code. In this lecture, we'll get quick introduction of this library as we'll use this in later lectures. Consuming RESTFul Services using HttpClient In this lecture, we'll see what is HttpClient and how we can call external APIs using this library. Consuming RESTFul Services using HttpClient In this lecture, we'll see what is HttpClient and how we can call external APIs using this library m directives & pipes to ease our development. Build & Deploying Angular App In this lecture, we'll learn how can we prepare a...

Additional information

One should have basic knowledge of HTML/CSS/JavaScript and TypeScript to take maximum benefit of this course

Learn Angular 8 from Scratch

£ 40 + VAT