Build app using Angular 16, .NET Core Web API and Microsoft SQL Server

Подписаться 64 тыс.

Просмотров 59 тыс.

50% 1

Get Source Code here: the-art-of-eng...
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.

Опубликовано:

27 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 18

@MichealHolt Год назад

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.

@attilius81 Год назад

I would add another little tip that. The database connection could also be organized into a separate class, which would receive the query as a parameter. Could in this way be avoid the code duplication also. (DRY) principle. However, overall I think good and useful what show in this video.

@hemnathshanmugasundaram860 7 месяцев назад

v.nice

@koji404notfound Год назад

Thank you for this!

@jean-yvesvagbe4585 11 месяцев назад

Merci.

@fakeITDevTeam Год назад

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?

@2005Azm Год назад

Wonderful 🎉

@RaldCodeVBNET 7 месяцев назад

Can you create angular, .NET and supabase?

@MAwais-jh2xn Год назад

when you will start the project... I am waiting

@shankarvattamwar5241 9 месяцев назад

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

@mubarakshaik8204 9 месяцев назад

same issue with angular 17

@shabnasakbar6315 7 месяцев назад

@@mubarakshaik8204 ..i have the same issue..how can solve this..

@music_to_shine 7 месяцев назад

In the app folder, try doing a service folder where you put the apiurl and retrieving the data from the back, then u can create as he did in the component.ts only difference in the constructor as u gonna take the data now from the service file and do smthg like this "getColours() { this.service.getColours() .subscribe((colours: Colour[]) => { this.colours = colours; this.colours.forEach(colour => { console.log(colour.ColourName); }); }); }" goodluck

@daviddesvaux9786 9 месяцев назад

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 ?