Author
Todd Motto

Todd Motto

Todd is a 26 year old front-end engineer and Google Developer Expert from England, UK. He runs Ultimate Angular (which just won “Best Angular product for Education” award!), teaching developers and teams how to become Angular experts through online courses.

Recent Articles

Web

Creating a custom filter (pipe) in Angular

This guide was written for Angular 2 version: 2.0.0-rc.5 Filters are a fantastic way of returning new collections of data, rather than mutating existing. Filters essentially are just functions, that accept a single value, or collection, and return a new value or collection based on that filter's responsibility. In this guide, we'll be covering how […]

  • March 30, 2017
Web

Creating an Angular 2 Injectable Service

This guide was written for Angular 2 version: 2.0.0-rc.4 Services are an abstraction layer that handles an application's business logic, which usually includes communicating with a backend and parsing/returning data or datasets. In Angular 1.x, we had a few different ways of creating a service (.service(), .factory() and .provider()). For this guide we'll be comparing […]

  • March 24, 2017
Web

From ng-repeat in Angular 1.x to ngFor in Angular 2

This guide was written for Angular 2 version: 2.0.0-rc.4 The ng-repeat directive in Angular 1.x allows us to iterate over a collection of data and print out DOM nodes that respond to that data. If the data changes, the DOM changes as well. In this guide we'll be converting an Angular 1.x ng-repeat directive across […]

  • March 20, 2017
Web

From ng-switch to ngSwitch

This guide was written for Angular 2 version: 2.0.0 The ng-switch directive in Angular 1.x allows us to dynamically control what DOM element is visible based on some pre-defined condition. When the value being evaluated changes, we are essentially switching what DOM element we want to make visible. In this guide we'll be converting an […]

  • March 16, 2017
Web

Planning An Angular Application

The following is an excerpt from the Planning And Angular Application Whitepaper by Todd Motto. You can download the full Whitepaper for free at telerik.com/campaigns/kendo-ui/planning-an-angular-application. Planning an Angular (version 2 and above) application is something you may have already done or will be soon attempting. This whitepaper documents a high-level outline of things to consider […]

  • March 13, 2017
Web

Component Event Binding with @Output() in Angular 2

This guide was written for Angular 2 version: 2.0.0-rc.4 With component architecture in Angular 2, it's important to design components that contain what we call inputs and outputs. The data enters a component via an input, and leaves the component through an output. This is a small but powerful conceptual change to Angular 1.x's two-way […]

  • March 7, 2017
Web

Component Property Binding with @Input() in Angular 2

This guide was written for Angular 2 version: 2.0.0-rc.4 With component architecture in Angular 2, it's an important to design components to contain what we call inputs and outputs. The data enters a component via an input, and leaves the component through an output. This is a small but powerful conceptual change to Angular 1.x's […]

  • March 3, 2017
Web

From angular.module to ngModule

This guide was written for Angular 2 version: 2.0.0-rc.6 Angular 1.x has relied heavily on module support at the framework level to give us a clear way to organize our application into logical units. With the release of Angular 2 RC5, the concept of framework level support for modules was reintroduced via ngModule. Table of […]

  • February 23, 2017
Web

Bootstrapping in the Browser with Angular 2

This guide was written for Angular 2 version: 2.0.2 Angular 1.x allows us to bootstrap our applications in two different ways, using the ng-app directive, or the angular.bootstrap method on the angular global. Let's explore the Angular 1.x concepts and then dive into how we do the same in Angular 2. For this guide, we'll […]

  • February 17, 2017
Web

Todd Motto chats with Sherry List

Todd Motto sits down for a chat with Sherry List during Angular Connect 2016 about being a ballerina, rock climbing, the Angular 2 CLI, Italian & British accents, enjoying tea & crumpets and more.

  • November 9, 2016
Web

Todd Motto chats with Amanda Cavallaro

Todd Motto talks with Amanda Cavallaro during Angular Connect 2016 about 4 days with no sleep, Angular 2 security, her prior life as a teacher and more.

  • November 8, 2016
Web

Todd Motto chats with Tracy Lee

Todd Motto sits down for a short chat with Tracy Lee List during Angular Connect 2016 about lousy British accents, messing with Todd’s perfectly quaffed hair, the Angular 2 forms and routing API, fame, Snapchat and more.

  • November 7, 2016
Web

Todd Motto chats with Misko Hevery

Todd Motto talks with Misko Hevery during Angular Connect 2016 about ahead of time compilation, Angular 2 templates, the lack of free time, a medical career that will never be, fame and more.

  • November 3, 2016
Web

Angular 2 Patterns for Angular 1.x Apps

If you’re planning to upgrade your codebase to Angular 2, there are particular things you can begin to do to start getting into the Angular 2 mindset. In this article, we’ll be going through some things you can do to an existing 1.x codebase to bring it into shape for any future Angular 2 refactoring. […]

  • October 10, 2016
Opinion

Angular 2 Upgrade Strategies from Angular 1.x

Angular 2 is almost here. It’s currently in the mid-release candidate phase, and the web is buzzing with excitement. However, there will be many groups of people – development teams, contractors and tech leads – that are both excited and a little unsure of what to do next – and those people are the Angular […]

  • July 27, 2016
Opinion

The Performance of Kendo UI Spreadsheet Versus Office 365 Excel

There was a recent webinar we ran on importing and exporting data using native browser APIs, open source libraries and some of our Kendo UI components. As such, we started to look at creating demos that show importing and exporting data, and decided to look at comparing rendering data with some of the big players, […]

  • May 9, 2016
Web

A Fast Angular 2 Setup with Components and the Component Router

Angular 2 is nearing release candidate. I’m excited, and so are many others. Last week we spoke to Brad Green on our podcast where he uncovered some exciting aspects of Angular 2, as well as the future plans he has for building out awesome new features. As we approach the first finish line for the […]

  • April 19, 2016
Web

Unleashing the Power of Kendo UI’s Router

Routers are one of the most critical parts of any single page application. By design we should focus on a user centric routing model. A user centric routing model involves designing the URL around making it easy for the user to see where they are in the app by the URL. The concepts behind the […]

  • March 17, 2016