Developing Applications using Angular

Developed with

Lab Steps

Starting the Developing Applications using Angular Lab Exercises

Ready for the real environment experience?

Time Limit8h


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

An overview of the framework is given and then each of the 8 building blocks (Modules, Components, Directives, Metadata, Templates, Services, Data Binding, and Dependency Injection) are covered in deep dives including testing. RxJS observables are covered as both discrete JavaScript and how they are integrated into Angular. Template-Driven and Reactive forms implementation applications are compared and examined. Creating a single page application through the use of routing is also on the outline of the lab which can be seen below.

Learning Objectives

Upon completion of this lab you will be able to:

  • Explain what Angular is
  • Set up an Angular project
  • Create Angular components, directives, pipes, services and more
  • Use state and props in components
  • Use forms in both Template and Reactive driven styles
  • Make asynchronous requests for data to remote services
  • Use the Angular Router to create Single Page Applications
  • Use Test-Driven Development (TDD) tools and techniques to build better applications

Intended Audience

This lab is intended for:

  • Frontend and full-stack engineers
  • Developers who need to use Angular in real-world projects
  • Individuals who want to improve their Angular skills


It is essential you understand the face of contemporary web development to complete this lab. You must have JavaScript experience equivalent to the skills covered in Web Development Fundamentals - JavaScript along with good HTML and CSS skills comparable to those covered in Web Development Fundamentals - HTML and CSS.

This lab uses TypeScript for all exercises and so it is essential that you have experience equivalent to the skills covered in Programming with TypeScript.


July 8th, 2020 - Enabled direct browser RDP connection for a streamlined experience

About the Author
Learning paths6

An outstanding trainer in software development with more than 15 years experience as a Corporate and Apprentice Trainer, ICT Teacher and Head of Department, with a passion for technology and its uses. Continuing to develop existing and new skills and courses, primarily in web design using PHP, JavaScript, HTML, CSS and SQL but also OOP (Java), programming foundations (Using Python), DevOps (Git, CI/CD, etc) and Agile/Scrum. Practically minded, a quick learner and a problem solver with an attention to detail to ensure high quality outcomes.

Covered Topics