954-657-1018

 

Angular Webinar III – Services (Simulated Login & Logout Workflow)

Duration: 3 Hours
Level: Beginner → Early Intermediate
Format: Live Human Online Webinar with Guided Labs (Visual Studio Code)

Webinar Schedule (3 Hours)

Session 1: Understanding Services and Application State

  • Why services exist in Angular

  • Separating UI logic from business logic

  • Sharing data across components

  • Introduction to application state

Lab 1:

  • Create a basic Angular service

  • Inject the service into multiple components

  • Share simple data across views

Session 2: Building a Simulated Authentication Service

  • What authentication workflows look like (high level)

  • Login vs logout concepts

  • Storing user state in a service

  • Controlling UI behavior based on login state

Lab 2:

  • Build a simulated login/logout service

  • Track authentication state (logged in / logged out)

  • Display user status across the application

Session 3: Using Services with Routing and Guards

  • Controlling access to routes

  • Using services to protect views

  • Updating navigation based on login state

  • Improving application flow

Lab 3:

  • Restrict routes based on login state

  • Redirect users on login and logout

  • Test and refine the workflow

Webinar Description

Angular Webinar III introduces services as the backbone of real Angular applications. In this hands-on session, participants build a simulated authentication workflow that demonstrates how services manage shared data, control application behavior, and support clean architecture.

Rather than integrating real authentication systems, this webinar focuses on core Angular concepts—services, dependency injection, shared state, and route control—using a realistic login/logout example that mirrors production patterns.

All development is completed in Visual Studio Code, reinforcing professional Angular workflows and best practices.

Lab & Exercise Structure

Each lab is:

  • Instructor-guided with live explanation

  • Incremental and practical

  • Focused on real application patterns

  • Built and tested in Visual Studio Code

Lab code can be reused and expanded in later Angular webinars.

Who This Webinar Is For

  • Attendees of Angular Webinars I and II

  • Developers ready to structure Angular applications

  • JavaScript developers transitioning to Angular architecture

  • Anyone curious how login workflows work under the hood

What You’ll Gain

  • Clear understanding of Angular services

  • Experience using dependency injection

  • Insight into application state management

  • Confidence building realistic Angular workflows

Other Angular Webinars

This webinar introduces core application architecture concepts.
Additional Angular webinars expand on this foundation by covering:

  • HTTP services and APIs

  • Error handling and guards

  • State management patterns (NgRx, signals)

  • Building production-ready Angular applications

Angular Webinar III is a major step toward building Angular applications that behave like real software—not just demos.