К содержанию

Angular Framework Tutorial

A tutorial on JavaScript framework Angular. For beginners. Lots of theory and tasks.

Basics

Introduction to the Angular Framework

Introduction to Component Approach in Angular

Installing the Angular framework

Creating an Angular Project

Angular Project Structure

Structure of the working folder of the Angular project

Layout file in Angular

Project Shared Styles File in Angular

Angular Component Structure

File with Angular component layout

Angular Component Style File

Component class file in Angular

Template

Interpolation in Angular

Component class properties in Angular template

Component class properties in Angular attributes

Array properties in Angular template

Properties-objects in a template in Angular

Component class methods in Angular template

Template Variables in Angular

Binding Values to DOM Element Properties in Angular

Terms and Conditions

The if directive in Angular

Comparison operators in if directive in Angular

The if construct in Angular

Comparison operators in if statement in Angular

The else construct in Angular

The else-if construct in Angular

Switch and case constructs in Angular

The ng-template tag in Angular

Syntactic Sugar in Angular Terms

Cycles

The for directive in Angular

The for construct in Angular

Loop Iteration Indexes in Angular

First iteration of a loop in Angular

Last iteration of a loop in Angular

Even loop iteration in Angular

Odd Loop Iteration in Angular

Events

Binding event handlers in an Angular template

Event handler parameters in Angular template

Event object in event handler in Angular template

Event object and parameters in Angular template

Reactivity in Angular

Reactive Cycles in Angular

Conditional reactivity in Angular

Two-way data binding in Angular

Stylization

Angular Component Styles

Binding CSS classes in Angular

Mass Binding of CSS Classes in Angular

CSS Style Binding in Angular

Binding CSS styles to a tag in Angular

Dynamically Changing Styles in Angular

Channels

Pipes in Angular

Converting to uppercase via pipe in Angular

Converting to lowercase via channel in Angular

Trimming a String via a Pipe in Angular

Formatting Dates with Pipes in Angular

Formatting Numbers with Pipes in Angular

Formatting Currency Using Pipe in Angular

Channel chains in Angular

Channel List in Angular

Components

Child Components in Angular

Passing Data to Child Component in Angular

Passing Props to Child Component in Angular

Multiple Component Calls in Angular

Calling a Component in a Loop in Angular

Passing Text to Child Component in Angular

Passing data to a child component setter in Angular

Passing Data to Parent Component in Angular

Two-way Event Binding in Angular

Changing Child Component Tag in Angular

Component life cycle

Component Lifecycle in Angular

The ngOnInit hook in Angular

The ngOnDestroy hook in Angular

Multiple Hooks in Angular

Services

Introduction to Angular Services

Creating a Service in Angular

Using a Service in Angular

Injecting one service into another in Angular

Routing

Routing in Angular

Creating a new project for routing in Angular

Creating Routing Components in Angular

Setting up basic routing in Angular

Routing tag in Angular

Links for routing in Angular

Styling Active Links in Angular

Exact URL Matching in Angular

Route Parameters in Angular

Route parameter values in a component in Angular

Using Route Parameters in a Component in Angular

Route Parameters in Links in Angular

Problem with switching links in Angular

Programmatic Navigation in Angular

Capturing all URLs in Angular routing

Route Order in Angular

Redirection in Routing in Angular

Child Routes in Angular