javascript

A 79-post collection

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...


Angular 2 QuickStart with Ward Bell

Recently I had a great opportunity to sit down with my good friend and expert Angular developer Ward Bell to film a Play by Play for Pluralsight on Angular 2. You can watch Ward and I build an Angular 2 app from scratch, and see us explaining the decisions we make as the code unfolds. Here is the description of the video with us ... In this video, Curious about getting started in Angular 2? This Play by Play will get you up and running in under two hours. In this course, Angular experts John Papa and Ward Bell build an Angular 2 app from scratch. You’ll learn about the various options for spinning up an Angular 2 app, including...


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...