Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Angular: Increasing Your Productivity in Visual Studio
Rating: 4.0 out of 5(79 ratings)
9,011 students

Angular: Increasing Your Productivity in Visual Studio

Visual Studio Productivity Strategy
Created byDavid Donovan
Last updated 4/2019
English

What you'll learn

  • How to integrating Angular with the ASP .Net Core framework
  • Passing WebAPI exception information back to the client
  • Opening Developer Tools Automatically
  • Setting TypeScript Breakpoints in Visual Studio
  • Multiple Angular Projects, Same Codebase
  • Scope to This
  • Performance Markers
  • Quicker Deployment using Visual Studio
  • Visual Studio File Nesting
  • Expand-Collapse TypeScript Regions

Course content

1 section12 lectures23m total length
  • Welcome0:58

    Boost your productivity in Visual Studio with time-saving features for ASP.Net Core and Angular integration, applicable to any modern front-end framework.

  • WebAPI Exceptions2:32

    ASP.NET Core WebAPI exceptions returned to Angular via a custom exception filter and base controller, with exception details formatted and sent to the client for analytics.

  • Opening Developer Tools Automatically1:41

    Configure a 'Chrome for Development' profile to automatically launch Chrome with developer tools and cleared cache from Visual Studio, capturing startup performance data.

  • Integrated Debugging TypeScript with .Net2:11

    Set breakpoints in a TypeScript file within Visual Studio and debug client-side and server-side code from the IDE. Enable JavaScript debugging for ASP.NET and use Edge to step through AppSettings.

  • Multiple Angular Projects, Same Codebase2:09

    See how the phone project uses the same codebase as the desktop project in an Angular.Net Visual Studio setup, enabling debugging with the configuration tool and promoting code reuse.

  • Scope to This1:15

    Learn to debug TypeScript in Visual Studio for an ASP.NET app by temporarily hiding the Script Documents folder with Scope to This, and restoring it via the home icon.

  • Performance Markers2:59

    Learn to use Edge developer tools performance tab and the JavaScript performance interface to record, place begin request and request ended markers, and analyze timing from begin to server response.

  • Starting without Building C#0:54

    Increase productivity in Visual Studio by starting the app without a full build using the Configuration Manager to disable projects from building, then re-enable and rebuild after launch.

  • Quicker Deployment using Visual Studio4:05

    Create a production solution and production project in Visual Studio. Exclude unnecessary files from the production project to publish only what the app needs and deploy faster to Azure.

  • Visual Studio File Nesting2:46

    Explore how to enable and customize file nesting in Visual Studio to organize Angular component files, such as app.component.ts, app.component.html, and app.component.css, improving project clarity.

  • Expand-Collapse TypeScript Regions1:49

    Use the expand/collapse region feature in TypeScript to unclutter long files in Visual Studio, with regions for speech to text, text messaging, and Google Maps, plus bookmarks and persistent breakpoints.

  • Invitation0:20

    Connect with a consultant to integrate Angular with ASP.Net Core, and contact me to explore solutions that boost productivity in Visual Studio.

Requirements

  • Knowledge of Visual Studio
  • Experience with C#
  • Understanding of TypeScript
  • Exposure to Angular 2+

Description

In this video series, we will concentrate on increasing your productivity in Visual Studio. Most of these subjects are misunderstood, or not quite developed enough for a course on the Integration of the Angular and ASP.Net Core. But as a Microsoft developer, you need to know how to be the most productive using Visual Studio.

The topics, in this series, are general, and not necessarily directed to the integration of Angular. These topics will apply to any modern front-end framework when integrating with ASP.Net Core. It is important enough, and can save you time, so let’s get started uncovering these time savings features of Visual Studio and ASP.Net Core.

Who this course is for:

  • Developers who want to be more productive integrating Angular with ASP-Net Core