Video Archives - Brian Lagunas

Desktop to Web: Passing Data Between Angular Components

July 3, 2019Posted by Brian Lagunas2 Commentsin Angular, Video, WPF

Passing data between Angular components can be achieved using both the @Input and @Output decorators. To pass data to a child component, create a property on the child component and apply the @Input attribute to that property. @Input() childProperty: string; Then simply create a property…

Desktop to Web: ngIf, ngSwitch, and ngFor Structural Directives in Angular

June 29, 2019Posted by Brian Lagunasin Angular, Video

Angular Structural Directives are used to add and remove items to the DOM. The three Angular directives we will talk about in this video is the ngIf, the ngSwitch, and the ngFor directives. The ngIf directives allows you to add and remove items to the…

Desktop to Web: Transforming Data with Angular Pipes

May 20, 2019Posted by Brian Lagunasin Angular, Video

Generally, If you want to transform data in your Angular application, you write the code in the component. For example, if you want to transform today’s date into a format like ’20 May 2018′ or ’20-05-2018′, you would need to write the logic for that…

Desktop to Web: Responding to Events with Angular Event Binding

April 11, 2019Posted by Brian Lagunasin Angular, Video, WPF

One of the primary functions of an application is to respond to user interactions using events. In Angular, we use DOM events. In order to invoke code in response to the execution of an event in an Angular application, we want to use Event Binding.…

Desktop to Web: One-way Data Binding with Angular Interpolation and Property Binding

April 5, 2019Posted by Brian Lagunasin Angular, Video, WPF

Data binding is a core concept in Angular which allows communication between a component and the DOM, making it very easy to create interactive applications without worrying about pushing and pulling data. One-way data binding in Angular can be done by using either interpolation or…

Desktop to Web: Creating your UI with Angular Components

March 15, 2019Posted by Brian Lagunasin Angular, Video, WPF

A core responsibility for a desktop developer is to provide a user interface (UI) to end-users. In WPF this is done with Windows and UserControls, but what do we use in Angular? In this video, I will show you how to use Angular Components to…

.NET Core 3 is not working in Visual Studio 2019

March 8, 2019Posted by Brian Lagunasin Video, WPF

If you are having issues creating or loading .NET Core 3 apps in Visual Studio 2019, chances are you are using the latest Visual Studio 2019 (RC) which does not have .NET Core 3 enabled. In this video I explain why .NET Core 3 is…

Desktop to Web: Create your first Angular App

March 6, 2019Posted by Brian Lagunasin Angular, Infragistics, Video

In this video, I show you how to create an Angular application, we compare the Angular file structure to a WPF app file structure, and we see how we can run our Angular app in the browser. Creating a new Angular app is as easy…

Desktop to Web: Install Angular in 3 Simple Steps

February 27, 2019Posted by Brian Lagunasin Angular, Infragistics, Video, WPF

In this video, I show desktop developers how to get their machine ready for Angular development. Angular development requires four pieces of software: Node JS NPM Angular CLI An IDE (Visual Studio Code) Installing Angular requires only three steps. Install Node JS and NPM. When…

Desktop to Web: A WPF Developers Guide to Learning Angular

February 21, 2019Posted by Brian Lagunasin Infragistics, Video

“Desktop to Web: A WPF Developers Guide to Learning Angular” is a video tutorial series that will help you take your WPF and WinForms desktop coding skill to the web with Angular. This series will help you understand how your current desktop skills map directly…