Content:

Language:

Angular Cookbook

Learn Angular v.19 from scratch with exercises

In this course:

Learn Angular v.19 with practical examples and exercises

Discover the latest features and API

Signals, Control Flow Syntax, Resource API and much more...

Try and experiment with the integrated code playground

# Preface

Many people told me in the past they don't use Angular because is too complex, heavy and difficult to use.

I also think that many articles and tutorials on the web are well-written but not always easy to understand for those who have recently approached the world of programming and especially if it is the first frontend framework they are using.

The goal of this course is to try to make people understand how Angular is convenient and simple to use, with tips and several exercises

# Simple and Short

When I created this course I set myself the following goals:

Suitable for all skill levels
Easy-to-understand
Provide code playgrounds for experimenting and practice**

Many concepts are addressed only on the surface in order to make the course more accessible and flowing.

# Requirements

You should already have a basic knowledge of JavaScript ES2015

TOPICS

Learn the Angular fundamentals with dozens of interactive code playgrounds about:

The creation of Angular v.18 projects
Dynamic templates
Signals
Dynamic Styling
New control flow syntax
Server Side communication
How to organize a view in components
Reusable components
Multiview applications with router
State and Dependency Injection (coming soon)

Click or in the editor to practice

# Crud applications

Learn how to create simple CRUD applications using latest Angular API: signals, control flow syntax, different techniques for dynamic styling and server side communication.

# Components

Discover how to organize a page into several components to make the application easier to update. You'll also learn how to create reusable components using the latest Angular API like Signal Inputs, output functions and content projection.

# Create dynamic pages

We will create a dynamic page in several steps:

we start from a static layout made in Tailwind
the static layout is then converted into dynamic
the page is organized in components
the page is dynamically populated getting data from JSON

# MultiView applications

Single Page Applications (SPAs) have gained immense popularity due to their smooth user experience and dynamic capabilities. Unlike traditional multi-page websites, SPAs load a single HTML page and dynamically update the content as the user interacts with the app. One of the core features that make SPAs so powerful is routing so, in this book, you'll find a chapter to this topic.

You will also learn how to optimize the application using a lazy loading strategy, a technique that allows you to load components on demand rather than loading all of them at the start.

Chapters

Create a new Angular v.19 project

using Angular CLI

Angular Fundamentals

Let's start with the basics: templates, binding and events

Angular Signals

10 examples to start using Signals and manage Angular states

Angular Styling

Learn different techniques for applying dynamic styles to your Angular components

Dynamic templates with control flow blocks

Learn how to build dynamic UI using `@if`, `@for` and `@switch` blocks with several examples

Http Client

Work with Angular and HttpClient to make client and server communicate with REST API

Components

Organize your views in components

Angular Router in v.19

Create a multi-view applications... in few seconds

Fabio Biondi

Fabio Biondi is Google Developer Expert in Angular and Microsoft MVP.

He is a freelance Front-End trainer, speaker, content creator and community manager