Learning Angular The Easiest Way

The no nonsense angular course which focus on concepts and practical training

Created byEduonix Learning Solutions

Last updated 6/2021

English

English [Auto],

What you'll learn

Learn Angular fundamentals from ground up
Learn to build apps using Angular
Learn to Deploy Angular Apps

Course content

8 sections • 40 lectures • 1h 48m total length

Introduction & Course Outline1:05
What is Angular?2:11
What is TypeScript?1:49
Getting Setup2:50
Creating Our First App2:39
Summary0:36

Introduction0:30
Anatomy of an Angular Application2:27
Explore the anatomy of an angular application by examining the three core files—index.html, main, and app module—and learn how Angular bootstraps the app and loads the app component.
Angular Components2:13
Creating & Using Components2:54
Templates & Styles1:48
Explore templates and styles in Angular, comparing external template files with inline templates and inline styles versus external style files. Learn to apply colors with styles array or template strings.
Selectors3:05
Summary0:28

What is databinding?0:55
Explore how data binding connects data between consumers and providers in Angular, and master the four types — string interpolation, property binding, event binding, and two-way binding.
String Interpolation2:40
Property Binding2:26
Learn property binding in Angular by binding a component property to an element's class attribute via a TypeScript expression, showing a blue-to-red color change after three seconds.
Event Binding2:27
Learn how Angular event binding connects component events to TypeScript expressions, use template syntax like (mouseover) to toggle classes, and refactor into functions for cleaner code.
Two-way Binding2:41
Explore two-way binding in Angular by using ngModel on an input and importing the forms module to enable synchronous updates between the component property and the view.
Summary0:35

What are Directives?2:07
Learning to use ngStyle7:20
Explore how ngStyle binds a dynamic style object to text, using is bold, is sans serif, and is large to control font weight, font family, and font size.
Learning to use ngClass5:12
Learning to use ngIf1:25
Learning to use ngFor3:35
Summary0:44
Learn how directives work in Angular, with attribute directives such as ngIf and ngClass that change appearance, and structural directives like ngFor for lists and ngIf for conditional displays.

What are Observables?2:42
Explore observables and the observable pattern in Angular, showing how subscriptions, observers, and event emitters pass messages between app parts and handle route parameters and forms.
Handling Form Updates5:16
Learn to implement and update angular forms, build a form, wire save changes and back actions, update a user via a service, and deploy to netlify and heroku with observables.
Summary0:49

Requirements

Basic knowledge of JavaScript is must for completing this course

Description

Learn app development using Angular.JS the easiest way!

Without a doubt, Angular remains one of the most popular JavaScript-based open-source front-end web frameworks that is widely used for developing single-page applications. Thanks to all its popularity, everyone wants to learn AngularJS. However, despite the availability of numerous resources, the learning curve is not that simple.

To avoid all the confusion & frustrations, we have curated this Angular.JS online course that will make you proficient in Angular for app development. It will teach you all the basics & fundamental concepts of Angular from the ground up. It also covers real-world projects involving SPA development, testing & deployment. Overall, it will make you confident in using Angular for your upcoming projects.

Why You Should Take This Angular Course?

Though there are numerous courses that are available on the internet, this online tutorial on Angular is to the point & offers the right balance of theoretical & practical knowledge. The interactive approach will not only make you proficient in Angular but will also train you to use Angular efficiently & effectively for your forthcoming projects.

This course begins with the basic introduction to Angular, all the tools typeScript & fundamental concepts. Once these are clear, you will be introduced to other crucial concepts like routing, databinding, dependency injection, Angular architecture, and so on. Upon learning all the concepts, you will be developing a responsive web app & single-page application. It will involve Angular material, testing, authorization, and deployment.

What You Will Learn?

Angular intro
Angular basics
TypeScript
Angular fundamental concepts
Routing, directives, databinding
Services & dependency Injection
Angular architecture
Using Angular 11 for responsive web development
Single page application
Angular material
Integration testing
Authentication and authorization
Deployment

Start upskilling today to build & deploy apps using Angular.JS!!

Who this course is for:

Anyone who wants to start on Angular development will find this course very effective

Learning Angular The Easiest Way

What you'll learn

Explore related topics

Course content

Getting Started with Angular6 lectures • 11min

The Basics7 lectures • 13min

Databinding6 lectures • 12min

Directives6 lectures • 20min

Services4 lectures • 18min

Routing4 lectures • 15min

Observables & Forms3 lectures • 9min

Deploying Application4 lectures • 10min

Requirements

Description

Who this course is for: