Angular Webinar I – Building Your First Angular Application

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


Webinar Schedule (3 Hours)

Session 1: Angular Environment Setup and Project Structure

  • Installing Node.js and Angular CLI

  • Creating a new Angular project

  • Understanding the Angular workspace structure

  • Running and exploring the development server

Lab 1:

  • Install Angular CLI

  • Create a new Angular application

  • Open and run the project in Visual Studio Code


Session 2: Components, Templates, and Data Binding

  • Understanding the root component

  • Creating and modifying components

  • Binding data to templates

  • Responding to user interaction

Lab 2:

  • Create a new Angular component

  • Display dynamic data in the template

  • Update the UI using data binding


Webinar Description

Angular Webinar I is a hands-on introduction to Angular application development. In this session, participants set up their development environment, create their first Angular project, and learn how components and templates work together to produce dynamic user interfaces.

This webinar focuses on core Angular fundamentals and real development workflows using Visual Studio Code. Each lab builds confidence by reinforcing how Angular applications are structured and how data flows between code and the UI.

By the end of this webinar, attendees will have a running Angular application and a solid understanding of how Angular projects are built and organized.


What You’ll Gain

  • A working Angular project

  • Confidence using Angular CLI

  • Understanding Angular project structure

  • Experience building components and templates


Other Angular Webinars

This webinar is the starting point for hands-on Angular development.
Additional Angular webinars expand on this foundation by covering:

  • Routing and navigation

  • Forms and user input

  • Services and data flow

  • Building complete Angular applications