
Angular is a robust, highly performant, scalable, and batteries-included framework for building mobile, desktop, and web applications.
In this hands-on training you will learn from Google Developers Expert in Angular and Web Technologies Brian Love as he teaches you the fundamentals of Angular.

You can expect to learn project structure and architecture, the basics of TypeScript, RxJS, directives, components, templating, services, pipes, forms and routing.
At the end of this intense 2-day training you will be able to effectively build applications using Angular following best practices.

## Outline

1. TypeScript Essentials
2. Project Structure
3. Component Metadata
4. Template Strings
5. Component Tree and Property Binding
6. Structural Directives
7. `HTMLElement` Property Binding
8. Event Binding
9. Style Binding
10. Class Binding
11. View Encapsulation
12. Custom Event Binding
13. Component Lifecycle Hooks
14. Built-in Pipes
15. Template Driven Forms
16. Reactive Forms
17. Command-line Interface (CLI)
18. Routing
19. Services and Dependency Injection
20. Using the `HttpClient`
21. Staying Up-to-date

## Prereqs

Attendees should be familiar with the following technologies:

- JavaScript
- HTML
- CSS


Most apps require routing, or going from one page to another. Angular ships with a powerful built-in router. You'll know how to configure routes and use the router for navigating within your Angular application.

Route between pages

Dependency injection, it sounds kinda scary, but is extremely powerful and easy to get started with. You'll understand the basic mechanics of dependency injection in Angular and how you can provide services to your components with ease.

Inject dependencies with ease

Angular requires understanding the essentials of TypeScript. You'll understand that TypeScript is a superset of JavaScript, the primitive types in TypeScript, interfaces, classes and more.

Start writing TypeScript

Fetching data from a remote resource is easy in Angular thanks to the `HttpClient`. You'll know how to fetch data and subscribe to the Observable in your application to render data from a backend resource.

Fetch Data

Components are at the heart of modern web development frameworks, and Angular is no exception. You'll know how to create a component, start writing templates for components, and how to bind data between components.

Build components

Angular provides several mechanisms for styling your components. You'll be able to quickly write CSS/SCSS to style components, understand how view encapsulation works, and how you can dynamically style elements in your template using classes and styles.

Style components

You'll know the basic lifecycle of a component. You'll know that setting things up, tearing this down, and reacting to changes in bound values to the component all happen through implement lifecycle hooks in the component.

Know the lifecycle of a component

Angular ships with a set of powerful pipes that you'll know how to use to transform data and subscribe to Observables in your templates.

Transform data efficiently using Pipes

Forms are a necessity for applications that require user input. You'll understand how Angular equips you to build forms, store data, and react to user input using both template-drive and reactive forms.

Forms, forms, forms

One of the benefits of Angular is the command-line interface. You'll know how to use the CLI to quickly scaffold out modules, components, directives, pipes, and more.

The power of the CLI

Angular Fundamentals


## Day One

1. Interface and class patterns
2. Consuming and combining data
3. Architecture planning
4. Component design techniques
5. Subjects and RxJS operators
6. Services for state management
7. NgRx for state management
8. Debugging techniques
9. Component communication
10. Route Guards
11. Preload strategies
12. Leveraging shared libraries
13. HTTP data and interceptors

## Prereqs

Attendees should be familiar with the following technologies:

- JavaScript
- TypeScript
- HTTP
- HTML
- Basics of RxJS


Building scalable applications requires the correct architecture. Whether you are building applications at scale today, or you expect to scale your application, you'll have the skills necessary to be an application architect.

Architect Angular applications for scale

RxJS is one of a few dependencies that Angular relies on for asynchronous tasks that use Observables. Leveraging RxJS will enable you to build highly reactive applications with Angular.

Build reactive applications using RxJS

Managing state transitions in reusable components enables you to develop efficient components that have the single responsibility of the view layer. You'll learn to use NgRx's Component Store for localized state containers with Angular.

Manage state transitions

Debugging an Angular application is critical to your success. You'll understand the best tools and mechanics for debugging Angular applications.

Debug Angular applications

Not everyone should be able to do everything in your app. You'll learn how to use route guards to secure your application.

Guarding routes

Code splitting enables you to minimize the bundle sizes that are sent the client and to improve the performance of your Angular application. You'll learn how to use code splitting along with preloading strategies to increase the delight of your users.

Preloading strategies

Libraries enable you to split your code into highly reusable modules. You'll learn how to use the Angular workspace and CLI to create libraries that can be reused across Angular applications.

Expert Led Angular Workshops

Angular Fundamentals

Advanced Angular

Get Expert Led Training For Your Team