- Видео 41
- Просмотров 52 048
Learn with Jon
Германия
Добавлен 21 апр 2021
Greetings and welcome to my RUclips channel!
I am Ryan Niño Dizon also known as "Learn with Jon". I hope you like my current and future videos. Have a nice day ahead!
"If you have a solid foundation in software development, never doubt that AI will take your job in the near future."
I am Ryan Niño Dizon also known as "Learn with Jon". I hope you like my current and future videos. Have a nice day ahead!
"If you have a solid foundation in software development, never doubt that AI will take your job in the near future."
Microsoft Identity Platform and Simple Azure Serverless Solutions | MSAL | Entra ID | Part 2/2
#azure #serverless #identity #angular #identity #learnwithjon #microsoft #msbuild #dotnetdeveloper #dotnet8 #singlepageapplication
If you're curious about the Azure Developer CLI Template that I used in the video, you can check it out here: azure.github.io/awesome-azd/?name=Azure+Serverless+App
Thank you for watching. Don't forget to like and subscribe to my channel.
Check out my other videos related to this:
ruclips.net/video/18S29L2M8u8/видео.html
ruclips.net/video/QZnX_KXTpfI/видео.html
ruclips.net/video/fc3LzPqziA8/видео.html
ruclips.net/video/FgCiHgQrKOA/видео.html
ruclips.net/video/OoK6P4Q83p4/видео.html
ruclips.net/video/8qxRUc7sUmk/видео.html
ruclips.net/video/vO5inLuo4NA/видео.html
If you're curious about the Azure Developer CLI Template that I used in the video, you can check it out here: azure.github.io/awesome-azd/?name=Azure+Serverless+App
Thank you for watching. Don't forget to like and subscribe to my channel.
Check out my other videos related to this:
ruclips.net/video/18S29L2M8u8/видео.html
ruclips.net/video/QZnX_KXTpfI/видео.html
ruclips.net/video/fc3LzPqziA8/видео.html
ruclips.net/video/FgCiHgQrKOA/видео.html
ruclips.net/video/OoK6P4Q83p4/видео.html
ruclips.net/video/8qxRUc7sUmk/видео.html
ruclips.net/video/vO5inLuo4NA/видео.html
Просмотров: 27
Видео
Microsoft Identity Platform and Simple Azure Serverless Solutions | MSAL | Entra ID | Part 1/2
Просмотров 5312 часов назад
#azure #serverless #identity #angular #identity #learnwithjon #microsoft #msbuild #dotnetdeveloper #dotnet8 #singlepageapplication Watch Part 2 - Securing endpoints using APIM: ruclips.net/video/5nNYlzY5vBw/видео.html If you're curious about the Azure Developer CLI Template that I used in the video, you can check it out here: azure.github.io/awesome-azd/?name=Azure Serverless App Thank you for ...
How to use the .NET Aspire RabbitMQ client | Message Broker | Cloud Native Development
Просмотров 5614 дней назад
#dotnet #aspire #cloudnative #softwaredevelopment #learnwithjon #azure #microsoft #msbuild #dotnetdeveloper #dotnetaspire git repo: github.com/ryanninodizon/AspireWithRabbitMQ Visit Microsoft Learn: learn.microsoft.com/en-us/dotnet/aspire/get-started/aspire-overview Thank you for watching. Don't forget to like and subscribe to my channel. Check out my other videos related to this: ruclips.net/v...
Create and Deploy .NET Aspire project using Visual Studio and Azure Developer CLI (AZD)
Просмотров 9221 день назад
#azure #dotnet #aspire #cli #cloudnative #softwaredevelopment #learnwithjon #microsoft #msbuild Visit #microsoft learn to see more deployment options. learn.microsoft.com/en-us/dotnet/aspire/deployment/overview Thank you for watching. Don't forget to like and subscribe to my channel. 0:00 Azure Developer CLI 4:46 Visual Studio Check out my other videos related to this: ruclips.net/video/FgCiHgQ...
Simple CI/CD with Azure DevOps | Quick Demo using YAML File Config | Automate WPF App Deployment
Просмотров 84Месяц назад
#devops #azuredevops #azure #cicd #learnwithjon #microsoft #softwaredevelopment #msbuild #automation In this video, I showed how simple it is to set up Continuous Integration and Deployment using the Azure DevOps pipeline. I demonstrated this by automating the process of delivering a WPF project to our customer. 😉 note: Some parts of the video are pixelated because I used a real team project fo...
.NET 8 and OpenAI Whisper: Speech-to-Text Demo with Video & Non-English Audio Files
Просмотров 600Месяц назад
#openai #ai #dotnet8 #speechtotext #chatgpt #dotnet #learnwithjon #microsoft #softwaredevelopment #msbuild In this video, I've experimented with OpenAI's speech-to-text capability using their 'whisper-1' AI model. I have two files here: the first is a short video clip of me speaking and the second is an audio file in a non-English language. I used the latest OpenAI NuGet package available at th...
How to Deploy Laravel App to Azure Container Apps | PHP 8 #serverless #containerization
Просмотров 2052 месяца назад
#azure #laravel11 #php #cloudnative #softwaredevelopment #learnwithjon #microsoft #msbuild #docker Thank you for watching. Don't forget to like and subscribe to my channel. git: github.com/ryanninodizon/laravel-to-azure-container-apps 0:00 intro 0:50 Run and test container image locally 1:51 Create Azure Resource group 2:06 Create Azure Container Registry 2:48 Build and Push Container image 5:1...
Minimal API .NET 8 and DALL-E to Generate Images | Open AI dall-e-3 #openai
Просмотров 3052 месяца назад
#ai #dotnet8 #chatgpt #learnwithjon #microsoft #msbuild #dotnetdeveloper #microsoft #nuget #dalle3 Thank you for watching. Don't forget to like and subscribe to my channel. git repo: github.com/ryanninodizon/openai-dall-e-3-and-dotnet 0:00 Intro 0:17 Create Minimal Api project and Clean Program.cs 1:00 Create OpenAI API key 1:40 Add current version of OpenAI Nuget Package 2:08 Start writing the...
How to Deploy an Angular Application to Azure Container Apps (Docker + Nginx) #serverless #angular
Просмотров 7202 месяца назад
#azure #containerization #cloudnative #softwaredevelopment #learnwithjon #microsoft #msbuild #docker #nginx #angular18 In this video, I demonstrate step-by-step how to easily deploy an Angular app to Azure Container Apps using Docker, Nginx, and AZD. The Azure Developer CLI (azd) utilizes templates to provision and deploy app resources to the cloud. Developers can add support for azd commands a...
Building Generative AI apps with .NET 8 and Semantic Kernel
Просмотров 2742 месяца назад
#openai #ai #dotnet8 #chatgpt #dotnet #semantickernel #learnwithjon #microsoft #softwaredevelopment #msbuild This is my first time testing and building an AI application and I find it not that hard to do, especially using this Semantic Kernel. If you want to know more about this, visit Microsoft Learn. learn.microsoft.com/en-us/semantic-kernel/overview/ 0:00 Intro 0:47 Create Dotnet project 1:5...
How to Create Your Own Azure Developer CLI Template #azd | Step-by-Step Demo
Просмотров 4702 месяца назад
#azure #developertools #cli #cloudnative #softwaredevelopment #learnwithjon #microsoft #msbuild In this video, I demonstrate step-by-step how to create my own Azure Developer CLI template. The Azure Developer CLI (azd) utilizes templates to provision and deploy app resources to the cloud. Developers can add support for azd commands and features by converting their applications to templates. Tha...
Deploy Dockerized .NET Application to Azure Container Apps #serverless
Просмотров 1,3 тыс.3 месяца назад
Deploy Dockerized .NET Application to Azure Container Apps #serverless
Dockerize your .NET Application in 6 Minutes | Docker | Containerization #dotnet
Просмотров 1,2 тыс.3 месяца назад
Dockerize your .NET Application in 6 Minutes | Docker | Containerization #dotnet
How I Explained the Azure Container Apps Environment in 3 Minutes #azure #serverless
Просмотров 8844 месяца назад
How I Explained the Azure Container Apps Environment in 3 Minutes #azure #serverless
Serverless Backend API using Azure Functions and Cosmos DB | Azure Serverless #azure #serverless
Просмотров 3684 месяца назад
Serverless Backend API using Azure Functions and Cosmos DB | Azure Serverless #azure #serverless
How to use the Microsoft Identity Platform with Angular Application | MSAL | Entra ID | SPA
Просмотров 2,2 тыс.4 месяца назад
How to use the Microsoft Identity Platform with Angular Application | MSAL | Entra ID | SPA
.NET Central Package Management - Global NuGet Package referencing & versioning | Visual Studio
Просмотров 5064 месяца назад
.NET Central Package Management - Global NuGet Package referencing & versioning | Visual Studio
How to deploy your Azure Container Apps using Azure CLI command and GitHub Action | Azure Deployment
Просмотров 9024 месяца назад
How to deploy your Azure Container Apps using Azure CLI command and GitHub Action | Azure Deployment
Activate Azure Free Subscription with 200 dollars credits
Просмотров 3595 месяцев назад
Activate Azure Free Subscription with 200 dollars credits
.NET Aspire - Convert existing App Manually | Cloud-Native Application
Просмотров 3515 месяцев назад
.NET Aspire - Convert existing App Manually | Cloud-Native Application
Cloud Native Apps using .NET Aspire - Distributed Applications
Просмотров 5997 месяцев назад
Cloud Native Apps using .NET Aspire - Distributed Applications
Hands-On Demo: Test-Driven Development (TDD) in .NET with xUnit | .NET8
Просмотров 2077 месяцев назад
Hands-On Demo: Test-Driven Development (TDD) in .NET with xUnit | .NET8
New Microsoft Applied Skills credential | Proving Your Microsoft Ecosystem Proficiency in a New Way
Просмотров 1,4 тыс.11 месяцев назад
New Microsoft Applied Skills credential | Proving Your Microsoft Ecosystem Proficiency in a New Way
Azure AD B2C and CIAM in 10 Minutes | Customer Identity and Access Management | AAD B2C
Просмотров 2,9 тыс.Год назад
Azure AD B2C and CIAM in 10 Minutes | Customer Identity and Access Management | AAD B2C
The TOGAF® Standard, 10th Edition Latest Updates | TOGAF 10
Просмотров 4,9 тыс.Год назад
The TOGAF® Standard, 10th Edition Latest Updates | TOGAF 10
Azure Pipelines | React JS | CI/CD | Continuous Integration | Delivery | Deployment | Multi-Stage
Просмотров 5 тыс.2 года назад
Azure Pipelines | React JS | CI/CD | Continuous Integration | Delivery | Deployment | Multi-Stage
Kotlin Gradle error? Here's how to solve it | Invalid descriptor
Просмотров 2,7 тыс.2 года назад
Kotlin Gradle error? Here's how to solve it | Invalid descriptor
Ionic Framework and React JS: A step-by-step guide to building a photo gallery app
Просмотров 5 тыс.2 года назад
Ionic Framework and React JS: A step-by-step guide to building a photo gallery app
SikuliX Project, Part 2: A beginner's guide to automation
Просмотров 2,8 тыс.3 года назад
SikuliX Project, Part 2: A beginner's guide to automation
SikuliX: A beginner's guide to using the new version of Sikuli for UI testing and sample automation
Просмотров 5 тыс.3 года назад
SikuliX: A beginner's guide to using the new version of Sikuli for UI testing and sample automation
root?
Congratulations Ryan ❤
Thank you.
Nice video thank u😊😊
Welcome 😊
Hi Jon, IDK why i have this error: NullInjectorError: NullInjectorError: No provider for InjectionToken MSAL_GUARD_CONFIG! This is my app.config.ts code: import { ApplicationConfig, importProvidersFrom, provideZoneChangeDetection } from '@angular/core'; import { provideRouter } from '@angular/router'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { provideHttpClient, withInterceptorsFromDi, HTTP_INTERCEPTORS, withFetch } from '@angular/common/http'; import { IPublicClientApplication, PublicClientApplication, InteractionType, BrowserCacheLocation, LogLevel } from '@azure/msal-browser'; import { MsalInterceptor, MSAL_INSTANCE, MsalInterceptorConfiguration, MsalGuardConfiguration, MSAL_GUARD_CONFIG, MSAL_INTERCEPTOR_CONFIG, MsalService, MsalGuard, MsalBroadcastService } from '@azure/msal-angular'; import { TranslateHttpLoader } from '@ngx-translate/http-loader'; import { TranslateLoader, TranslateModule } from '@ngx-translate/core'; import { HttpClient } from '@angular/common/http'; import { routes } from './app.routes'; import { environment } from './environments/environment'; import { ApiPrefixInterceptor } from './interceptors/api-prefix.interceptor'; import { ErrorHandlerInterceptor } from './interceptors/error-handler.interceptor'; import { AzureAdService } from './services/azure-ad.service'; // Función para cargar los archivos de traducción export function HttpLoaderFactory(http: HttpClient): TranslateHttpLoader { return new TranslateHttpLoader(http, './assets/i18n/', '.json'); } // Logger para MSAL export function loggerCallback(logLevel: LogLevel, message: string) { console.log(message); } // Instancia de MSAL export function MSALInstanceFactory(): IPublicClientApplication { return new PublicClientApplication({ auth: { clientId: environment.azureAd.clientId, authority: environment.azureAd.authority, redirectUri: environment.azureAd.redirectUri, postLogoutRedirectUri: environment.azureAd.postLogoutRedirectUri, }, cache: { cacheLocation: BrowserCacheLocation.LocalStorage, // Puedes usar "sessionStorage" si prefieres }, system: { allowNativeBroker: false, // Deshabilita WAM Broker loggerOptions: { loggerCallback, logLevel: LogLevel.Info, piiLoggingEnabled: false, }, }, }); } // Configuración del Interceptor MSAL export function MSALInterceptorConfigFactory(): MsalInterceptorConfiguration { const protectedResourceMap = new Map<string, Array<string>>(); protectedResourceMap.set( "graph.microsoft.com/v1.0/me", ["user.read"] ); protectedResourceMap.set( 'localhost', ['api://apiUri/api.scope'] ); return { interactionType: InteractionType.Redirect, protectedResourceMap, }; } // Configuración del Guard MSAL export function MSALGuardConfigFactory(): MsalGuardConfiguration { return { interactionType: InteractionType.Redirect, authRequest: { scopes: ["user.read", "openid", "profile"], }, loginFailedRoute: '/login-failed', }; } export const appConfig: ApplicationConfig = { providers: [ provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes), importProvidersFrom( BrowserAnimationsModule, TranslateModule.forRoot({ loader: { provide: TranslateLoader, useFactory: HttpLoaderFactory, deps: [HttpClient] } }), ), provideHttpClient(withInterceptorsFromDi(), withFetch()), { provide: MSAL_INSTANCE, useFactory: MSALInstanceFactory, }, { provide: MSAL_GUARD_CONFIG, useFactory: MSALGuardConfigFactory, }, { provide: MSAL_INTERCEPTOR_CONFIG, useFactory: MSALInterceptorConfigFactory, }, { provide: HTTP_INTERCEPTORS, useClass: MsalInterceptor, multi: true, }, { provide: HTTP_INTERCEPTORS, useClass: ApiPrefixInterceptor, multi: true, }, { provide: HTTP_INTERCEPTORS, useClass: ErrorHandlerInterceptor, multi: true, }, MsalService, MsalGuard, MsalBroadcastService, AzureAdService, ] };
congrats
thank you
Congrats Kuys🎉
Thank you.
Nice 🤠
🙂
Very useful, thank you!
Glad to hear that! Thank you for watching and have a nice day!
hell sir! may tutorial ka po ba about devops?
thanks for watching sir. wala pa as of this moment e. alin po ba specifically sa DevOps ang target mo. malawak po kasi ang topic na DevOps. :) meron lang akong recording na ganito. deploying react to multi environment via Azure DevOps: ruclips.net/video/wP-wAK3mSw0/видео.html
what i mean po is where i can start po? I'm planning to learn devops po but dunno where to start 😢
@@reydelocon629 since I am currently working with Azure. sa Microsoft Learn ang pinaka recommended ko, dun ko halos lahat nakuwa yung knowledge, mahilig kase ako amg basa. ito baka maka tulong, filtered to DevOps engineer path: learn.microsoft.com/en-us/training/career-paths/devops-engineer hope it helps. have a nice day.
nice. thanks for this 👍
Very informative 🎉 Thank you❤
Thank you. I'm glad you like it
downloaded it from github, it does not work, it keeps saying in the browser (The connection was reset)
Thank you for watching. I don't understand your problem but take note that the sample dontnet project that I have uploaded to my github repo can be generated locally by just executing dotnet command. create new project: dotnet new webapi run the project: dotnet run To containerize this, you just need to add the Dockerfile in the root folder which I have demonstrated in the video.
@@LearnWithJon thanks for replying, your code was really useful but I had to change the folders and files paths to get it to work after tons of tries and +36 hours as a non-docker non-linux expert
Thanks
😲 Awesome! Thank you.
Thank you for this video. It helps.
Inprogress$ not available error iam getting what do I do😮
Thank you for watching my video. Is that error coming from angular? Have you installed angular dependencies before running the app? Check the source code for this demo here: github.com/ryanninodizon/msal-angular17-with-listdata Hope it helps. Have a nice day.
Thank You.
You're welcome. Thank you for watching.
This is what I am looking for. Thank you.
This is a good reference
Nice!
Thank you for sharing this
voice audio is way too low
Thank you for watching my video and for your valuable feedback. That will help me improve my future video.
hi bro, consider making music volume much lower, it's hard to hear you through it
Thank you for watching and for your valuable feedback, thats helpful for me to improve my content. Have a nice day.
Nice. ❤
Very informative video🔥
Thank you.
Helpful ❤
❤❤❤
nice😊😊
Great content, Sir!
Thank you.
2 weeks and no comments? WTF?! Great content, Jon! Many thanks! Would also be great to see a combo Aspire + Dapr and how to meaningfully use it in local dev as well as in Azure.
Thank you for watching my video. I will probably upload a video with your suggested topic soon. Have a nice day.
👏 Wonderful!@@LearnWithJon
How do you get your screen to expand mine is so small
I am using 4k monitor :)
Great video. No audio played in the video.
Thanks for watching my video. Yes, there is no audio and that was really my intention. I just want to show how to do it, instead of saying something :) Have a nice day!
Thanks for the heads up!
Can you please share the template for this custom policy. I would be grateful to you
Hi Thank you for watching my video. this would be helpful for you: github.com/Azure-Samples/active-directory-b2c-custom-policy-starterpack
Thanks, but if it’s possible can you please share your policy from the video? Obviously without some sensitive data.
@@VladyslavMikhalskyi I will try to send you but I can't promise when since I need to clean all sensitive information before sending you :) Give me your email address also pls dont forget to subscribe . thanks
@@LearnWithJonI sent the connection invite to your LinkedIn profile. Let's speak there because I can't type email addresses to comments according to RUclips rules
Can you also cover auth init like bearer or key or basic. Its very time consuming thing and will save lot of people's effort.
Sure.. I will add that to my list of topics. thank you for watching
Many thanks for the detailed explanation. Quick question: Being new to TOGAF certification should I take TOGAF 9 tests followed by Enterprise Architecture tests (based on TOGAF 10) or should I directly skip to Enterprise Architecture tests (based on TOGAF 10)?
you can go directly to TOGAF 10 but you need to take the part 1 and 2.
great post, possible to ensure that the azure function can only be called from custom policy?
I honestly don't fully understand your question but to give you my initial response, probably you can use the generated URL + Code from azure portal which will be a unique value
Hi Jon, thanks for the vid. Can I ask what XML extension you are using to format your XML?
Hi Andrew, thank you for checking out my video. I am using this marketplace.visualstudio.com/items?itemName=TeamXavalon.XAMLStyler2022
@@LearnWithJon Thanks ever so much for the quick reply!
@@andrewstevens3097 please subscribe if it is ok. thank you and have a nice day :)
Hi since I plan to use Ionic React, is there a video for how to create an image cropper with those technologies
Hi. Thank you for checking my video. I dont know of any video related to your topic but maybe this link would help you www.positronx.io/ionic-image-cropper-and-image-picker-integration-tutorial/
Can it be done for SighInSighUp policy ?
Hi Aalok, thank you for watching. Yes of course, you can do that as long as you are working with Custom Policy flow
Hi Jon Can you provide me the custom policy. I am looking to to trigger it on sighUp Page , but getting errors in policy
@@aalokaswal you can double check this documentation from Microsoft portal: learn.microsoft.com/en-us/azure/active-directory-b2c/add-api-connector?pivots=b2c-custom-policy learn.microsoft.com/en-us/azure/active-directory-b2c/restful-technical-profile
@@LearnWithJon Thanks for the urls, but I was also looking for Logout inclusion in custom policy so that user get logout from every session mianteained by azure b2c, I mean I am looking to create custom policy for Login, Forget Password and Logout.
@@aalokaswal I am not sure if I understood your comments but I think what you are looking are just default behaviour of azure b2c. disregard if it is Normal User Flow or Custom Policy. that Login, forgot password feature are ready to use. something like this learn.microsoft.com/en-us/azure/active-directory-b2c/quickstart-single-page-app
This was really helpfull as m working on a similar personal project, I tried to do the same for video recording, but facing a lot of issues, can you please help here
Glad it was helpful! How can I help you and what are the issues that you are facing?
This game is downloaded on your system or it's opening with the help browser?
Hi Shalini, disregard what kind of game, my goal in this video is to show how to make this SikuliX working for automating your manual process. This will work as long as you can capture the target coordinates of your screen. :)
sehr schön
Vielen Dank. Ich hoffe dieses Video hilft dir ein wenig :)
i’m Reactjs developer and new to ionic framework , i feel really good at react and i want to create app with custom styles from cards spacing colors and grid… i used to use tailwindcss to build the ui fast with react , when i start with ionic i saw that i have to use a lot of native component which has default styles , question is : how to let tailwind control styles in a native ionic component ? there is any effective way to make it (ex styled component or emotion instead of tailwind ) ? can i build my app with just knowledge of jsx html and react ecosystem like formik tailwind react-query and going on like we used to do with react app ? please i want some clarification , and some good resources video or courses to follow as react developer
Hi Thank you for checking my video :) For your first question, I think you can still use that tailwind under or using "craco" but I would suggest to use Material UI instead of using tailwind when working with ionic. latest version of Material UI has lots of options for your needs including customization. mui.com/ For your second question, using jsx is enough to create an ionic app but of course it is advisable to invest some time learning typescript since that is one of the modern web language/script which is in-demand in the job market :)
@@LearnWithJon ❤ thank you very much for your response , yes , problem that i get right know that i want to style a builtin component to feet my needs but i can't override the styling of example IonButton with my custom styling with css or scss or tailwind always the same result no background added or radius increased or any thing i can't override the default styling , this is my pure problem 😨😨😨😨😨😨😓😓
@@mahdisoultana915 that is possible and not that difficult. you can add custom style via styled components. something like this dev.to/ionic/how-to-css-in-ionic-react-with-styled-components-2eo6#:~:text=Styling%20an%20Ionic%20Component&text=Ionic%20components%20are%20web%20components,the%20web%20component%20can%20use. Good luck :)
@@LearnWithJon thank you very much for your help you're realy help full jon
@@mahdisoultana915 im glad to know that. please subscribe and hit the bell button to see my future videos that might help you also ;) good luck to your dev journey :)
awesome..
Thank you! Cheers!
nice
Thanks
hello bro, thanks for you work. Why u add to github commit buttons images for "gmail" and "play dragonary" ??
Hello, thanks for your feedback. Actually, I just added that for demonstration purposes. I just show that what ever buttons you want to be clicked are possible to add to the code. It is up to the user if they want to remove that or add another buttons based on the latest update of Dragonary or other clicking games... :)
hello bro, thanks for you work. Why u add to github commit buttons images for "gmail" and "play dragonary" ??
Hello, thanks for your feedback. Actually, I just added that for demonstration purposes. I just show that what ever buttons you want to be clicked are possible to add to the code. It is up to the user if they want to remove that or add another buttons based on the latest update of Dragonary or other clicking games... :)
Are you busy and no have time to level up your dragons? ruclips.net/video/zOHjs7rLxtI/видео.html