Search results for "Web"

Angular UI Components – the Directors Cut

In January we announced the Release Candidate availability of Kendo UI for Angular – a comprehensive UI framework, written from the ground up as native Angular components. That's right no jQuery dependency, no wrapping old code and pretending it's new. We've been hard at work getting ready for the full release, which will ship in […]

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 […]

From ng-model to ngModel

This guide was written for Angular 2 version: 2.0.0 The ng-model directive in Angular 1.x allows us to create two-way data binding between a form control and a property on scope. In this guide we'll be converting an Angular 1.x ng-model directive into Angular 2's ngModel directive. Table of contents Angular 1.x Using ng-model Final […]

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 […]

From ui-router to Component Router

This guide was written for Angular 2 version: 2.0.0 Routing in Angular 2 has finally stabilized with the introduction of the latest component router which allows us to map components directly to routes. In this guide, we'll be converting an Angular 1.x application using ui-router to an Angular 2 application using the component router. Table […]

Can Google’s Guetzli JPEG Encoder Help Solve Web Page Bloat?

Images are a key ingredient of compelling content. However, images also bloat up our web pages. According to Tammy Everts of Soasta, in 2015, the average page weight was about 2.1MB and 65% of that was due to images. Who here thinks that this has actually improved in the ensuing 2 years? Given that I […]

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 […]

From ngAnimate to Angular 2 animate

This guide was written for Angular 2 version: 2.0.0 Originally, Angular 1.x was created to help developers build enterprise applications faster. With the introduction of ngAnimate written by Matias Niemel√§, Angular 1.x suddenly offered something for everyone. Not only could developers create powerful line of business applications, but designers could use Angular to create rich, […]

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 […]

How to Create an Angular Application: Adding Styling with Kendo UI

One of the biggest hurdles to creating your projects can be getting from zero to running project. Using the Angular CLI makes that process painless and fast. In this post, we’ll get a project skeleton together using the Angular CLI and then add some base styling with the Kendo UI for Angular default theme along […]

Prev
Next