Interactive Angular Fundamentals - Practice-Driven Approach

A practical course about Angular, with short videos and a lot of practical tasks.

What you'll learn

TypeScript basics: learn about TypeScript which is the main language of Angular

Angular core: components, data-binding, signals, directives

Routing: settings, directives, optimizations

Services: Dependency Injection, HTTP requests

Pipes: using built-in pipes, create custom pipes

Forms: FomsModule, handling forms, validation

Big project: learn explanation about the whole process of a project

Requirements

JAVASRIPT, HTML, CSS, basic HTTP knowledge

Description

Angular is one of the most popular front-end frameworks. Why do developers like Angular? It is well-constructed, makes development faster, and has a good ecosystem and documentation.This course utilizes Practice-based learning.Why is practice-based or practice-driven learning better than the traditional methods?You don't get practical knowledge when you take a course with many boring PowerPoints and theoretical lessons. Practice-based learning consists of a few videos and many practical tasks and exercises. The focus is on doing and not only observing.The maximum length of the videos is only 3 to 5 minutes, and each is about just one thing. After each video, there is a massive exercise with tests, so you can check your work anytime quickly and easily. What are in the topic list?Firstly, we will learn about TypeScript.The following topics are creating Angular apps, core functionality, data-binding, routing, and forms.At the end of the course, there is a big project that includes all the things and methods presented.Follow me on a practical and exciting way of learning Angular.Usage of TestsThis video will show you how to use the practices and tests.After each video, you find a text file with the path of the corresponding test and other practical instructions.If you open the link, you see a Github ClassRoom practice.Accept the practice and wait for Github to create your own repository from the template. It requires only 10-15 seconds.Open your new repository and clone it to your machine.Open the cloned directory and follow the instructions.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Usage of Tests

Section 2: TypeScript

Lecture 3 TypeScript - primitive types

Lecture 4 Practice: TypeScript primitive types

Lecture 5 TypeScript - collections

Lecture 6 Practice: TypeScript collections

Section 3: Angular Core

Lecture 7 Creating a new project

Lecture 8 Practice: Creating new projects

Lecture 9 Adding CSS frameworks

Lecture 10 Practice: Adding CSS frameworks

Lecture 11 Components

Lecture 12 Practice: Components

Lecture 13 Data binding

Lecture 14 Practice: Data binding

Lecture 15 Component interaction

Lecture 16 Practice: Component interaction

Lecture 17 Signals

Lecture 18 Practice: Signals

Lecture 19 Directives

Lecture 20 Practice: Directives

Section 4: Router in Angular

Lecture 21 Router settings

Lecture 22 Practice: Router settings

Lecture 23 Router directives

Lecture 24 Practice: Router directives

Lecture 25 Router optimization

Lecture 26 Practice: Router optimization

Section 5: Services in Angular

Lecture 27 Dependency Injection

Lecture 28 Practice: Dependency injection

Lecture 29 HTTP services

Lecture 30 Practice: HTTP services

Section 6: Pipes in Angular

Lecture 31 Built-in Pipes

Lecture 32 Practice: Built-in Pipes

Lecture 33 Creating custom Pipes

Lecture 34 Practice: Creating custom Pipes

Section 7: Forms in Angular

Lecture 35 Form - displaying data

Lecture 36 Practice: Form - displaying data

Lecture 37 Form - submitting data to the server

Lecture 38 Practice: Form - submitting data

Lecture 39 Form - validating form fields

Lecture 40 Practice: Form - validating form fields

Section 8: The Big Project

Lecture 41 The full process in a long video :)

Frontend develpers who want a faster and much more effective workflow.