angular

A 38-post collection

TopCoders Angular Workshop in Raleigh, NC

Angular's engineering makes it extremely powerful for web and mobile applications. It is a great time to learn how to build apps with Angular using Dependency Injection, providers, data binding, RxJS, Components, Modules, Services, and more! I'm excited to announce a new three day TopCoders Angular Workshop that is custom tailored to jump starting into Angular, hosted by myself and my friends Dan Wahlin and Joe Eames in Raleigh, NC from March 22-24! Register now (The EARLY bird discount code expires on Feb 24, 2017) Interested in learning how to build applications with Angular v2+? Whether you’ve been building AngularJS 1 applications or you’re brand new to Angular, this workshop will provide a ground-up approach to learning Angular...


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