Angular is a platform and framework for building single-page applications
using HTML and TypeScript. TypeScript is a primary language for Angular application development. It is a super set of JavaScript and is strongly typed, object oriented and compiled
language. Angular uses HTML as a template language and its syntax can be extended to build application’s components quickly
As a platform, Angular includes a component-based framework for building scalable web applications a collection of well-integrated libraries that cover a wide variety of features,
including routing, forms management, client-server communication, and a suite of developer tools to help you develop, build, test, and update your code.
Learning Outcomes
Understand the basic blocks of Angular for building Single Page Applications (SPA)
Learn the fundamentals around the Angular CLI and how it's used in Angular development
Complete a hand-ons Angular tutorial, which utilizes all the concepts required for the class project
Study Resources
For your study of this topic, use these resources.
Follow the instructions under Angular Setup to set up Angular on your PC. Follow all the steps up to and including Run the application.
Verify that you can start the sample application.
Take a screenshot of the running application and deposit the image in the myCourses dropbox, Setup Angular - individual, by the date specified on the schedule for your section.
Verify VSCode integration
We will be using VSCode for the project as it simplifies a lot of the Angular tasks for development and debugging.
Open the Terminal in VSCode and run: ng serve --open in the directory of where the sample application resides.
Verify that the sample application opens in a browser.
In-Class Exercises
Having setup your local development environment previously, in this activity, you will do the Tour of Heroes app and tutorial which shows you how to develop an application using the Angular CLI tool, and introduces the fundamentals of Angular.
Take a screenshot of the running application and deposit the image in the myCourses dropbox, Angular Tutorial: Part 1 - individual, by the date specified on the schedule for your section.