John Papa

Hi, I'm John Papa. I author this blog, create courses for Pluralsight and am a Developer Advocate. I speak at events, contribute to OSS, and I train technology thought leaders

Vue.js with TypeScript

I spent a few days on and off learning parts of Vue to write a small app. I wrote the same app with Angular. I'm sharing my experience of working through Vue for the first time to help others that may be curious about the JavaScript framework landscape. This post explores how I refactored the Vue app to use TypeScript. The two places I found the most help were in this (Microsoft resource](https://github.com/microsoft/typescript-vue-starter) and the Vue docs. Neither was exactly what I needed, but together they were helpful in gaining success. Read on to learn more. Disclaimer: This was my first attempt at using TypeScript in Vue. My intent is to share the journey, not...


A Look at Angular Alongside Vue - Familiar Code

I spent a few days on and off learning parts of Vue to write a small app. I wrote the same app with Angular. I'm sharing my experience of working through Vue for the first time to help others that may be curious about the JavaScript framework landscape. This post explores the code for both the Angular and Vue apps. Spoiler: you'll find that the code and concepts are very similar. :) I had a lot of fun working through Vue with Sarah Drasner. Pair programming or simply just talking to friends about code is a great way to learn and share ideas. We all benefit when we learn to enjoy and embrace the similarities and the differences that help push...


A Look at Angular Alongside Vue - Learning Materials

I spent a few days on and off learning parts of Vue to write a small app. I wrote the same app with Angular. I'm sharing my experience of working through Vue for the first time to help others that may be curious about the JavaScript framework landscape. This time I want to share where I went for learning materials and how they worked out for me. Here are the posts in this series, if you want to catch up or jump around: Post 1 - File Structure Post 2 - Learning Materials Post 3 - Familiar Code Post 4 - Vue with TypeScript Learning Materials OK, I admit ... at first, I didn't use any learning materials. I googled Vue...


A Look at Angular Alongside Vue - File Structure

I love JavaScript. I love how it is constantly evolving. The buzz around Vue and how it is similar to Angular has intrigued me, so recently I explored Vue. I wanted to get a sense of how it compared, how it works, and how it feels to develop an app with it. I spent a few days on and off learning parts of Vue to write a small app. tldr; ... I enjoyed my first experience with Vue. I enjoy Angular. Seeing multiple ways to tackle apps is a good experience. Post 1 - File Structure Post 2 - Learning Materials Post 3 - Familiar Code Post 4 - Vue with TypeScript Other posts will follow on the learning materials, things...


Angular Design Solutions

Sometimes coding is hard .... and at the same time, it's fun to debug it! Ward Bell and I really enjoyed creating this course on solving real-world Angular scenarios. We think you'll find it useful in applying to your scenarios and hopefully enjoy our friendly banter :) Click this link to watch our course Play by Play: Angular Design Solutions. Here are some of the topics we cover: TypeScript and Angular Inventory of Problems and Solutions Binding Errors *ngFor Pitfalls Template/CSS File Paths Booting and Setup Errors NgModule Follies Dependency Injection HTTP Issues Here is the official description of the course, below. In this course, Play by Play: Angular Design Solutions, Ward Bell and John Papa discuss how to detect and...