Learn Angular 10, Web API, and SQL Server
Learn Angular 10, Web API, and SQL Server
Learn to create a simple web application from scratch using Angular 10, ASP .NET Web API and Microsoft SQL Server.
Join the DZone community and get the full member experience.
Join For FreeSource Code: https://github.com/ArtOfEngineer/Angular10WebAPITut
1:12: Install SQL Server and SQL Server Management Studio.
4:26: Install Visual Studio.
5:50: Install Visual Studio Code.
6:56: Install POSTMAN.
7:44: Install Node JS.
8:43: Install Angular 10.
10:01: Create DB and Tables in Microsoft SQL Server.
16:51: Create .NET Web API Project.
20:38: Force API to return the JSON response only.
22:49: Enable CORS.
24:52: Create Models.
27:22: API for Department Screen: GET.
33:13: API for Department Screen: POST, PUT, and DELETE.
36:48: APIs for Employee Screen.
43:30: Upload Photo API.
46:32: Angular Project Intro.
48:02: Create Angular 10 Project.
51:38: Generate Components and Services in the Angular Project.
53:57: Add Service methods to consume APIs.
59:32: Routing in Angular.
1:01:42: Add Bootstrap to our Angular App.
1:02:45: Navigation Menu using Bootstrap.
1:04:50: Show Department Screen with Bootstrap Table.
1:08:49: Modal Pop Up Window using Bootstrap.
1:12:39: Add and Edit Pop Up Screen for Department.
1:17:24: Delete Department.
1:19:12: Show Employee Screen with Bootstrap table.
1:22:31: Upload Photo, Add and Edit Employee Details Pop Up Screen.
1:31:34: Custom Sorting and Filtering to our Bootstrap table.
1:36:41: How to get Publishable files of .NET Web API and Angular.
Published at DZone with permission of Vinay R . See the original article here.
Opinions expressed by DZone contributors are their own.
{{ parent.title || parent.header.title}}
{{ parent.tldr }}
{{ parent.linkDescription }}
{{ parent.urlSource.name }}