ASP.NET Web API and Javascript Full Stack Web Application - Build A Notes Application - Part 2

Full ASP.NET Courses 🚀

👉 Build ASP.NET Core Web API - Scratch To Finish

👉 Build Amazing Apps With ANGULAR and ASP.NET Core REST API

👉 ASP.NET Core Razor Pages - Scratch to Finish

👉 Complete ASP.NET MVC Course

This is PART-2 of the video series - Build Full Stack Web Application Using ASP.NET Core Web API and Javascript Client - Notes App

In this video, you will learn to create an amazing full-stack application that will be used to show, add, and delete update notes.
This will be a great learning experience and in this one, we will create a backend API using ASP.NET 6 (.NET 6) and use Entity Framework core to persist our data.
we will also create a front-end client using HTML CSS and javascript and we will tie both these applications together to create a wonderful full-stack web application.

If you like this video, please hit that like button and subscribe to the channel if you want to see more free content like this in the future.

In the ASP.NET 6 Web API, we will install Entity Framework Core to talk to our SQL Server database and perform CRUD operations.

In the Client Side, we will create our UI Client using HTML, CSS and Javascript.

We will use the Fetch API to make HTTP Calls to our .NET API and make CRUD operations on the API.

We will also enable CORS on the .NET API.

#javascript #aspnetcore #fullstack

[FainDAFT]

Excellent tutorial. Thank you for being sure to show EVERYTHING you do, lots of others dont. You're the best!

[brianthebizarre]

This is really helping me return to my career. Thank you. I really like your selection of tech and techniques and your way of presenting your content.

[danqtruong]

this is super easy to follow and complete with useful functionalities. you rock!

[peterassanfulkwame]

This is exactly what I’ve been looking all this while. Because my desire is to be a full-stack developer using JavaScript front end and C# backend. Can I have the link to part 1? Thank you for this

[Tomersss]

You need to add on the last .then() of both Update and Delete

[tranielpride]

Awesome Stuff
1 issue I had; whenever I updated a note, I was unable to add a new note. It kept updating the note I had just updated even when I clicked off the note. I had to put location.reload() to refresh the page in my updateNote function in javascript. I am sure I was doing something wrong, but couldn't find out what it was. LOL. just did the work around.
Still this was amazing. thank you very much.

[kumarkartikeya]

thanks for sharing this useful video, can you make more videos of full stack application like this. and how to push on github

[victormoreno]

How do you deploy this project into IIS in windows? Will appreciate your advice! Thanks!

[emreakyol]

Thank you so much sir:) Can you also share the source code with github or something

[atif.bilytica]

Thanks a lot 😍. Do you have a video on how to deploy/publish this kind of App?

[ptechrumanali]

Add a mention functionality also and send an email notification to that person.

[shakyaakchab]

can you make more videos full stack applicaion as it is very useful

[AramAnanyan]

error 400 in post method in the URL, but the GET method works right
what should i do?

[brankoprosic]

Is there a source code for this one, please?

[gyanendrapalsingh]

Hello @SameerSaini how to pass Guid as ID in JQUERY, I'm getting Uncaught syntex error,

[ambeauda]

Follow the code but i'm having this error (script.js:54 Uncaught (in promise) ReferenceError: noteElement is not defined
at displayNotes (script.js:54:30)
at script.js:62:21
displayNotes @ script.js:54
(anonymous) @ script.js:62),