angular

A 37-post collection

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


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


Angular 2 Styles and File Structure

When are you publishing the Angular 2 Style Guide, John? Soon. Before ngConf is my goal. What will be there by then? I am careful to only release conventions that I feel are vetted and have worked based upon experience. So the underlying problem with releasing an entire style guide right now is that there is not a lot of experience to lean on for many things. But there is enough traction now where we can safely say the foundations can be agreed upon and published. So when I do make the style guide publicly available, it will contain those foundations. Until then, here is a quick glimpse at a project structure that I have been working with. I’...


VS Code Angular Snippets

Visual Studio Code Beta is available and it supports extensions! I published my first 2 extensions for creating Angular 1 and 2 snippets. You can grab these from the marketplace or right from VS Code. You can browse the VS Code Extension Gallery both from within VS Code and through the VS Code Marketplace. ###Installing Angular 2 TypeScript Snippets for VS Code This extension for Visual Studio Code adds snippets for Angular 2 for TypeScript. Installation Install Visual Studio Code 0.10.1 or higher Launch Code From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX) Select Install Extension Choose the extension Reload Visual Studio Code Usage Type part of a snippet, press enter, and the snippet unfolds. ng2component...


Angular 2 Hack Night Coming to Orlando

Want to learn Angular 2 from the beginning? Join me and many fellow developers at the Orlando Angular 2 hack Night in Orlando! How about if we make this free? I’ll be there along with some members of the Angular team (both in person and over a Google Hangout), and many local community leaders, to help you code. We’ll have several categories for the hack night with judging at the end of the evening. Our sponsors have been generous to help us get some great prizes (hint, one is a tablet) for the best hacks! Look to some upcoming posts to learn more about the hack categories and some of the prizes. Registration You can register...