Get Source Code here: https://the-art-of-engineer.blogspot.com/2023/06/full-stack-web-app-using-angular-16-net.html
Hello everyone.
In this tutorial, we will learn how to build a simple to do application from scratch using
Angular 16 as front end, dot net core web API as backend, and microsoft SQL server as the database.
we will first install all the pre requisites.
then we will create the database and objects required for our app.
next we will create the backend project using dot net core web API.
and finally we will start creating the angular project.
source
wow… a azure subscription for a simple hello world agular / net core tutorial… really ? can't you just go straight to the point with a free mysql and phpmyadmin ?
Hi,
I followed all the same steps only changes in angular version instead of 16 I have angular 17, when running the angular app getting only white screen, not retriving any data, anyone can help me, why it's happen, not getting any error in debug console
Merci.
If dont false remember, we must give our creditcard info to register even the "free" version of azure (i think aws as well). Is there any way to signup those clouds without to do so?
A little tip to anyone trying to follow along: The API this person made doesn't follow typical RESTful API standards. While there's nothing wrong with what this person is doing, it may be beneficial to practice those standards, especially if you want to work professionally in this industry. While the verbs in the endpoints are good, the routes themselves could be better. For example:
"POST /AddNotes" can be simplified to "POST /notes"
"GET /GetNotes" can be simplified to "GET /notes"
"DELETE /DeleteNotes" can be simplified to "DELETE /notes"
The example also has a query parameter for the delete function (which, again, there's nothing wrong with), but you can clean it up a little more. If you were to follow the exact pattern used in the video, your route would look like "DELETE /api/ToDoApp/DeleteNotes?id=5". This can be simplified to the following: "DELETE /api/ToDoApp/DeleteNotes/5". In this case, it's not a query parameter, but it's baked into the endpoint itself. To do this, type [Route("DeleteNotes/{id}")] then, in the parameters to the function, add [FromRoute] before the "int id" portion.
Again, nothing wrong with what's happening in the video, but my explanation is a more widely-used pattern that could be beneficial to get used to.
Thank you for this!
Can you speak slow pls? you are going to fast 🙄
Wonderful 🎉
when you will start the project… I am waiting