Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges.
Angular empowers developers to build applications that live on the web, mobile, or the desktop.
Objetivos
- Gain a deep understanding of Angular
- Learn the fundamentals of Angular from setup to deployment
- Build apps using Angular
Destinatários
This course targets frontend developers interested in learning how to develop apps using Angular.
Pré-Requisitos
Participants of this course should have familiarity with basic HTML, CSS, and JavaScript.
Programa
- Introduction
- Writing Your First Angular App
- TypeScript
- Understanding the Core Concepts of Angular
- Components in More Detail
- Databinding in More Detail
- Directives in More Detail
- How to Debug in Angular
- Services
- Dependency Injection & Providers
- Routing
- Using RxJS to Create and Work with Observables in Angular
- Handling Forms
- Pipes
- Angular Training Last Subjects
Introduction
- Background and Overview of Angular
- Angular versions and differences
- Introduction to TypeScript
Writing Your First Angular App
- Installing the Angular CLI
- Setting Up an Angular Project and App Using the CLI
- Editing an Angular App
- Creating a Basic Project Setup Using Bootstrap
TypeScript
- Setting Up TypeScript
- Learning the Basics of ES6 JavaScript and TypeScript
Understanding the Core Concepts of Angular
- Components
- Databinding and String Interpolation
- Property Binding
- Event Binding
- Two-Way-Databinding
- Data Modelling
- Directives
- Bootstrapping
- Inputs & Outputs
Components in More Detail
- Architecting an Angular App
- Data Flow
- Creating a New Component
- Understanding the Importance of AppModule
- Working with Custom Components
- Using Templates and Styles
- Using View Encapsulation
- Projecting Content
- Understanding Component Lifecycle and Lifecycle Hooks
- Using ViewChildren and ContentChildren
Databinding in More Detail
- Overview of Property & Event Binding
- Binding and Assigning Aliases to Custom Properties
- Binding and Assigning Aliases to Custom Events
Directives in More Detail
- Built-in Directives
- NgFor
- Nglf & NgSwitch
- NgStyle & NgClass
- NgNonbindable
- Structural Directives
- Custom Directives
- Creating a Custom Directive
- Using the Renderer
- Using HostListener & HostBinding
- Configuring a Directive
How to Debug in Angular
- Understanding Error Messages in Angular
- Using Sourcemaps to Debug Code in the Browser
- Using Augury
Services
- Learning the Importance of Services
- Creating a Logging Service
- Creating a Data Service
Dependency Injection & Providers
- Injectors, Provider, and Tokens
- Configuring Dependency Injection
- Configuring Your Provider
- Injecting Services into Components, Directives, and Services
Routing
- Setting Up Routes
- Configuring and Loading Routes
- Understanding the Different Navigation Methods
- Using Parameters in Routes
- Creating Nested Routes
- Using Redirect and Wildcard Routes
- Understanding Route Guards
- Understanding Routing Strategies
Using RxJS to Create and Work with Observables in Angular
- Overview of Observables
- Overview of RxJS
- Building & Using Observables in Angular
Handling Forms
- Using the Template Driven Approach
- Using the Reactive Model Approach
Pipes
- Built-in Pipes
- Async Pipe
- Custom Pipes
Angular Training Last Subjects
- Making Calls to External HTTP APIs
- Setting Up Authentication and Route Protection
- Understanding How to Use Angular Modules
- Optimizing Angular Apps
- Learning How to Deploy an Angular App
- Learning How to Perform Basic Unit Testing in Angular
- Internationalization (i18n)