Search results for "Web"

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

From ng-class to ngClass

This guide was written for Angular 2 version: 2.0.0 The ng-class directive in Angular 1.x allows you to dynamically add CSS classes based on a configuration object. This is a special key-value object, where the "key" is the CSS class and the "value" the corresponding boolean condition, determining whether the CSS class should be applied […]

Month of Angular – 2017

Angular (formerly Angular 2) continues to gain momentum in the marketplace. We at Progress have been fans for some time – including support in NativeScript and Kendo UI for Angular. Lately, we’ve seen a growing demand from developers for resources to learn Angular or to move from AngularJS 1.x to Angular. That’s why we are […]

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

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

Prev
Next