- 441
- 996 471
Israel Quiroz
United States
เข้าร่วมเมื่อ 24 เม.ย. 2022
Funny Tech Shorts, Tech Tip Videos, and Coding Tutorials! These tutorials are in Angular or .Net but I do branch out into more backend technologies or cloud technologies such as Azure or SQL. I am a Professional Software Developer of 6 years now based in Dallas, Texas.
How to create a Angular 19 .NET 9 Web App!
In this video we are going to cover how you can create your very own Angular 19 .Net 9 App! I will also show you the new updates in Angular 19 as well as the changes to creating a .Net 9 API. I'll explain everything that is going on step by step so that you don't feel that I am skipping over anything. I reference multiple other videos throughout this one and all those links are in the description. If you enjoy this video please consider leaving a like and subscribing for more content like this!
Angular Upgrade Guide: angular.dev/update-guide
DotNet 9 download: dotnet.microsoft.com/en-us/download/dotnet/9.0
Scalar Video: th-cam.com/video/J8i1RWowjwc/w-d-xo.html
Angular 19 Release Notes: th-cam.com/video/Fqd3GjW0VK8/w-d-xo.html
CORS Errors In .NET explained: th-cam.com/video/m8224OuxzuY/w-d-xo.html
Scaffold DB Context & Models with EF: th-cam.com/video/dB2V0hUJIR0/w-d-xo.html
Join this channel for $3 and get access to perks & VIDEOS CODE:
th-cam.com/channels/GUKXx5HYoEIiZ5Me2QDvTw.htmljoin
Support Me On Patreon: www.patreon.com/israelquiroz
Follow Me On TikTok: www.tiktok.com/@israelquiroz93?lang=en
All My Links Here: linktr.ee/israelquiroz
#Angular19 #DotNet9 #Angular19dotnet9
Timestamp
--------------------------
00:00 Intro
00:25 How To Upgrade to Angular 19
03:04 Creating our Angular 19 Frontend App
15:13 The SQL DB
15:38 How To Install .NET 9
16:53 Creating our .NET 9 API
31:44 Testing our Angular 19 .NET 9 App
Angular Upgrade Guide: angular.dev/update-guide
DotNet 9 download: dotnet.microsoft.com/en-us/download/dotnet/9.0
Scalar Video: th-cam.com/video/J8i1RWowjwc/w-d-xo.html
Angular 19 Release Notes: th-cam.com/video/Fqd3GjW0VK8/w-d-xo.html
CORS Errors In .NET explained: th-cam.com/video/m8224OuxzuY/w-d-xo.html
Scaffold DB Context & Models with EF: th-cam.com/video/dB2V0hUJIR0/w-d-xo.html
Join this channel for $3 and get access to perks & VIDEOS CODE:
th-cam.com/channels/GUKXx5HYoEIiZ5Me2QDvTw.htmljoin
Support Me On Patreon: www.patreon.com/israelquiroz
Follow Me On TikTok: www.tiktok.com/@israelquiroz93?lang=en
All My Links Here: linktr.ee/israelquiroz
#Angular19 #DotNet9 #Angular19dotnet9
Timestamp
--------------------------
00:00 Intro
00:25 How To Upgrade to Angular 19
03:04 Creating our Angular 19 Frontend App
15:13 The SQL DB
15:38 How To Install .NET 9
16:53 Creating our .NET 9 API
31:44 Testing our Angular 19 .NET 9 App
มุมมอง: 385
วีดีโอ
No Swagger in .NET 9? Replace it with SCALAR! (How To Set Up JWT Authentication in Scalar .NET)
มุมมอง 1.2K28 วันที่ผ่านมา
With the arrival of .NET 9 came the removal of Swagger as the default tool for API documentation in .NET. So while you can just add Swagger back in, there are alot of reasons why you would want to stay away. Swagger is not getting regular maintenance and there was no new release for .NET 8. This lack of care can lead to security risks and it's better to just go ahead and look for alternatives. ...
Angular 19 Is Out! WHAT DO YOU ACTUALLY NEED TO KNOW?
มุมมอง 86หลายเดือนก่อน
Angular 19 was released a few weeks ago and i want to go over the main features every developer needs to know. From performance updates, to better ways to style your Angular app with Angular material. Angular 19 takes Angular to another level with a plethora of new features. This videos focus is to only focus on the features in the Angular 19s release that the developers might actually use. The...
How to fix CORS Errors EASILY in your .NET 9 API!
มุมมอง 381หลายเดือนก่อน
Cors errors can be some of the most confusing errors to encounter for younger developers. This can be from the weird name to it not technically having to do with logic you have implemented on the given endpoints. Its a particular security check the browsers do to make sure the exchanging of data should be happening between client and server. Luckily in .NET apis this can be fixed easily by usin...
SECURE Your Docker Image with a Non-Root User (.NET 8 Dockerfile Tutorial)
มุมมอง 1182 หลายเดือนก่อน
It is very common to do a basic security check on your Docker images when you deploy them to containers. Kubernetes, Docker, or some employers force you to run checks on these images to make sure that they are suing best practice and are secure. Some of the easiest things to get flagged is using root users or ports. Thankfully we can easily use non root ports and non root users by just adding i...
Build a .NET 8 API with a PostgreSQL Database EASILY!
มุมมอง 4412 หลายเดือนก่อน
Its extremely easy to setup a .NET 8 api with a PostgreSQL database. With one installer you can install it as well as PgAdmin4. Using the Ngpsql package Postgres can be easily added to a .NET 8 API. Pgadmin is the leading open source management tool for PostgreSQL. Postgres is a free open source relational database that supports SQL and also JSON for querying. It can also support advanced data ...
Dockerizing a .NET 8 API with PostgreSQL and PgAdmin
มุมมอง 2133 หลายเดือนก่อน
Docker Compose files are used to create an application of multiple containers orchestrated by that file. In this video we are going to create a Docker Compose for a .NET 8 api, Postgres Db, and PgAdmin4 is used for managing the Postgres Db. Join this channel for $3 and get access to perks & VIDEOS CODE: th-cam.com/channels/GUKXx5HYoEIiZ5Me2QDvTw.htmljoin Support Me On Patreon: www.patreon.com/i...
How to create a GraphQL .NET API using Hot Chocolate
มุมมอง 6963 หลายเดือนก่อน
Graphql is a query language that allows the frontend to be able to request specific data that it needs. This and many more benefits is why many big companies have switched over to using GraphQL. Using Hot Chocolate we can easily add GraphQL to any .NET api and take advantage of all its benefits. In this video I want to go over what is GraphQL and then how you can add it to your .NET api. Join t...
How to deploy Docker Image to Azure Container Registry
มุมมอง 1.2K3 หลายเดือนก่อน
Docker Images are a wonderful thing but when it comes to working with Azure cloud sometimes things can get a bit tricky. This video aims to easily and clearly explain how to deploy a docker image that was locally downloaded and push it to the azure container registry. Join this channel for $3 and get access to perks & VIDEOS CODE: th-cam.com/channels/GUKXx5HYoEIiZ5Me2QDvTw.htmljoin Support Me O...
You Don't Always Need Microservices!
มุมมอง 1463 หลายเดือนก่อน
The microservices architecture is an extremely popular architecture that a lot of development teams default to when starting a new project. The main focus of this video is to just say exactly what a microservice actually is and when you should use it. Also, some common pitfalls I see of teams that try to implement this architecture and how we can fix them. While microservices is a popular and a...
IQueryable vs IEnumerable: Which Should You Use?
มุมมอง 1704 หลายเดือนก่อน
When creating our .Net Apis sometimes there are things we take for granted. Like the way we communicate with our Databases. We know how to do it but not what's actually going on. Then in interviews someone asks you the difference between IEnumerable and IQueryable for retrieving from databases using C# and you didn't know there was a difference. Well in this video I will explain what they are a...
CI/CD PIPELINE for Deploying DOCKER IMAGES to Azure Web App! (CI/CD YAML Tutorial)
มุมมอง 1.7K6 หลายเดือนก่อน
Microservices are so common now that knowledge about containers and Docker is super important. It makes knowing how to be able to easily deploy these containers using a CI/CD pipeline a crucial skill. Creating a CI/CD pipeline using Azure Pipelines can be critical in the uniform success of a project. Azure Repos allows your team to all stay in sync with the latest code, while Azure Pipelines al...
How To Deploy Docker Images To Azure Container Web Apps! (Using .NET API)
มุมมอง 8366 หลายเดือนก่อน
Docker is an awesome tool for creating microservices to then deploy to Azure. These containers are extremely efficient and contain only everything that is necessary for a app to run and nothing more. In this video we will cover how using Docker we can create a Docker Image of a .Net 8 API. This image can then be pushed to Azure to be deployed into a container registry and then be used inside of...
Microservices Explained: A Beginner's Guide
มุมมอง 2417 หลายเดือนก่อน
This video will be the first part of my series diving into the microservices architecture and everything within it. I want to cover in this video what is the microservices architecture and what makes it better than older architectures. I will cover how to choose services and what are the important parts to keep in mind. Join this channel to get access to perks: th-cam.com/channels/GUKXx5HYoEIiZ...
Create an Installer for an Electron App using Electron Forge!
มุมมอง 7K9 หลายเดือนก่อน
Create an Installer for an Electron App using Electron Forge!
How To Easily Integrate STRIPE Into Your .NET API!
มุมมอง 1.4K10 หลายเดือนก่อน
How To Easily Integrate STRIPE Into Your .NET API!
.NET API Integration Testing using an In-Memory Database!
มุมมอง 2.6K11 หลายเดือนก่อน
.NET API Integration Testing using an In-Memory Database!
How to Send & Receive WhatsApp messages using Twilio & .NET 8!
มุมมอง 12K11 หลายเดือนก่อน
How to Send & Receive WhatsApp messages using Twilio & .NET 8!
How to create a Angular 17 .NET 8 Web App!
มุมมอง 6Kปีที่แล้ว
How to create a Angular 17 .NET 8 Web App!
Angular 17: Everything You Need to Know!
มุมมอง 836ปีที่แล้ว
Angular 17: Everything You Need to Know!
How to Create a CI/CD PIPELINE in Azure Devops Using Azure Pipelines! (CI/CD YAML Tutorial)
มุมมอง 31Kปีที่แล้ว
How to Create a CI/CD PIPELINE in Azure Devops Using Azure Pipelines! (CI/CD YAML Tutorial)
How to Create a .NET 7 API with MongoDB! (Full REST API Tutorial)
มุมมอง 556ปีที่แล้ว
How to Create a .NET 7 API with MongoDB! (Full REST API Tutorial)
How to turn your Angular App into a Progressive Web App!
มุมมอง 11Kปีที่แล้ว
How to turn your Angular App into a Progressive Web App!
5 Things I've Learned As A Remote Software Developer!
มุมมอง 107ปีที่แล้ว
5 Things I've Learned As A Remote Software Developer!
Turn Your Angular App into a Desktop App with Electron!
มุมมอง 13Kปีที่แล้ว
Turn Your Angular App into a Desktop App with Electron!
Scaffold DBContext & Models EASILY in .NET with Entity Framework!
มุมมอง 9Kปีที่แล้ว
Scaffold DBContext & Models EASILY in .NET with Entity Framework!
The BEST Angular Video Player Using NGX-VIDEOGULAR!
มุมมอง 7Kปีที่แล้ว
The BEST Angular Video Player Using NGX-VIDEOGULAR!
Use DAPPER To Create a .Net 7 CRUD Api & Call Stored Procedures
มุมมอง 2.7Kปีที่แล้ว
Use DAPPER To Create a .Net 7 CRUD Api & Call Stored Procedures
How to EASILY Create a Carousel in Angular with Ngx-Slick-Carousel!
มุมมอง 14Kปีที่แล้ว
How to EASILY Create a Carousel in Angular with Ngx-Slick-Carousel!
ANGULAR 16: Everything You Need to Know!
มุมมอง 589ปีที่แล้ว
ANGULAR 16: Everything You Need to Know!
This video has been super helpful at getting me started. Thanks!
Thank you!!! :)
I just started a new .NET 9 API for a client of mine... and realized Swagger didn't come with it! So I searched around and found Scalar. Great video keep up the good work.
Thank you so much! :)
Did you run the build server migration to use the new application builder from Angular when you updated from 17 to 19? I'm testing the migration on a pretty large app, and so far have just ran into issues. Running ng serve is successful but running a dotnet run throws a bunch of errors.
Yes I did run it but since my app was simple it didn't cause me issues but I would recommend on a pretty large app to see if you can go through the changes one by one and manually make the change the migrations wants and don't just allow the massive auto migration
So the API is failing after updating the frontend?
Thank you bro, this is all I need. Happy New Year!
You are very welcome!!! Happy new Year!
Hey I love these videos - have you ever handled environment configuration? Both with and without the installer?
Thank's for this video, it's help me a lot, I was trying to do this in steps but dind't work, but wathing half os this video solve my problem, since I'm statirng work with cloud an Azure
Happy to hear it :)
thanks. bought a membership and would love to get ahold of this source code. Do you have repo or video with connecting to AWS DynamoDBs and AWS API Gateway?
Hey Sean! :) thank u so much for that support Can u comment with your email so I can add it to the repo! It might take me a bit since I'm out of my house for Christmas but I will try to add you as soon as possible!
Hey Sean could i get your email to add you to the repo?
@@IsraelQuiroz Hi Israel sent my email in the response and on the comments but havent seen the github link yet. Thanks!
@@seanharris5425 Hey Sean i have looked through my email inbox and cannot find any email from you or your email in any comment could you point me to the comment or send another email to ifq130030@gmail.com
Exactly what I needed for my project, now my CI/CD is setup so I can just write some sweet code for my app and just run the pipeline and it will atuomatically deploy my container app. Lovely.
Happy to hear it! :) thanks for the love!
Amazing explanation. Thank you for the video.
You are very welcome! :)
Nice Video, could i use this technique with the sql db to create/delete items and sort them with categories on a website (details and overview of items included)?
You should be able to! You have your API endpoints create or delete things and just make sure to refresh your UI with the new changes from the API however u want to do that in Angular and you should be good to go
@IsraelQuiroz thanks mate, gonna need to check what i exactly have to do for this, but atleast i got the base for now!
Was waiting on this. Thanks!
Well I hope it was worth the wait 😛 you are welcome! Much love!
amazing, thanks for that video!
You are very welcome! :)
Is there any way to get a token from localStorage to prevent token loss when reloading the website? Thanks you.
Wow can't believe tokens were broken like that. So glad I caught your video.
You are welcome! yeah every Scalar doc told me variations of the same thing but nothing worked at all, so happy my video is out there
This seems so cooler than swagger, also using swagger from so much time become little boring. This is something new, will definitely try 😊
Yeah that's exactly how i felt! i love just the touches of personalization Scalar gives, so for sure try it and let me know what you think!
me salvou em, estava procurando uma forma de colocar o token para todas as requisições
Obrigado ☺️
Eu tbm, o único cara que eu vi explicando como faz isso
Will you guys be trying out Scalar in .NET 9? s/o nikolliervin for being so clutch!
works well for me in .net9 also!
Can you give me the source code
Thank you so much for becoming a member! :) Can you reply with your email so i can send you an invite, preferably gmail
Hey could you please comment your email or send me an email to ifq130030@gmail.com
hello nice video, just a question, is <app-root> suppose to work with electron? I mean, in your video works no problem but it doesn't work on my project, have anything to do that I'm using the no standalone version? also using the most recent angular version
why browsers use this "safety measure" if all it takes to walk around it setting some responsene headers i dont get it
Because it's a easy browser level thing for obvious websites not in the same domain to access data, then u as the dev can go extremely in depth in protecting your applications in many other ways it's just one piece of the monster that is app security
Underrated channel
Appreciate u 🫶🏽
Thank you brother, great video
You are welcome! thank u for the support! :)
Ever came across this "Container images should be deployed from trusted registries only" ?
no i have not, thats interesting but the solution seems that you need to add some type of regex expression for your registry, but sorry i dont have the answer for you
Will you guys be updating to Angular 19 soon?
Hey, I am really thankful for your video. Even I was banging my head due to dockerfile issue. Keep it up.
Hey you are very welcome! appreciate the love and glad u dont have to bang your head anymore :)
will this work to receive OTP codes ?
well explained.. thank you
You are welcome :)
GENIUS
:)
This video and the one for HTTP Cookies are just insanely good. The level of explanation and showing how everything is done is at another level. Thank you so much Israel. Definitely subscribed and liked both videos. Looking forward to see more from you! Keep it up. :)
Thank u so much for the love and welcome! Thank u for the sub! ☺️❤️
My like on this was # 666, just for the books.
a moment in time indeed :0
super nice
Very welcome :)
Very Nice video. Actually i have followed all steps but the set up is only about 218 kb and when i open it the error message i get This is a dummy update.exe.If you are seeing this, your build did not correctly replace the IDR_UPDATE_ZIP resource. Command line: '--install.'
Well explained !!!
Ya welcome! :)
CICD on Github can be abit tricky especially when one wrong character fails your build and Github isn't clear on what wrong or exactly why your buld is failing! I would not recommend CICD with Static Web Apps and Github as I have lost countless hours trying to do basic things!
you helped a lot thanks <3
You are welcome! :)
the front end is delpoyed successfully but it is just showing "Your web app is running and waiting for your content"
Hi there. I have trouble when deployment can you help me. I have a Virtual Machine and installed MSSQL as well. All ping well. Then I created a new App Service with .net8, then the webapi running but it shown cannot connect to MSSQL.
very good video with full steps
You are welcome! :) thank u!
Argument of type 'Event' is not assignable to parameter of type 'VgApiService'
Well done, thanks for sharing!
Very welcome! :)
Amazing video. excuse my ignorance, what is Israel talking about when he says PR.
Pull Request*
Excellent video I could deploy mi api and database in minutes, you earned my like and suscribed. To download the publish profile I had to turn on basic authentication and restart the app service
You are very welcome!!! and thank u!!! welcome to the family :)
Great😀
:)
great video ! in sea of videos this one stands out. clear and to the point !
Thank you so much for the love! :)
Well done, thanks for sharing!
ya welcome! :)
But to create SQL database you mut pay 200 dollars per month...
Excellent tutorial. I took a look a few others and yours, by far, was the best. It was easy to follow. Well Done!
Thank you so much!
nice demo
You are welcome :)
Hi Israel, thanks for the content, i see it helps a lot of people, but i have a issue, i tried to change the site\wwwroot\ to site\wwwroot\my-app-name or site\wwwroot\browser but booth options didnt work, any ideas?
This is the best video i've ever seen in my life for so looooooooooooong
Hahaha that's crazy but I'll take it 😂