Create web app with Angular 12, .NET Core Web API & Mongo DB

Name: Create web app with Angular 12, .NET Core Web API & Mongo DB
Rating: 4.0 (328 reviews)

learn to create a full stack web application from scratch using Mongo DB, .NET Core Web API and Angular 12

Created byVinay Kumar

Last updated 7/2021

English

What you'll learn

learn to create a full stack web application from scratch using Mongo DB for the database, .NET Core Web API for the backend, and Angular 12 for the front end.

Course content

3 sections • 20 lectures • 48m total length

Introduction0:56
Install Visual Studio0:44
Install Visual Studio Code1:00
Install Visual Studio Code, a lightweight editor from Microsoft, and explore its use in front end web development.
Install Postman0:35
Install Mongo DB Compass1:00
Install Node JS0:42

Create DB Objects2:32
Web API Project1:36
Enable CORS and JSON Serializer2:45
Create Models2:10
Install the MongoDB Driver NuGet package and set connection string, then create a models folder with department (id, name) and employee (id, name, department, date of joining, photo file name).
Department Screen APIs4:47
Employee Screen APIs2:55
Implement the employee details API methods by creating an empty API controller and copying the department controller, then test get, post, put, and delete operations.
Upload File API2:59

Create Angular Project3:16
Routing and Navigation3:02
Implement routing and navigation in an Angular 12 app by creating three pages—home, department, and employee—configuring components, app routing, http client, and forms, and adding a navigation menu.
Bootstrap Table2:33
Modal Popup Window5:30
Employee Details Screen5:48
Sorting and Filtering3:12
Implement sorting and filtering for the department table using the string includes method, defining filter inputs, a backup data array, and a column-based sort function with ascending or descending order.
Bonus Lecture0:04

Requirements

basic html, css, javascript and c#

Description

Hello Everyone, and welcome to this course on Angular 12, .NET Core Web API, Mongo DB full-stack web development.

In this course, you will learn how to develop a web application from scratch using popular technologies such as

* Mongo DB for the database.

* .NET Core Web API for the back end web development.

* And the latest Angular 12 for the front end web development.

-We will first start with installing and setting up the environment needed for our database, back end project and front end project.

-Then we will develop REST API end points using .NET Core Web API.

-Finally we will be using Angular 12 to design the front end part of our App.

* You will learn how to create the navigation menu and tables using bootstrap, add routing and navigation to our Angular App, add modal pop up window with drop downs and date pickers, and also add upload profile picture functionality and store it in the backend server. We will also learn how to add custom filtering and sorting features without using any third party packages.

I am sure that this course will definitely help you in your journey as a full stack web developer.

Welcome to the course, and happy learning.

Who this course is for:

.net, backend developers, frontend developers, angular and react developers

Create web app with Angular 12, .NET Core Web API & Mongo DB

What you'll learn

Explore related topics

Course content

Introduction & Environment Set Up6 lectures • 5min

Backend : .NET Core Web API and Mongo DB7 lectures • 20min

Frontend : Angular 127 lectures • 23min

Requirements

Description

Who this course is for: