Learn Angular 8 & Web API by creating a Full Stack Web App

Install Visual Studio 2019 community edition, choose desktop development workloads, then create and run a Hello World console app to verify the setup.

Create the application database in ms sql server using two methods: object explorer (new database) and a query (create database), then execute and refresh to verify.

Create two model classes, department and employee, in the models folder, defining department id and department name, employee name and department, and a date of joining.

Implement GET methods for department and employee tables in a Web API, using stored procedures, web.config connection string, configuration manager, and data adapters to return results.

Install Visual Studio Code on Windows by downloading the 64-bit system installer, running as administrator, and creating a desktop icon. The lightweight, open-source code editor is now ready to use.

Install the Angular CLI globally with npm install -g @angular/cli, verify the version to confirm Angular 8, then you can start creating Angular projects.

Discover how Angular components organize an app into employee and department, with show, edit, and add features, and learn to structure folders and generate components.

Implement a dynamic table filter by typing in a material-style text box; on each key up, apply filter to the list data in lowercase for instant results.

Add department details using Angular 8 form fields, ngForm and the forms module, validating department name and posting to a service to insert into the database.

Learn how to post department details from an Angular 8 app to a Web API, insert the department name into the database, and handle responses with alerts.

Learn to show employee details by consuming the get method and displaying them in a material table, replicating department logic for an employee service, model, and component.

Implement delete and update workflows for employee records in an Angular 8 app, including extracting the date part from date-time values and dynamic department dropdowns.