Angular 2 Workshop in Barcelona

Are you interested learning Angular 2? Come join myself and Dan Wahlin on July 31st in Barcelona, Spain for a fun filled and content rich exploration of Angular 2! What? Learn Angular 2 Where? University of Barcelona When? July 31, 2016 Who? Learn from Dan Wahlin and John Papa Register here and Use code PAPA for € 100 off for the early bird discount Dan Wahlin and I will be in Barcelona for a full day of Angular 2 and look forward to sharing our knowledge, expertise and passion with everyone. Registration opens Tuesday, May 17th ... please check back on this site or check Twitter for the registration link. Space will be limited and there will be an early bird special...


Angular 2 ngFor

Have you tried ngFor in Angular 2? I bet you have. If you try the Angular 2 release candidate or later, you may have noticed a pervasive change that affects nearly every early adopter of Angular 2. The syntax changed very subtly. The new syntax is super easy to refactor. However being inquisitive like we are, my friend Ward Bell and I wondered why it was made. This post helps explain why the late change happened based on our perceptions. Most of this post came directly from my friend Ward's thoughts. I suggested it was awesome and useful information and requested he let me post it. He agreed. And here we are :) Overview of *ngFor and ref- Here are the...


Angular 1 from JavaScript to TypeScript

Recently I had a great opportunity to sit down with brilliant and humble friend Chris Martin to film a Play by Play video for Pluralsight. Chris had an Angular 1 app he had written in ES5 and wanted to convert it to TypeScript. We decided to try the conversation live while filming (what could go wrong?!). The keys for us were to tackle it in a methodical way such that we could see it running as we did the conversion and to have transpilation, linting and tooling help along the way. You can watch us on this venture as we had a lot of fun exploring how to tackle this conversion. Here is the description of the video with me...


Understanding ES5, ES2015 and TypeScript

What is the difference between ES5, ES2015 (formerly known as ES6), and TypeScript? Which should we learn and use? First, let’s create a foundation for our discussion for each of these. TypeScript is a superset of JavaScript. ES2015 is the evolution of ES5. This relationship makes it easier to learn them progressively. We want to understand the differences between them, but first we must understand what each of these are and why they exist. We’ll start with ES5. ES5 ES5 is what most of us have used for years. Functional programming at its best, or worst, depending on how you view it. I personally love programming with ES5. All modern browsers support it. It’s...


Angular 2 First Look

My Angular 2 First Look course is now available on Pluralsight. This course is a gentle introduction to the changes that Angular 2 brings, how they compare to Angular 1, and provides an understanding of the architecture and how the core concepts work together to build applications. You will learn how your Angular 1 skills translate and prepare you to build Angular 2 applications. Code samples focus on specific features including Angular 2 components, templates directives, data binding syntax, modules, dependency injection, routing, HTTP, pipes, and services. All samples are written in TypeScript and run live on the web where you can see and edit them with a click of a button; no setup required. We launch the demos directly...