Developing Applications using Angular

SKU: QAANGULAR

948.300 kr.

This course is a complete guide to building and testing scalable web applications using Google’s popular Angular framework, leveraging the power of TypeScript to build type-safe applications.

This course will provide an overview of the framework before launching into each of the building blocks of developing Angular applications, including testing. Learners will create a project with the use of components, routing, observables, modules, signals and many other key Angular concepts used in both single-developer and enterprise-level Angular application development.

Delivery is through instructor-led explanations and short follow-up exercises that allow learners to experiment with code. Learners will be continuously building upon a practical project throughout their learning.

Forkröfur

Learners must have skills in the following:

  • At least 1 year of experience in a software/web app development role
  • Advanced knowledge and practical experience of HTML, CSS, and JavaScript
  • Working knowledge and practical experience of TypeScript development

It is essential you understand the face of contemporary web development to attend this course.

Target Audience

This course has been designed for learners who are:

  • Software Engineers
  • Front-End Developers
  • Full-Stack Developers

Nemandi mun læra eftirfarandi

By the end of this course, you will learn how to:

  • Set up and run a simple Angular application.
  • Create Angular components and templates with appropriate binding, control flow and routing.
  • Create pipes with the use of built-in, attribute and structural directives.
  • Utilise dependency injection with context within a component.
  • Work with observables and signals within Angular.
  • Create modules and routers to support with form development.

Samantekt

1. Introduction to Angular

  • Introduction to Angular and its Advantages
  • Angular vs. Other JavaScript Frameworks

2. Setup and Angular CLI

  • Installing Dependencies
  • Angular CLI
  • Creating your first Angular app

3. Components

  • What is a Component?
  • Creating and Using Components
  • Selectors
  • Styling
  • Inputs
  • Events and Outputs
  • Component Lifecycle

4. Templates

  • What is a Template?
  • Text Interpolation
  • Template Statements
  • Understanding Binding
  • Event Binding
  • Two-Way Binding
  • Control Flow

5. Pipes

  • Common Routing Tasks
  • Creating custom route matches
  • Router configuration

6. Directives

  • Built-in Directives
  • Attribute Directives
  • Structural Directives
  • How to use Directives

7. Dependency Injection

  • Understanding dependency injection
  • Creating an injectable service
  • Configuring dependency providers
  • Injection context
  • Inject Dependency into Component(s)

8. Observables, RxJS and Signals

  • Introduction to Observables and RxJS
  • What are signals?
  • RxJS Interop
  • Creating a Signal

9. Routing

  • Common Routing Tasks
  • Creating custom route matches
  • Router configuration
  • Forms
  • Reactive forms
  • Strictly Typed Forms
  • Template-driven forms
  • Form Validation

10. Http Client

  • Setting up HttpClient
  • Making HTTP requests
  • Interceptors