John Papa

Hi, I'm John Papa. I author this blog, create courses for Pluralsight and am a Google Developer Expert and Microsoft Regional Director. I speak at events and I train technology thought leaders

Essential Angular VS Code Extensions

When it comes to efficient and effective development experiences, excellent tooling makes all the difference. That's why I love VS Code. VS Code has a great extensibility model, which makes it easy to create awesome extensions that enhance the development experience. It's no secret that I love shortcuts and I don't love memorizing syntax ... which is why I created my snippets for Angular. It's been quite popular with over 500,000 downloads, but it's certainly not the only extension I use. I am often asked, "What are you favorite VS Code extensions for Angular?". I decided it was time to share them via an extension pack. Introducing my Angular Essentials extension pack for VS Code. By installing this extension pack...


Azure and Angular on DotNetRocks

Whether it's time to host your Angular app, create API end points, or a database, or cognitive service intelligence, Azure is a great partner to Angular apps. I had a great time discussing these and how serverless with Azure Functions can aid an Angular developer in developing and deploying great apps! Listen to the podcast here Is Angular ready for the enterprise? Carl and Richard talk to John Papa about the latest version of Angular and it's applicability in everyday enterprise development. John discusses how the fast-moving updates of open source projects are a challenge for enterprise developers and the solutions available - you don't have to always use the latest bits! The role of the cloud (specifically Azure) is...


VS Code Function Keys in the MacBook Touchbar

I love writing code in VS Code on my MacBook Pro. VS Code has a ton of shortcuts that let me keep my fingers on the keyboard and fly around, coding. Recently I purchased the new MacBook Pro with the touchbar, which has raised a new hurdle ... how do I use the function keys? These are helpful for refactoring shortcuts in VS Code. I could map these features to other keys, but there is an easy way to show the FN keys to the touchbar when in VS Code on a Mac. Open System Preferences and find the Keyboard. Then select the Shortcuts tab. On the left, select Function Keys and click the Plus sign ( + ). This will open the Applications...


Learn Angular with Angular First Look, Updated for v4 !

My Angular First Look course is now updated for v4.0.0+ and available on Pluralsight. The course is titled "Angular 2 First Look" but it covers the latest in v4 ( course titles are not updatable). This course is a gentle introduction to the changes that Angular (v4) brings, how they compare to AngularJS (v1), and provides an understanding of the architecture and how the core concepts work together to build applications. The name Angular refers to anything version 2.0.0 or greater. AngularJS refers to version 1. In this course, you will learn how your AngularJS skills translate and prepare you to build Angular (v4) applications. Code samples focus on specific features including Angular components, templates directives, data...


VS Code Extension with Azure Function Intellisense

Lately, I've been hooked on Azure Functions, which are incredibly easy to get started to create some of your own APIs. One thing I love about editors is their ability to look up language syntax and JSON schemas to provide features like intellisense. I recently posted about how to add JSON schemas to a VS Code settings.json file to add intellisense for Azure Functions. After a short chat with my colleagues, I decided to create an extension that makes it even easier. You can find the extension Azure Functions Tools here in the marketplace. Cleanup If you followed my previous post, remove the JSON schema setting from your settings.json file Installation Steps Launch VS Code Quick Open ⌘+P...